:root{--color-bg: #15171B;--color-surface: #1D2025;--color-surface-raised: #262A30;--color-line: #3A3F46;--color-line-strong: #4C525B;--color-text: #F0EEE9;--color-text-muted: #A8ABB1;--color-text-dim: #7C8087;--color-accent: #FF5A1F;--color-accent-rgb: 255, 90, 31;--color-accent-alt: #8A8F6A;--color-on-accent: #15171B;--color-success: #4CAF7D;--color-danger: #E5484D;--font-heading: "Chakra Petch", sans-serif;--font-body: "IBM Plex Sans", "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--glass: rgba(27, 30, 35, .74);--glass-strong: rgba(24, 26, 31, .93);--hairline: rgba(255, 255, 255, .075);--hairline-soft: rgba(255, 255, 255, .045);--fill-soft: rgba(255, 255, 255, .05);--fill-hover: rgba(255, 255, 255, .09);--accent-soft: rgba(var(--color-accent-rgb), .14);--accent-line: rgba(var(--color-accent-rgb), .45);--radius: 14px;--radius-sm: 9px;--radius-xs: 6px;--radius-pill: 999px;--blur: blur(20px) saturate(140%);--shadow-panel: 0 20px 44px -24px rgba(0, 0, 0, .9), 0 2px 8px rgba(0, 0, 0, .3);--shadow-pop: 0 36px 70px -24px rgba(0, 0, 0, .95);--ease: cubic-bezier(.32, .72, .35, 1)}*,*:before,*:after{box-sizing:border-box}.app{position:relative;display:grid;grid-template-rows:52px 1fr;height:100vh;height:var(--tf-app-h, 100dvh);min-height:420px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.app :where(button){cursor:pointer;background:none;border:none;font:inherit;color:inherit;margin:0}.app h1,.app h2,.app p,.app ul{margin:0}.app ul{padding:0;list-style:none}.app :focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}.eyebrow{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-weight:500}.eyebrow--muted{color:var(--color-text-muted)}.sec-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.sec-meta{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;color:var(--color-text-muted)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}.hint{font-size:.7rem;color:var(--color-text-muted);line-height:1.6}.hint b{color:var(--color-text);font-weight:500}.hint--tight{margin-top:.55rem;font-size:.66rem;color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.72em 1.1em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.68rem;white-space:nowrap;font-weight:500;letter-spacing:.09em;text-transform:uppercase;line-height:1;border:0;text-align:center;transition:background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),transform .12s var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:600;box-shadow:0 10px 24px -12px rgba(var(--color-accent-rgb),.95)}.btn--primary:hover:not(:disabled){background:#ff6d38;box-shadow:0 14px 30px -12px rgba(var(--color-accent-rgb),1)}.btn:disabled{opacity:.5;cursor:default}.btn--primary:disabled{opacity:.55;cursor:default;box-shadow:none}a.btn{text-decoration:none}.btn--secondary{background:var(--fill-soft);color:var(--color-text)}.btn--secondary:hover{background:var(--fill-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--fill-soft);color:var(--color-text)}.btn--danger{background:#e5484d1f;color:var(--color-danger)}.btn--danger:hover{background:#e5484d33}.btn--full{width:100%}.btn--sm{padding:.58em .8em;font-size:.6rem}.btn svg{width:1.1em;height:1.1em;flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);color:var(--color-text-muted);flex:none;transition:background .16s var(--ease),color .16s var(--ease)}.icon-btn svg{width:15px;height:15px}.icon-btn:hover{background:var(--fill-soft);color:var(--color-text)}.card{position:relative;background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.card--fill{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.card__sec{padding:.85rem .9rem}.card__sec+.card__sec,.bom+.card__sec{border-top:1px solid var(--hairline-soft)}.card__sec--head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding-bottom:.55rem}.card__sec--foot{display:flex;flex-direction:column;gap:.6rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.2rem;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--hairline-soft);z-index:10}.brand{display:flex;align-items:baseline;gap:.8rem}.brand h1{font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.brand h1 span{color:var(--color-accent)}.header-right{display:flex;align-items:center;gap:.5rem}.app-main{position:relative;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(95% 85% at 50% 40%,#2a2e35,#1d2025 46%,#14161a)}.viewport canvas{display:block}.panel{position:absolute;z-index:5;display:flex;flex-direction:column}.panel--palette{top:16px;left:16px;width:226px}.panel--manifest{top:16px;right:16px;width:286px;max-height:calc(100% - 32px)}.seg{display:grid;gap:3px;background:#00000038;border-radius:var(--radius-sm);padding:3px}.seg--4{grid-template-columns:repeat(4,1fr)}.seg--2{grid-template-columns:1fr 1fr}.seg__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem .25rem;border-radius:var(--radius-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em;transition:background .15s var(--ease),color .15s var(--ease)}.seg__btn:hover{background:var(--fill-soft);color:var(--color-text)}.seg__btn.active{background:var(--accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.seg__btn--row{flex-direction:row;justify-content:center;gap:.45em;padding:.58rem .3rem}.seg__icon{width:1.15em;height:1.15em;flex:none}.seg__label{white-space:nowrap}.len-bar{display:block;width:100%;height:3px;border-radius:var(--radius-pill);background:#ffffff17;overflow:hidden}.len-bar i{display:block;height:100%;border-radius:inherit;background:var(--color-line-strong);transition:background .15s var(--ease)}.seg__btn:hover .len-bar i,.seg__btn.active .len-bar i{background:var(--color-accent)}.disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;color:var(--color-text-dim);transition:color .15s var(--ease)}.disclosure:hover{color:var(--color-text)}.disclosure__chev{width:13px;height:13px;transition:transform .2s var(--ease)}.disclosure__chev.open{transform:rotate(180deg)}.keys{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim)}.key{background:var(--fill-soft);border-radius:var(--radius-xs);padding:2px 6px;color:var(--color-text);letter-spacing:.04em}.manual{display:flex;flex-direction:column;gap:.7rem;animation:fade-in .2s var(--ease)}.legend{display:grid;gap:.4rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.legend li{display:flex;align-items:center;gap:.6em}.swatch{width:9px;height:9px;flex:none;display:inline-block;border-radius:2px}.swatch--socket{background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px rgba(var(--color-accent-rgb),.8)}.swatch--conn{background:#35383f}.swatch--pole{background:repeating-linear-gradient(45deg,#3a3d44 0,#3a3d44 3px,#24262b 3px,#24262b 6px)}.swatch--saddle{background:#3a3d44;border-radius:50%}@keyframes fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.bom{overflow-y:auto;min-height:0;padding:0 .9rem;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.bom table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.62rem}.bom th{position:sticky;top:0;z-index:1;background:var(--glass-strong);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);text-align:left;padding:.3rem 0 .4rem;font-weight:500}.bom th:last-child,.bom td:last-child{text-align:right}.bom tbody tr{transition:background .12s var(--ease)}.bom tbody tr:hover{background:var(--fill-soft)}.bom td{padding:.38rem .2rem;vertical-align:top;color:var(--color-text)}.bom td:first-child{padding-left:.3rem;border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.bom td:last-child{padding-right:.3rem;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.bom td .sub{display:block;font-size:.5rem;color:var(--color-text-dim);letter-spacing:.06em;margin-top:1px}.bom .qty{color:var(--color-text-muted);padding-inline:.5rem;white-space:nowrap}.bom .incl{color:var(--color-accent-alt)}.bom-empty{font-size:.72rem;color:var(--color-text-muted);line-height:1.6;padding:.4rem 0 .8rem}.total{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.total__label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.total__amount{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;letter-spacing:.01em;color:var(--color-text)}.estimate-note{font-size:.58rem;color:var(--color-text-dim);line-height:1.55;margin-top:-.25rem}.kit-tip{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.05em;line-height:1.65;color:var(--color-success);background:#4caf7d1a;border-radius:var(--radius-sm);padding:.55rem .65rem;text-transform:uppercase}.kit-tip .btn{color:inherit;padding-inline:.55em}.kit-tip .btn:hover:not(:disabled){background:#4caf7d29;color:inherit}.cart-note{font-size:.6rem;line-height:1.6;color:var(--color-text-muted);margin-top:-.2rem}.cart-note a,.cart-note button{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;font:inherit;padding:0}.cart-note a:hover,.cart-note button:hover{color:var(--color-text)}.cart-note--warn{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-danger);margin-top:0}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.mobile-toggle{display:none}.hud{position:absolute;left:18px;bottom:16px;z-index:4;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 8px rgba(14,15,16,.95)}.hud .dim{color:var(--color-text)}.hud b{color:var(--color-accent);font-weight:500}.selbar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:.85rem;max-width:min(680px,calc(100% - 32px));padding:.55rem .6rem .55rem .95rem;border-radius:var(--radius-pill);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hairline);box-shadow:var(--shadow-pop);animation:rise .22s var(--ease)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.selbar__dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--color-accent);box-shadow:0 0 10px rgba(var(--color-accent-rgb),.9)}.selbar__text{display:flex;flex-direction:column;gap:2px;min-width:0}.selbar__title{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selbar__sub{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.06em;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selbar__actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.selbar__actions .btn{border-radius:var(--radius-pill)}.toast{position:absolute;top:20px;left:50%;transform:translate(-50%) translateY(-8px);z-index:20;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--accent-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);padding:.5rem .95rem;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);max-width:88vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.intro,.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0c0d0fbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.2rem;animation:fade-in .18s var(--ease)}.sheet{position:relative;width:100%;display:flex;flex-direction:column;max-height:calc(100% - 1rem);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hairline);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-pop)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem .8rem 1.5rem;border-bottom:1px solid var(--hairline-soft)}.sheet__body{padding:1.5rem;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.intro-card{max-width:620px}.quote-card{max-width:660px}.intro-card h2{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:.03em;text-transform:uppercase;line-height:1.1;margin:.45rem 0 .6rem}.intro-card h2 span{color:var(--color-accent)}.intro-card p{color:var(--color-text-muted);font-size:.86rem;max-width:52ch}.intro-sec{margin:1.6rem 0 .55rem}.kit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:.95rem .4rem;border-radius:var(--radius-sm);background:var(--fill-soft);color:var(--color-text);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease)}.tile:hover{background:var(--accent-soft);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 12px 24px -16px #000000e6}.tile__icon{width:1.5em;height:1.5em;color:var(--color-text-dim);transition:color .16s var(--ease)}.tile:hover .tile__icon{color:inherit}.tile small{font-size:.54rem;color:var(--color-text-dim);letter-spacing:.02em}.tile:hover small{color:inherit}.intro-close{display:flex;justify-content:space-between;gap:.6rem;margin-top:1.6rem;flex-wrap:wrap}.quote-form{display:flex;flex-direction:column;gap:.75rem}.quote-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.quote-form .field-row--3{grid-template-columns:1.4fr 1fr .8fr}.quote-sec{margin-top:.5rem}.quote-form label{display:flex;flex-direction:column;gap:.32rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}.quote-form input,.quote-form textarea{background:#00000040;border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:.82rem;padding:.6rem .7rem;outline:none;transition:border-color .15s var(--ease),background .15s var(--ease)}.quote-form input:focus,.quote-form textarea:focus{border-color:var(--accent-line);background:#00000059}.quote-form textarea{resize:vertical}.form-error{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--color-danger);text-transform:uppercase}.form-actions{display:flex;gap:.5rem;margin-top:.4rem}.quote-sent{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.quote-sent h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;font-size:1.3rem}.quote-sent p{color:var(--color-text-muted);font-size:.84rem}@media (max-width: 860px){.panel--palette{top:12px;left:12px;width:198px}.panel--manifest{top:auto;bottom:0;right:0;left:0;width:100%;max-height:62vh;transform:translateY(calc(100% - 52px));transition:transform .28s var(--ease)}.panel--manifest.open{transform:translateY(0)}.panel--manifest .card{border-radius:var(--radius) var(--radius) 0 0;border-bottom:0}.panel--manifest .card__sec--head{display:none}.mobile-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.1rem .9rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);transition:color .15s var(--ease)}.mobile-toggle:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:var(--radius-pill);background:var(--fill-hover)}.mobile-toggle:hover{color:var(--color-text)}.mobile-toggle .amount{color:var(--color-accent)}.hud{top:12px;right:12px;left:auto;bottom:auto;align-items:flex-end;text-align:right}.hud>span:not(.dim){display:none}.quote-form .field-row,.quote-form .field-row--3{grid-template-columns:1fr}.kit-row{grid-template-columns:1fr 1fr}.selbar{bottom:64px;width:calc(100% - 24px);max-width:none;flex-wrap:wrap;border-radius:var(--radius);padding:.7rem .8rem}.selbar__actions{width:100%;margin-left:0}.selbar__actions .btn{flex:1}.sheet__body{padding:1.15rem}}@media (max-width: 620px){.hud{display:none}}