@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg: #09090b;--surf: #111114;--surf2: #18181c;--surf3: #202025;--border: #28282f;--border2: #35353e;--accent: #f5c430;--text: #e4e4ef;--muted: #8e8ea0;--muted2: #6a6a80;--green: #4ade80;--red: #f87171;--blue: #60a5fa;--purple: #c084fc;--teal: #2dd4bf;--orange: #fb923c;--col-wired: #f5c430;--col-dead: #f87171;--col-y: #22c55e;--col-v: #22c55e;--col-yv: #f59e0b;--col-yd: #ef4444;--col-vd: #ef4444;--col-s: #22c55e;--col-power: #f5c430}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}.hdr{position:sticky;top:0;z-index:200;background:#09090bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 32px;height:54px;display:flex;align-items:center;gap:0}.hdr-brand{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:4px;color:var(--accent)}.hdr-pipe{width:1px;height:18px;background:var(--border2);margin:0 18px}.hdr-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hdr-right{margin-left:auto;font-family:DM Mono,monospace;font-size:9px;color:var(--muted2);letter-spacing:1px}.page{max-width:1400px;margin:0 auto;padding:34px 28px 80px}.slabel{font-family:DM Mono,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;margin-bottom:18px}.slabel:before{content:"";width:24px;height:1px;background:var(--accent);opacity:.5}.slabel:after{content:"";flex:1;height:1px;background:var(--border)}.card{background:var(--surf);border:1px solid var(--border);border-radius:14px;padding:22px 24px}.card+.card{margin-top:14px}.card-title{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2.5px;color:var(--text);margin-bottom:18px}.settings-collapsible{padding:0}.settings-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:16px 24px;background:none;border:none;cursor:pointer;color:var(--text);font-size:14px}.settings-toggle:hover{background:#ffffff08;border-radius:14px}.settings-chevron{margin-left:auto;transition:transform .2s ease}.settings-chevron.open{transform:rotate(180deg)}.settings-body{padding:0 24px 22px}.two-col{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}@media(max-width:860px){.two-col{grid-template-columns:1fr}}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field>label{display:block;font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.field-row{display:flex;gap:8px;align-items:center}.num-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:DM Mono,monospace;font-size:16px;padding:9px 12px;width:80px;outline:none;transition:border-color .15s}.num-input:focus{border-color:var(--accent)}.unit-lbl{font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.tgroup{display:flex;gap:6px;flex-wrap:wrap}.tbtn{background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:7px 12px;cursor:pointer;transition:all .14s;white-space:nowrap}.tbtn:hover{border-color:var(--border2);color:var(--text)}.tbtn.on{background:var(--accent);border-color:var(--accent);color:#000}.canvas-card{background:var(--surf);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;min-height:440px}.canvas-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.canvas-topbar .card-title{margin-bottom:0}#hex-svg{width:100%;flex:1;border-radius:10px;background:#060608;min-height:380px}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.leg-item{display:flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.leg-bar{width:22px;height:4px;border-radius:2px;flex-shrink:0}.leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.leg-dot-ring{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid #fff}.leg-sq{width:10px;height:10px;border-radius:2px;flex-shrink:0}.leg-bar-long{width:30px}.leg-bar-dash{background:repeating-linear-gradient(to right,currentColor 0 5px,transparent 5px 8px)!important}.leg-diamond{width:10px;height:10px;flex-shrink:0;transform:rotate(45deg);border:1px solid #000}.leg-tri{width:0;height:0;flex-shrink:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid currentColor}.chip{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:20px}.chip-ok{background:#4ade801a;color:var(--green);border:1px solid rgba(74,222,128,.25)}.chip-warn{background:#f5c4301f;color:var(--accent);border:1px solid rgba(245,196,48,.3)}.chip-err{background:#f871711a;color:var(--red);border:1px solid rgba(248,113,113,.25)}.info-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.info-pill{background:var(--surf2);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.info-pill b{color:var(--accent);font-size:14px;font-weight:500}.bom-compact{margin-top:12px}.bom-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.bom-compact-grid .bom-item{padding:8px 10px;border-radius:8px}.bom-compact-grid .bom-qty{font-size:26px}.bom-compact-grid .bom-name{font-size:8px;letter-spacing:1px;margin-top:2px}.bom-compact-grid .bom-note-line{font-size:8px;margin-top:1px}.bom-compact-grid .bom-price-line{font-size:7px;margin-top:1px}.bom-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.bom-item{background:var(--surf2);border:1px solid var(--border);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .15s}.bom-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--item-color, var(--accent))}.bom-item:hover{border-color:var(--border2)}.bom-qty{font-family:Bebas Neue,sans-serif;font-size:46px;line-height:1;color:var(--item-color, var(--accent))}.bom-name{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#f0f0f8;margin-top:5px}.bom-note-line{font-family:DM Mono,monospace;font-size:9px;color:#d8d8e8;margin-top:3px;font-style:italic}.bom-price-line{font-family:DM Mono,monospace;font-size:8px;color:#e0e0ec;margin-top:2px}.footnote{margin-top:18px;font-family:DM Mono,monospace;font-size:10px;color:var(--muted);line-height:1.8;padding:14px 18px;background:var(--surf2);border:1px solid var(--border);border-radius:10px}.footnote b{color:var(--accent);font-weight:500}hr.div{border:none;border-top:1px solid var(--border);margin:32px 0}.view-toggle{display:flex;gap:4px;margin-bottom:8px}.view-toggle button{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:5px 16px;border:1px solid var(--border);border-radius:6px;background:var(--surf2);color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.view-toggle button:hover{border-color:var(--border2);color:var(--text)}.view-toggle button.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:500}.light-view-wrap svg{width:100%;border-radius:10px;background:#000;min-height:380px;filter:blur(.5px)}.three-view-container{width:100%;min-height:380px;aspect-ratio:760 / 480;border-radius:10px;overflow:hidden;background:#09090b}.cct-control{display:flex;align-items:center;gap:14px;margin-bottom:8px}.cct-control label{display:flex;align-items:center;gap:8px;white-space:nowrap}.cct-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.cct-value{font-family:Bebas Neue,sans-serif;font-size:18px;line-height:1;min-width:55px}.cct-desc{font-family:DM Mono,monospace;font-size:9px;color:var(--muted)}.cct-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;outline:none;cursor:pointer}.cct-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border2);cursor:grab;box-shadow:0 0 6px #fff6}.cct-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border2);cursor:grab;box-shadow:0 0 6px #fff6}.cct-auto-btn{padding:3px 10px;font-size:10px;font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border2);border-radius:4px;background:transparent;color:var(--fg);cursor:pointer;transition:background .15s,color .15s}.cct-auto-btn.active{background:var(--gold);color:#000;border-color:var(--gold)}.view3d-group{display:inline-flex;border:1px solid var(--border2);border-radius:4px;overflow:hidden}.view3d-group button{padding:3px 8px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:transparent;color:var(--fg);border:none;border-right:1px solid var(--border2);cursor:pointer;transition:background .15s,color .15s}.view3d-group button:last-child{border-right:none}.view3d-group button.active{background:#fff;color:#000}.frame-toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px}.frame-toggle-row label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer}.frame-toggle-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.toggle-switch{display:flex;align-items:center;gap:7px;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-track{width:34px;height:18px;background:var(--surf2);border:1px solid var(--border);border-radius:9px;position:relative;transition:background .2s,border-color .2s}.toggle-track:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--muted);top:2px;left:3px;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-track:after{transform:translate(15px);background:#fff}.resize-arrow path{transition:stroke .15s}.resize-arrow-bg{transition:fill .15s}.resize-arrow:hover path{stroke:#ffffff80}.resize-arrow:hover .resize-arrow-bg{fill:#ffffff1a}.leg-item{cursor:default}@keyframes hl-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1.35)}}@keyframes hl-pop-big{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(2.4);filter:brightness(1.6)}to{transform:scale(2);filter:brightness(1.3)}}@keyframes hl-glow{0%{filter:brightness(1);stroke-width:inherit}40%{filter:brightness(2.2)}to{filter:brightness(1.8)}}#hex-svg[data-hl-active] line,#hex-svg[data-hl-active] circle,#hex-svg[data-hl-active] rect,#hex-svg[data-hl-active] polygon,#hex-svg[data-hl-active] g{opacity:.18;transition:opacity .15s}#hex-svg[data-hl-active=bar] line[data-hl=bar],#hex-svg[data-hl-active=bbar] line[data-hl=bbar],#hex-svg[data-hl-active=lbar] line[data-hlg=lbar],#hex-svg[data-hl-active=fbar] line[data-hl=fbar],#hex-svg[data-hl-active=bar] g[data-hl=bar],#hex-svg[data-hl-active=bbar] g[data-hl=bbar],#hex-svg[data-hl-active=lbar] g[data-hlg=lbar],#hex-svg[data-hl-active=fbar] g[data-hl=fbar]{opacity:1!important;animation:hl-glow .25s ease-out forwards}#hex-svg[data-hl-active] g[data-hl]>line,#hex-svg[data-hl-active] g[data-hlg]>line{opacity:1!important;animation:none!important}#hex-svg[data-hl-active=S] [data-hl=S],#hex-svg[data-hl-active=Y] [data-hl=Y],#hex-svg[data-hl-active=V] [data-hl=V],#hex-svg[data-hl-active=YV] [data-hl=YV],#hex-svg[data-hl-active=YD] [data-hl=YD],#hex-svg[data-hl-active=VD] [data-hl=VD],#hex-svg[data-hl-active=fc90] [data-hl=fc90],#hex-svg[data-hl-active=fc90d] [data-hl=fc90d],#hex-svg[data-hl-active=fs] [data-hl=fs],#hex-svg[data-hl-active=fsd] [data-hl=fsd]{opacity:1!important;animation:hl-pop .25s ease-out forwards;transform-box:fill-box;transform-origin:center}#hex-svg[data-hl-active=pwr] [data-hl=pwr],#hex-svg[data-hl-active=fpwr] [data-hl=fpwr]{opacity:1!important;animation:hl-pop-big .3s ease-out forwards;transform-box:fill-box;transform-origin:center}#hex-svg[data-hl-active=pwr] [data-hl=pwr] *,#hex-svg[data-hl-active=fpwr] [data-hl=fpwr] *,#hex-svg[data-hl-active=S] [data-hl=S] *,#hex-svg[data-hl-active=Y] [data-hl=Y] *,#hex-svg[data-hl-active=V] [data-hl=V] *,#hex-svg[data-hl-active=YV] [data-hl=YV] *,#hex-svg[data-hl-active=YD] [data-hl=YD] *,#hex-svg[data-hl-active=VD] [data-hl=VD] *,#hex-svg[data-hl-active=fc90] [data-hl=fc90] *,#hex-svg[data-hl-active=fc90d] [data-hl=fc90d] *,#hex-svg[data-hl-active=fs] [data-hl=fs] *,#hex-svg[data-hl-active=fsd] [data-hl=fsd] *{opacity:1!important}.svg-tooltip{position:absolute;pointer-events:none;z-index:100;min-width:110px;max-width:200px;padding:6px 8px;border-radius:6px;background:#18181cbf;border:2px solid var(--item-color, #666);font-family:DM Mono,monospace;color:var(--fg)}.svg-tooltip .bom-qty{font-size:16px;font-weight:700;color:var(--item-color, #fff)}.svg-tooltip .bom-name{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;color:#f0f0f8}.svg-tooltip .bom-note-line{font-size:8px;color:#d8d8e8;margin-top:1px}.svg-tooltip .bom-price-line{font-size:8px;color:#e0e0ec;margin-top:1px}.svg-tooltip-detail{font-size:8px;color:#d8d8e8;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}