:root{--sapBackground: #f5f6f7;--sapSurface: #ffffff;--sapSurface2: #f5f6f7;--sapBorder: #d5dadf;--sapBorderSubtle: rgba(29, 45, 62, .12);--sapText: #1d2d3e;--sapTextLabel: #556b82;--sapBrand: #1a5a60;--sapBrandHover: #14474c;--sapLink: #1a5a60;--brandAccent: #fb8e01;--sapPositive: #256f3a;--sapPositiveEl: #30914c;--sapNegative: #aa0808;--sapNegativeEl: #d20a0a;--sapCritical: #aa5d00;--sapCriticalEl: #e76500;--sapInfo: #1a5a60;--sapFaulty: #c35500;--sapShadow: 0 0 .125rem rgba(34, 54, 73, .16), 0 .5rem 1rem rgba(34, 54, 73, .16);--radius-s: 8px;--radius-m: 12px;--panel-w: 0px;--shell-h: calc(env(safe-area-inset-top, 0px) + 53px) ;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--sapBackground);color:var(--sapText);font-family:var(--font);font-size:14px;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:var(--font)}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;right:var(--panel-w)}.canvas-wrap canvas{touch-action:none}.hud-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 8px) 16px 8px;background:var(--sapSurface);border-bottom:1px solid var(--sapBorderSubtle);box-shadow:0 1px 3px #22364914}.hud-top>div{min-width:0}.hud-top h1{font-size:15px;font-weight:700;letter-spacing:.1px;color:var(--sapText);white-space:nowrap}.hud-top .subtitle{display:block;font-size:11px;color:var(--sapTextLabel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.hud-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{border:1px solid #758ca4;background:var(--sapSurface);color:var(--sapBrand);width:36px;height:36px;border-radius:var(--radius-s);font-size:16px;flex-shrink:0;transition:background .15s ease}.icon-btn:active{background:#1a5a601a}.format-tag{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.5px;color:#fff;background:var(--sapBrand);border-radius:4px;padding:2px 5px;margin-left:6px;vertical-align:1px}.pill{flex-shrink:0;white-space:nowrap;border:1px solid rgba(48,145,76,.5);background:#30914c1a;color:var(--sapPositive);font-size:12px;font-weight:600;padding:8px 12px;border-radius:var(--radius-s);display:flex;gap:8px;align-items:center}.pill-bad{color:var(--sapNegative);border-color:#d20a0a73;background:#d20a0a14}.pill-sub{color:var(--sapCritical);font-weight:600}.view-switch{position:absolute;top:calc(var(--safe-top) + 53px);left:0;right:0;z-index:10;display:flex;justify-content:center;gap:8px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sapBorderSubtle)}.view-switch button{border:none;background:transparent;color:var(--sapTextLabel);font-family:var(--font);font-size:14px;font-weight:600;padding:12px 18px 9px;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease}.view-switch button.active{color:var(--sapBrand);border-bottom-color:var(--sapBrand)}.view-switch button.disabled{opacity:.4}.legend{position:absolute;left:12px;bottom:calc(var(--safe-bottom) + 132px);z-index:9;display:grid;grid-template-columns:auto auto;gap:5px 14px;background:var(--sapSurface);border:1px solid var(--sapBorderSubtle);border-radius:var(--radius-m);box-shadow:var(--sapShadow);padding:10px 12px;font-size:11px;color:var(--sapTextLabel);pointer-events:none}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.dep-card{position:absolute;left:12px;right:12px;top:calc(var(--safe-top) + 110px);z-index:11;background:var(--sapSurface);border:1px solid var(--sapBorderSubtle);border-radius:var(--radius-m);box-shadow:var(--sapShadow);padding:14px 16px;animation:slide-in .25s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}}.dep-card.bad{border-color:var(--sapNegativeEl)}.dep-card.warn{border-color:var(--sapCriticalEl)}.dep-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dep-card-head strong{flex:1;font-size:14px}.dep-card p{font-size:13px;color:var(--sapTextLabel);line-height:1.45}.dep-state{margin-top:8px;font-weight:600}.dep-state.bad{color:var(--sapNegative)!important}.dep-state.warn{color:var(--sapCritical)!important}.dep-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px;border-radius:4px;color:#fff}.dep-constraint{background:var(--sapBrand)}.dep-precondition{background:#7838d6}.dep-selection{background:#0e7d71}.dep-procedure{background:#b66e00}.close{border:none;background:#1d2d3e14;color:var(--sapTextLabel);width:28px;height:28px;border-radius:var(--radius-s);font-size:12px}.toast{position:absolute;bottom:calc(var(--safe-bottom) + 150px);left:50%;transform:translate(-50%);z-index:30;max-width:calc(100% - 32px);background:#32363a;color:#fff;border-radius:var(--radius-s);box-shadow:var(--sapShadow);padding:11px 16px;font-size:13px;line-height:1.45;animation:toast-in .25s ease;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;height:88dvh;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--sapBorder);border-radius:var(--radius-m) var(--radius-m) 0 0;box-shadow:0 -6px 24px #2236492e;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.32,.72,.22,1);will-change:transform}.sheet.dragging{transition:none}.sheet-grip{padding:10px 16px 6px;touch-action:none;cursor:grab}.handle{display:block;width:42px;height:4px;border-radius:2px;background:#c8d1da;margin:0 auto 10px}.sheet-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600}.badge{background:var(--sapNegativeEl);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.sheet-actions{display:flex;gap:8px;padding:4px 16px 12px;border-bottom:1px solid var(--sapBorderSubtle)}.btn{flex:1;border:1px solid #758ca4;background:var(--sapSurface);color:var(--sapBrand);font-family:var(--font);font-size:13px;font-weight:600;padding:10px;min-height:40px;border-radius:var(--radius-s);transition:background .15s ease}.btn:active{background:#1a5a601a}.btn.warn{color:var(--sapCriticalEl);border-color:#e765008c}.btn.primary{background:var(--sapBrand);border:none;color:#fff;font-weight:700}.btn.primary:active{background:var(--sapBrandHover)}.btn.primary:disabled{opacity:.4}.sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px calc(var(--safe-bottom) + 28px)}.sheet-content h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--sapTextLabel);margin:16px 0 10px}.messages{display:flex;flex-direction:column;gap:8px}.msg{border-radius:var(--radius-s);padding:12px 14px;font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:3px;border:1px solid var(--sapBorderSubtle);background:var(--sapSurface)}.msg strong{font-size:12px}.msg span{color:var(--sapTextLabel)}.msg-ok{border-color:#30914c80;background:#30914c12;color:var(--sapPositive)}.msg-bad{border-color:#d20a0a80;background:#d20a0a0f}.msg-bad strong{color:var(--sapNegative)}.msg-warn{border-color:#e7650080;background:#e765000f}.msg-warn strong{color:var(--sapCritical)}.cstic-block{border:1px solid var(--sapBorderSubtle);background:var(--sapSurface);border-radius:var(--radius-m);box-shadow:0 1px 2px #2236490f;padding:13px 14px;margin-bottom:10px;scroll-margin-top:12px;transition:border-color .3s ease}.cstic-block.selected{border-color:var(--sapBrand);box-shadow:0 0 0 1px var(--sapBrand)}.cstic-block.status-conflict{border-color:#d20a0a8c}.cstic-block.status-inactive{opacity:.55}.cstic-block header{display:flex;align-items:center;gap:9px}.cstic-block h3{font-size:14px;font-weight:600;flex:1}.cstic-value{font-size:12px;color:var(--sapTextLabel)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-open{background:#91a4b8}.dot-set{background:var(--sapPositiveEl)}.dot-derived{background:var(--sapInfo)}.dot-conflict{background:var(--sapNegativeEl);animation:dot-pulse 1.4s infinite}.dot-affected{background:var(--sapCriticalEl)}.dot-inactive{background:#c2cdd8}@keyframes dot-pulse{0%,to{box-shadow:0 0 #d20a0a66}50%{box-shadow:0 0 0 5px #d20a0a00}}.hint{font-size:12px;color:var(--sapTextLabel);margin-top:6px;line-height:1.4}.hint.derived{color:var(--sapInfo)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #758ca4;background:var(--sapSurface);color:var(--sapText);font-family:var(--font);font-size:13px;font-weight:500;padding:9px 13px;min-height:40px;border-radius:var(--radius-s);transition:all .18s ease}.chip:disabled{opacity:.45}.chip-selected{border-color:var(--sapBrand);background:var(--sapBrand);color:#fff;font-weight:600}.chip-derived{border-color:var(--sapInfo);background:#1a5a6014;color:var(--sapLink)}.chip-blocked{border-style:dashed;border-color:#d20a0a8c;color:#b04a4a}.chip-selected.chip-blocked{border-style:solid;border-color:var(--sapNegativeEl);background:#d20a0a1a;color:var(--sapNegative)}.chip em{font-style:normal;font-size:10px;font-weight:700;background:#1a5a6024;padding:2px 6px;border-radius:4px}.chip em.warn{background:transparent;font-size:12px;padding:0}.swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(29,45,62,.3);display:inline-block}.sheet-footnote{margin-top:18px;font-size:11px;color:var(--sapTextLabel);line-height:1.5;text-align:center;opacity:.9}.sheet-footnote .version{display:block;margin-top:6px;font-weight:600;color:var(--sapLink)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#1d2d3e52;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:560px;max-height:calc(100% - var(--safe-top) - 40px);overflow-y:auto;background:var(--sapSurface);border:1px solid var(--sapBorder);border-radius:var(--radius-m) var(--radius-m) 0 0;box-shadow:var(--sapShadow);padding:16px 16px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column;gap:12px;animation:rise .28s cubic-bezier(.32,.72,.22,1)}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--sapBorderSubtle)}.modal-text{font-size:12.5px;color:var(--sapTextLabel);line-height:1.5}.modal-row{display:flex;gap:8px}.modal-textarea{width:100%;min-height:120px;resize:vertical;background:var(--sapBackground);border:1px solid var(--sapBorder);border-radius:var(--radius-s);color:var(--sapText);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;padding:12px;user-select:text;-webkit-user-select:text}.modal-textarea:focus{outline:none;border-color:var(--sapBrand)}.modal-error{border:1px solid rgba(210,10,10,.5);background:#d20a0a0f;color:var(--sapNegative);border-radius:var(--radius-s);padding:11px 13px;font-size:12.5px;line-height:1.5;user-select:text;-webkit-user-select:text}.mode-row{padding:0 16px 10px}.segmented{display:flex;gap:2px;background:var(--sapSurface2);border:1px solid var(--sapBorder);border-radius:var(--radius-s);padding:2px}.segmented button{flex:1;border:none;background:transparent;color:var(--sapTextLabel);font-family:var(--font);font-size:13px;font-weight:600;padding:9px;border-radius:6px;transition:all .18s ease}.segmented button.active{background:var(--sapBrand);color:#fff}.mode-hint{margin-top:6px;font-size:11px;color:var(--sapTextLabel);line-height:1.4;text-align:center}.msg-deactivated{color:var(--sapPositive)!important;font-weight:600;font-size:12px}.numeric-field{margin-top:10px}.numeric-field input[type=range]{width:100%;accent-color:var(--sapBrand);height:28px}.numeric-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--sapTextLabel)}.numeric-meta strong{font-size:15px;color:var(--sapText)}.numeric-clear{margin-top:8px;border:1px solid var(--sapBorder);background:var(--sapSurface);color:var(--sapLink);font-family:var(--font);font-size:12px;font-weight:600;padding:7px 12px;border-radius:var(--radius-s)}.component-group{margin-bottom:6px}.component-head{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--sapText);font-family:var(--font);font-size:13px;font-weight:700;padding:10px 2px 8px;text-align:left}.component-head .chevron{display:inline-block;transition:transform .2s ease;color:var(--sapBrand)}.component-head .chevron.open{transform:rotate(90deg)}.component-head em{font-style:normal;font-size:11px;font-weight:700;color:var(--sapTextLabel);background:var(--sapSurface2);border:1px solid var(--sapBorderSubtle);border-radius:9px;padding:1px 8px}.dep-table-info{margin-top:8px;font-size:12px;color:var(--sapText)!important;background:var(--sapSurface2);border:1px solid var(--sapBorderSubtle);border-radius:var(--radius-s);padding:8px 10px}.dep-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dep-cstic-chip{border:1px solid #758ca4;background:var(--sapSurface);color:var(--sapBrand);font-family:var(--font);font-size:12px;font-weight:600;padding:7px 11px;border-radius:var(--radius-s)}.dep-cstic-chip.graph{background:var(--sapBrand);border-color:var(--sapBrand);color:#fff}.price-bar{margin-top:8px;border-top:1px solid var(--sapBorderSubtle);padding-top:8px;pointer-events:none}.price-main{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--sapTextLabel)}.price-main strong{font-size:18px;font-weight:700;color:var(--sapText);font-variant-numeric:tabular-nums}.price-sub{font-size:11px;color:var(--sapTextLabel);text-align:right}.price-sub em{font-style:normal;color:var(--sapCritical);font-weight:600}.calc-card{border:1px solid var(--sapBorderSubtle);background:var(--sapSurface);border-radius:var(--radius-m);box-shadow:0 1px 2px #2236490f;padding:6px 14px}.calc-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--sapBorderSubtle)}.calc-line:last-child{border-bottom:none}.calc-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.calc-line.pending{color:var(--sapTextLabel);font-style:italic}.calc-line.total{font-weight:700;border-top:2px solid var(--sapBorder)}.calc-line.cost{color:var(--sapTextLabel)}.calc-line.margin{color:var(--sapPositive);font-weight:600}.price-bar{position:relative}.price-delta{position:absolute;right:0;top:-14px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;animation:delta-float 1.8s ease-out forwards}.price-delta.up{color:var(--brandAccent)}.price-delta.down{color:var(--sapPositiveEl)}@keyframes delta-float{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.suggestions{display:flex;flex-direction:column;gap:8px}.suggestion{display:flex;align-items:center;gap:10px;border:1px solid rgba(26,90,96,.35);background:#1a5a600d;border-radius:var(--radius-m);padding:11px 12px}.suggestion-body{flex:1;min-width:0}.suggestion-change{font-size:13px;line-height:1.45}.suggestion-delta{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;border-radius:4px;padding:2px 7px}.suggestion-delta.down{background:#30914c1f;color:var(--sapPositive)}.suggestion-delta.up{background:#1a5a601a;color:var(--sapLink)}.suggestion-apply{flex:0 0 auto;min-height:36px;padding:8px 12px;font-size:12px}.brand-logo{display:inline-flex;align-items:center;gap:7px}.brand-word-stack{display:flex;flex-direction:column;line-height:1.05}.brand-word-stack strong{font-size:16px;font-weight:700;letter-spacing:.2px;color:#111;white-space:nowrap}.brand-word-stack em{font-style:normal;font-size:11px;font-weight:600;color:var(--sapBrand)}.brand-claim{display:block;font-size:10px;color:var(--sapTextLabel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.sheet-footnote a{color:var(--sapLink);font-weight:600;text-decoration:none}@media (min-width: 900px){:root{--panel-w: 420px}.view-switch{right:var(--panel-w);justify-content:flex-start;padding-left:16px}.sheet.docked{left:auto;right:0;top:var(--shell-h);bottom:0;width:var(--panel-w);height:auto;border-radius:0;border-top:none;border-left:1px solid var(--sapBorder);box-shadow:-4px 0 16px #22364914;transition:none}.sheet.docked .sheet-grip{cursor:default;touch-action:auto;padding-top:14px;border-bottom:1px solid var(--sapBorderSubtle)}.sheet.docked .sheet-title{justify-content:flex-start}.sheet.docked .sheet-content{padding-bottom:24px}.legend{bottom:16px}.toast{left:calc((100% - var(--panel-w)) / 2);bottom:24px}.dep-card{right:auto;left:16px;width:min(520px,calc(100% - var(--panel-w) - 32px));top:calc(var(--shell-h) + 56px)}.modal-backdrop{align-items:center;right:var(--panel-w)}.modal{border-radius:var(--radius-m);max-height:calc(100% - 80px)}.sheet-content h2{margin-top:20px}}@media (min-width: 1440px){:root{--panel-w: 480px}}@media (max-width: 899px) and (max-height: 500px){.sheet{height:100dvh}.legend{display:none}}.rules-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--shell-h) + 56px) 16px 220px;background:var(--sapBackground);user-select:text;-webkit-user-select:text}@media (min-width: 900px){.rules-view{padding:calc(var(--shell-h) + 60px) 24px 48px}}.rules-toolbar{display:flex;gap:8px;max-width:880px}.rules-search{flex:1;border:1px solid var(--sapBorder);border-radius:var(--radius-s);background:var(--sapSurface);font-family:var(--font);font-size:14px;padding:10px 12px;color:var(--sapText)}.rules-search:focus{outline:none;border-color:var(--sapBrand)}.rules-new{flex:0 0 auto;padding:10px 16px}.rules-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-width:880px}.rules-filters .chip{min-height:34px;padding:6px 12px}.rules-stats{margin:10px 0 14px;font-size:12px;color:var(--sapTextLabel)}.rule-card{max-width:880px;background:var(--sapSurface);border:1px solid var(--sapBorderSubtle);border-radius:var(--radius-m);box-shadow:0 1px 2px #2236490f;padding:13px 16px;margin-bottom:10px}.rule-card.bad{border-color:#d20a0a8c}.rule-card.warn{border-color:#e765008c}.rule-card.disabled{opacity:.6}.rule-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rule-card header strong{font-size:14px}.rule-label{font-size:13px;color:var(--sapTextLabel);flex:1;min-width:0}.rule-flags{display:flex;gap:6px}.flag{font-style:normal;font-size:11px;font-weight:700;border-radius:4px;padding:2px 8px}.flag.bad{background:#d20a0a1a;color:var(--sapNegative)}.flag.warn{background:#e765001a;color:var(--sapCritical)}.flag.off{background:var(--sapSurface2);color:var(--sapTextLabel);border:1px solid var(--sapBorderSubtle)}.rule-doc{margin-top:6px;font-size:13px;color:var(--sapTextLabel);line-height:1.45}.rule-logic{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.rule-logic b{display:inline-block;width:46px;color:var(--sapBrand);font-size:10px;letter-spacing:.6px}.rule-logic code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--sapSurface2);border-radius:5px;padding:2px 7px}.rule-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.rule-cstics{display:flex;flex-wrap:wrap;gap:6px}.rule-actions{display:flex;gap:6px}.rule-actions .btn{flex:0 0 auto;min-height:32px;padding:6px 10px;font-size:12px}.btn.danger{color:var(--sapNegative);border-color:#d20a0a66}.rules-h2{margin:22px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--sapTextLabel)}.rule-table{max-width:880px;background:var(--sapSurface);border:1px solid var(--sapBorderSubtle);border-radius:var(--radius-m);padding:12px 16px;margin-bottom:10px;font-size:13px}.rule-table summary{cursor:pointer}.rule-table table{margin-top:10px;border-collapse:collapse;width:100%}.rule-table th,.rule-table td{text-align:left;font-size:12px;padding:6px 10px;border-bottom:1px solid var(--sapBorderSubtle)}.rule-table th{color:var(--sapTextLabel);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-grid label,.editor-label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;color:var(--sapTextLabel)}.editor-grid input,.editor-grid select,.editor-label input{border:1px solid var(--sapBorder);border-radius:var(--radius-s);background:var(--sapSurface);font-family:var(--font);font-size:14px;font-weight:400;color:var(--sapText);padding:9px 11px}.editor-grid input:focus,.editor-grid select:focus,.editor-label input:focus{outline:none;border-color:var(--sapBrand)}