:root{--bg: #eef1f5;--surface: #ffffff;--surface-2: #f3f5f9;--surface-3: #e8edf3;--line: #e1e5ec;--line-soft: #eef1f5;--fg: #1b1e25;--fg-dim: #58606c;--fg-mute: #98a1ad;--accent: #1f9d63;--accent-strong: #137a4d;--accent-ink: #ffffff;--teal: #2f93a8;--teal-text: #1c7689;--ok: #2f9e4f;--warn: #c5891a;--error: #d2503a;--radius: 12px;--radius-sm: 9px;--shadow-panel: 0 14px 44px rgba(22, 27, 38, .16), 0 2px 8px rgba(22, 27, 38, .06);--shadow-soft: 0 8px 26px rgba(22, 27, 38, .12);--frost: saturate(140%) blur(16px);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{position:relative;height:100vh;width:100vw;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#efece6}.viewport__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.callout{position:relative;transform:translate(-50%,calc(-100% - 22px));font-family:var(--mono);font-size:10px;letter-spacing:.1em;font-weight:500;white-space:nowrap;text-transform:uppercase;background:#fff;border:1px solid rgba(26,26,46,.2);border-radius:7px;padding:6px 10px;color:#1a1a2e;box-shadow:0 6px 16px #1a1a2e1a;pointer-events:none}.callout:after{content:"";position:absolute;left:50%;bottom:-19px;width:1px;height:19px;background:#1a1a2e59}.callout:before{content:"";position:absolute;left:calc(50% - 2.5px);bottom:-23px;width:5px;height:5px;border-radius:50%;background:#009153}.topbar{position:absolute;top:0;left:0;right:0;z-index:30;height:58px;display:flex;align-items:center;gap:14px;padding:0 16px 0 72px;pointer-events:none}.topbar>*{pointer-events:auto}.topbar__brand{display:flex;align-items:baseline;gap:9px}.topbar__brand b{font-size:14.5px;letter-spacing:.2px;color:var(--fg)}.topbar__badge{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:2px 7px;border-radius:100px;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.topbar__metrics{margin-left:auto;display:flex;align-items:center}.topbar__metrics .metric+.metric{border-left:1px solid var(--line);margin-left:18px;padding-left:18px}.topbar__actions{display:flex;gap:8px;align-items:center;margin-left:24px}.metric{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.metric b{font-family:var(--mono);font-size:14px;color:var(--fg)}.metric span{font-size:9px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.7px}.metric--accent b{color:var(--accent-strong)}.rail{position:absolute;top:0;left:0;bottom:0;z-index:31;width:56px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 14px;background:#ffffffbd;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail__brand{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);font-size:17px;margin-bottom:6px;box-shadow:var(--shadow-soft)}.rail__btn{width:40px;height:38px;border-radius:10px;border:1px solid transparent;flex:0 0 auto;background:none;color:var(--fg-dim);font-family:var(--mono);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.rail__btn:hover{background:var(--surface-3);color:var(--fg)}.rail__btn[data-active=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 45%,transparent)}.stagepanel{position:absolute;top:66px;left:66px;z-index:29;width:326px;max-width:calc(100vw - 96px);max-height:calc(100vh - 92px);display:flex;flex-direction:column;background:#ffffffe6;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);animation:panelIn .18s cubic-bezier(.2,.8,.2,1)}@keyframes panelIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.stagepanel__head{display:flex;align-items:center;gap:11px;padding:14px 14px 13px;border-bottom:1px solid var(--line-soft)}.stagepanel__num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;color:var(--accent-ink);background:var(--accent);border-radius:8px}.stagepanel__head b{font-size:13.5px;flex:1}.stagepanel__close{width:28px;height:28px;border-radius:8px;border:0;background:none;cursor:pointer;color:var(--fg-mute);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center}.stagepanel__close:hover{background:var(--surface-3);color:var(--fg)}.stagepanel__body{padding:4px 16px 16px;overflow-y:auto}.bottompill{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffffdb;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-panel);max-width:calc(100vw - 40px);flex-wrap:wrap;justify-content:center}.bottompill__group{display:flex;align-items:center;gap:8px;padding-left:4px}.bottompill__group+.bottompill__group,.bottompill .btn{border-left:1px solid var(--line);padding-left:12px}.bottompill__label{font-size:10px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.6px}.viewport__explode{width:108px}.vbtn{position:absolute;bottom:20px;left:70px;z-index:20;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;cursor:pointer;background:#ffffffdb;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-soft);font:inherit;font-size:11.5px;color:var(--fg-dim)}.vbtn[data-open=true],.vbtn:hover{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.vbtn__count{font-family:var(--mono);font-size:9.5px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-radius:100px;padding:1px 6px}.layerspanel{position:absolute;bottom:62px;left:70px;z-index:21;width:250px;background:#fffffff5;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);overflow:hidden;animation:panelIn .16s cubic-bezier(.2,.8,.2,1)}.layerspanel__head{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line-soft)}.layerspanel__head b{font-size:12px;flex:1}.layerspanel__count{font-family:var(--mono);font-size:10px;color:var(--fg-mute)}.layerspanel__all{border:0;background:none;cursor:pointer;font:inherit;font-size:10.5px;color:var(--accent-strong);padding:3px 7px;border-radius:6px}.layerspanel__all:hover{background:var(--surface-2)}.layerspanel__list{max-height:332px;overflow-y:auto;padding:5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.layerspanel__list::-webkit-scrollbar{width:9px}.layerspanel__list::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:3px solid transparent;background-clip:padding-box}.layerrow{display:flex;align-items:center;border-radius:8px}.layerrow:hover{background:var(--surface-2)}.layerrow__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 4px 7px 8px;border:0;background:none;cursor:pointer;font:inherit;font-size:11.5px;color:var(--fg);text-align:left}.layerrow[data-on=false] .layerrow__main{color:var(--fg-mute)}.layerrow__eye{display:flex;flex:0 0 auto;color:var(--accent-strong)}.layerrow[data-on=false] .layerrow__eye{color:var(--fg-mute)}.layerrow__sw{width:12px;height:12px;border-radius:4px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000024}.layerrow[data-on=false] .layerrow__sw{opacity:.4}.layerrow__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layerrow__only{flex:0 0 auto;opacity:0;border:0;background:none;cursor:pointer;font:inherit;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-mute);padding:4px 9px;margin-right:3px;border-radius:6px;transition:opacity .12s}.layerrow:hover .layerrow__only,.layerrow__only:focus-visible{opacity:1}.layerrow__only:hover{color:var(--accent-strong);background:var(--surface-3)}.drawer{position:absolute;top:0;right:0;bottom:0;z-index:40;width:452px;max-width:94vw;display:flex;flex-direction:column;background:#fffffff2;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-left:1px solid var(--line);box-shadow:-18px 0 50px #161b2624;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.drawer[data-open=true]{transform:none}.drawer__head{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line-soft)}.drawer__head b{font-size:13.5px}.drawer__close{margin-left:auto;width:28px;height:28px;border-radius:8px;border:0;background:none;cursor:pointer;color:var(--fg-mute);font-size:17px;display:flex;align-items:center;justify-content:center}.drawer__close:hover{background:var(--surface-3);color:var(--fg)}.drawer__body{flex:1;min-height:0;display:flex}.drawer__body .panel{flex:1;min-height:0}.drawer__body .panel--right{border-left:0}.drawer__foot{flex:0 0 auto;border-top:1px solid var(--line);padding:14px 16px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.cta{display:flex;flex-direction:column;gap:9px}.cta__head{display:flex;align-items:baseline;gap:8px}.cta__head b{font-size:14px}.cta__price{margin-left:auto;font-family:var(--mono);font-size:16px;font-weight:700;color:var(--accent-strong)}.cta__blurb{margin:0;font-size:11px;line-height:1.5;color:var(--fg-dim)}.cta__email{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font:inherit;font-size:12.5px;color:var(--fg)}.cta__email:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.cta__go{width:100%;padding:11px;font-size:13px}.cta__err{font-size:11px;color:var(--error)}.cta__fine{font-size:10px;color:var(--fg-mute);text-align:center}.panel{min-height:0;display:flex;flex-direction:column;background:transparent}.panel__scroll{overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.panel__scroll::-webkit-scrollbar{width:10px}.panel__scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:3px solid transparent;background-clip:padding-box}.ctrl{margin:14px 0}.ctrl__label{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;color:var(--fg-dim);margin-bottom:7px}.ctrl__val{font-family:var(--mono);font-size:11.5px;color:var(--accent-strong)}.ctrl__hint{font-size:10.5px;color:var(--fg-mute);margin-top:6px;line-height:1.45}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:var(--surface-3);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer;box-shadow:0 1px 4px #161b2640}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer;box-shadow:0 1px 4px #161b2640}select,input[type=number],input[type=text],input[type=date]{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--fg);font:inherit;font-size:12px}select:focus,input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.seg{display:flex;gap:3px;background:var(--surface-2);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--line)}.seg button{flex:1;padding:7px 6px;border:0;border-radius:7px;background:none;color:var(--fg-dim);font:inherit;font-size:11.5px;cursor:pointer;transition:background .12s,color .12s}.seg button:hover{color:var(--fg)}.seg button[data-active=true]{background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 40%,transparent)}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px}.toggle input{display:none}.toggle__track{width:34px;height:19px;border-radius:100px;background:var(--surface-3);position:relative;transition:background .15s;flex:0 0 auto}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #161b2640;transition:transform .15s}.toggle input:checked+.toggle__track{background:var(--teal)}.toggle input:checked+.toggle__track:after{transform:translate(15px)}.btn{padding:8px 13px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:11.5px;cursor:pointer;transition:border-color .12s,background .12s}.btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--surface-2)}.btn--ghost{background:none}.btn--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn--accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--sm{padding:6px 10px;font-size:11px}.btn[data-active=true]{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.btn--danger:hover{border-color:var(--error);color:var(--error)}.mini{font-size:10px;color:var(--fg-mute)}.openrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:9px;background:var(--surface-2)}.openrow__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 9px}.openrow__grid .ctrl{margin:0}.warnline{font-size:10.5px;padding:3px 0;line-height:1.4}.warnline[data-level=error]{color:var(--error)}.warnline[data-level=warn]{color:var(--accent-strong)}.section__chev{color:var(--fg-mute);transition:transform .18s ease;display:inline-block}.tabs{display:flex;gap:4px;padding:12px 14px 0}.tab{padding:8px 13px;border:1px solid transparent;border-radius:9px;background:none;color:var(--fg-dim);font:inherit;font-size:12px;cursor:pointer}.tab:hover{background:var(--surface-2);color:var(--fg)}.tab[data-active=true]{background:var(--surface-3);color:var(--fg);font-weight:600}.banner{border-radius:var(--radius-sm);padding:10px 12px;font-size:11px;line-height:1.5;margin-bottom:11px;border:1px solid}.banner--info{background:color-mix(in srgb,var(--teal) 8%,var(--surface));border-color:color-mix(in srgb,var(--teal) 28%,transparent);color:var(--teal-text)}.banner--warn{background:color-mix(in srgb,var(--warn) 11%,var(--surface));border-color:color-mix(in srgb,var(--warn) 36%,transparent);color:#946610}.banner--error{background:color-mix(in srgb,var(--error) 9%,var(--surface));border-color:color-mix(in srgb,var(--error) 36%,transparent);color:#a23725}.cost__head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.cost__totals{display:flex;gap:16px;align-items:baseline}.cost__grand{font-family:var(--mono);font-size:23px;color:var(--accent-strong)}.cost__sub{font-family:var(--mono);font-size:12px;color:var(--fg-dim)}.stage{margin:0 0 6px}.stage__bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-2);position:sticky;top:0;border-radius:8px}.stage__bar b{font-size:11.5px}.stage__sub{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--fg-dim)}table.mat{width:100%;border-collapse:collapse;font-size:11px}table.mat th{text-align:left;font-weight:600;color:var(--fg-mute);font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;padding:7px 9px 5px;border-bottom:1px solid var(--line)}table.mat td{padding:7px 9px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.mat td.num,table.mat th.num{text-align:right;font-family:var(--mono);white-space:nowrap}.mat__item b{font-size:11.5px}.mat__spec{color:var(--fg-mute);font-size:10px;display:block;margin-top:2px;line-height:1.4}.mat__rate{width:66px;padding:4px 6px;font-family:var(--mono);font-size:10.5px;text-align:right;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;color:var(--accent-strong)}.mat__rate:focus{border-color:var(--accent);outline:none}.pill{font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:100px;margin-left:6px;vertical-align:middle}.pill--var{background:color-mix(in srgb,var(--error) 16%,transparent);color:#a23725}.pill--elec{background:color-mix(in srgb,var(--warn) 20%,transparent);color:#8a5f0f}.guide__stage{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:9px;background:var(--surface)}.guide__head{display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer}.guide__head b{font-size:12.5px;flex:1}.guide__time{font-family:var(--mono);font-size:10.5px;color:var(--teal-text);border:1px solid color-mix(in srgb,var(--teal) 32%,transparent);border-radius:100px;padding:2px 8px}.guide__body{padding:2px 15px 15px;font-size:11.5px;line-height:1.55}.guide__what{color:var(--fg-dim);margin:6px 0 10px}.guide__body h5{margin:12px 0 5px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--fg-mute)}.guide__body ol,.guide__body ul{margin:0;padding-left:18px}.guide__body li{margin:4px 0}.guide__tools{display:flex;flex-wrap:wrap;gap:6px}.guide__tools span{font-size:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--fg-dim)}.watchout{color:var(--accent-strong)}.flag{display:flex;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:8px;background:var(--surface)}.flag__dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:0 0 auto}.flag b{font-size:12px}.flag p{margin:4px 0 0;font-size:11px;color:var(--fg-dim);line-height:1.5}.flag[data-level=error]{border-color:color-mix(in srgb,var(--error) 50%,var(--line));background:color-mix(in srgb,var(--error) 5%,var(--surface))}.flag[data-level=warn]{border-color:color-mix(in srgb,var(--warn) 42%,var(--line))}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-error{background:var(--error)}.dot-info{background:var(--teal)}.note{font-size:10.5px;color:var(--fg-mute);line-height:1.55;padding:11px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);margin-top:6px}