@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: #f2f2f2;--surf: #ffffff;--surf2: #f7f7f7;--surf3: #eeeeee;--border: #d6d6d6;--border2: #bfbfbf;--accent: #006838;--accent-light: #00813d;--accent-hover: #005a2f;--text: #1a1a1a;--muted: #5c5c5c;--muted2: #888888;--green: #006838;--red: #cc2936;--blue: #1a73e8;--purple: #7b2d8e;--teal: #007c6e;--orange: #e8750a;--gold: #f5c430;--col-wired: #006838;--col-dead: #cc2936;--col-y: #666666;--col-v: #888888;--col-s: #777777;--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}::selection{background:#00683833}.hdr{position:sticky;top:0;z-index:200;background:#006838;border-bottom:3px solid #004d2a;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:#fff}.hdr-pipe{width:1px;height:18px;background:#ffffff4d;margin:0 18px}.hdr-sub{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fffc}.hdr-right{margin-left:auto;font-family:DM Mono,monospace;font-size:9px;color:#fff9;letter-spacing:1px}.page{margin:0;padding:20px;overflow-x:hidden}.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:2px;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:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.card+.card{margin-top:8px}.card-title{font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:8px}.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:#0068380a;border-radius:8px}.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}.three-col{display:grid;grid-template-columns:340px 1fr auto;gap:20px;align-items:start}.view-panel{user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;height:calc(100vh - 94px)}@media(max-width:860px){.two-col,.three-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}.field-row>.field{flex:1;margin-bottom:0}.grid-fields{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 8px}.field-inline{display:contents}.field-inline>label{margin-bottom:0;white-space:nowrap;text-align:right}.field-inline>.tgroup{flex-wrap:nowrap}.num-input{background:#fff;border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;padding:6px 10px;width:110px;outline:none;transition:border-color .15s,box-shadow .15s}.num-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00683826}.unit-lbl{font-family:DM Sans,sans-serif;font-size:12px;color:var(--muted)}.dim-input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.dim-input-wrap .num-input{padding-right:48px}.dim-input-wrap>.unit-lbl{position:absolute;right:26px;pointer-events:none}.dim-stepper{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;z-index:1}.dim-step-btn{display:flex;align-items:center;justify-content:center;width:20px;height:16px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--muted);line-height:1;cursor:pointer;transition:background .12s,color .12s,transform .12s}.dim-step-btn:hover{background:#22c55e;color:#fff;transform:scale(1.25)}.zoom-reset-btn{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;padding:4px 10px 4px 7px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#1e1e1ebf;color:#ffffffbf;font-size:11px;font-family:DM Mono,monospace;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s,color .15s;z-index:10}.zoom-reset-btn:hover{background:#323232e6;border-color:#fff6;color:#fff}.tgroup{display:flex;gap:6px;flex-wrap:wrap}.tbtn{flex:1;background:#fff;border:1px solid var(--border);border-radius:3px;color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;padding:6px 10px;cursor:pointer;transition:all .14s;white-space:nowrap;text-align:center}.tbtn:hover{border-color:var(--accent);color:var(--text)}.tbtn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.canvas-card{position:relative;background:var(--surf);border:1px solid var(--border);border-radius:8px;padding:18px;display:flex;flex-direction:column;min-height:0;flex:1;box-shadow:0 1px 3px #00000014}.canvas-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px;flex-shrink:0}.canvas-topbar .card-title{margin-bottom:0;display:block}.card-subtitle{display:block;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:400}#hex-svg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background:transparent}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px;flex-shrink:0}.freeform-canvas-hud .legend{flex-wrap:nowrap;margin-bottom:0;min-width:0}.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-svg{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;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 40%,40% 40%,40% 100%,0 100%)}.leg-bar-long{width:30px}.leg-bar-dash{background:repeating-linear-gradient(to right,currentColor 0 5px,transparent 5px 8px)!important}.leg-bar-dead{background:linear-gradient(to right,var(--col-wired) 0%,var(--col-wired) 60%,#cc2936 60%,#cc2936 100%)!important}.leg-bar-fbdead{background:linear-gradient(to right,#4a9eff,#4a9eff 60%,#cc2936 60%,#cc2936)!important}.chip{display:flex;align-items:center;gap:2px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:20px}.chip-ok{background:#00683814;color:var(--green);border:1px solid rgba(0,104,56,.25)}.chip-warn{background:#f5c4301a;color:#6b5500;border:1px solid rgba(245,196,48,.3)}.chip-err{background:#cc293614;color:var(--red);border:1px solid rgba(204,41,54,.25)}.power-sections-row{display:flex;align-items:center;justify-content:center;gap:10px}.power-sections-row .toggle-track{width:40px;height:22px;border-radius:14px}.power-sections-row .toggle-track:after{width:16px;height:16px;top:2px;left:3px}.power-sections-row .toggle-switch input:checked+.toggle-track:after{transform:translate(18px)}.power-sections-row .chip{font-size:11px;padding:6px 14px}.info-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.info-pill{background:var(--surf2);border:1px solid var(--border);border-radius:6px;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:600}.bom-column{background:var(--surf);border:1px solid var(--border);border-radius:8px;width:360px;display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:sticky;top:0;transition:width .2s ease;box-shadow:0 1px 3px #00000014}.bom-column.bom-collapsed{width:42px}.bom-column-header{display:flex;align-items:center;justify-content:space-between;padding:22px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.bom-collapsed .bom-column-header{padding:14px 10px;justify-content:center;border-bottom:none}@keyframes svgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svgFadeOut{0%{opacity:1}to{opacity:0}}.svg-fade-in{animation:svgFadeIn .5s ease-out}.svg-fade-out{animation:svgFadeOut .5s ease-out forwards}.bom-total-price{font-family:DM Mono,monospace;font-size:13px;font-weight:700;color:var(--accent);padding:0 16px 10px}.bom-collapsed .card-title,.bom-collapsed .bom-total-price{display:none}.bom-toggle-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;font-size:11px;padding:4px 8px;line-height:1;transition:color .15s,border-color .15s}.bom-toggle-btn:hover{color:var(--accent);border-color:var(--accent)}.bom-column-body{overflow-y:auto;padding:12px;flex:1;min-height:0}.bom-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bom-column-grid .bom-item{padding:12px;border-radius:8px;overflow:hidden}.bom-column-grid .bom-qty{font-size:28px}.bom-column-grid .bom-qty-row{gap:4px}.bom-column-grid .bom-name{font-size:7px;letter-spacing:.8px}.bom-column-grid .bom-total{font-size:7px}.bom-column-grid .bom-detail-row{margin-top:1px}.bom-column-grid .bom-note-line,.bom-column-grid .bom-price-line{font-size:7px}.bom-compact{margin-top:12px}.bom-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,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-qty-row{gap:4px}.bom-compact-grid .bom-name{font-size:8px;letter-spacing:1px}.bom-compact-grid .bom-total{font-size:7px}.bom-compact-grid .bom-detail-row{margin-top:1px}.bom-compact-grid .bom-note-line{font-size:8px}.bom-compact-grid .bom-price-line{font-size:7px}.bom-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.bom-item{background:var(--surf2);border:1px solid var(--border);border-radius:6px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .15s}.bom-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#006838}.bom-item:hover{border-color:var(--accent)}.bom-item-pop{border-color:#006838;box-shadow:0 0 0 2px #006838,0 4px 16px #00683840;transform:scale(1.03);transition:border-color .15s,box-shadow .2s,transform .2s}.bom-item-link{cursor:pointer}.bom-qty{font-family:Bebas Neue,sans-serif;font-size:46px;line-height:1;color:#006838;flex-shrink:0}.bom-qty-label{font-family:DM Mono,monospace;font-size:9px;color:#006838;align-self:center;white-space:nowrap}.bom-qty-row{display:flex;align-items:center;gap:6px;min-width:0}.bom-name-col{display:flex;flex-direction:column;min-width:0;gap:1px}.bom-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.bom-hero{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;margin-bottom:8px}.bom-sku{font-family:DM Mono,monospace;font-size:7px;color:var(--muted);letter-spacing:.5px}.bom-title-link,.bom-title-row{display:flex;flex-direction:column;gap:1px;margin-top:4px;text-decoration:none;color:inherit}.bom-title-link:hover .bom-name{color:var(--accent);text-decoration:underline}.bom-needed{font-family:DM Mono,monospace;font-size:8px;color:#333;margin-top:2px}.bom-name{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);min-width:0}.bom-total{font-family:DM Mono,monospace;font-size:9px;color:#006838;white-space:nowrap;font-weight:700}.bom-detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:3px}.bom-desc-row{font-family:DM Mono,monospace;font-size:7px;color:#333;margin-top:2px;line-height:1.4}.bom-zoom-popup{position:fixed;z-index:9999;pointer-events:none;background:#fff;border:2px solid var(--accent, #006838);border-radius:8px;box-shadow:0 8px 32px #00000059;padding:6px}.bom-zoom-popup img{display:block;width:200px;height:200px;object-fit:cover;border-radius:4px}.bom-note-line{font-family:DM Mono,monospace;font-size:9px;color:#333;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bom-price-line{font-family:DM Mono,monospace;font-size:8px;color:#333;white-space:nowrap;flex-shrink:0}.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:6px}.footnote b{color:var(--accent);font-weight:600}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:#fff;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.view-toggle button:hover{border-color:var(--accent);color:var(--text)}.view-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}.dev-toggles-hover{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:28px}.dev-toggles-panel{display:none;padding:0;gap:12px;white-space:nowrap}.dev-toggles-hover:hover .dev-toggles-panel{display:flex}.light-view-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.light-view-wrap>svg{width:100%;flex:1;min-height:0;border-radius:10px;background:#000;filter:blur(.5px)}.three-view-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.three-view-container{width:100%;flex:1;min-height:0;border-radius:10px;overflow:hidden;background:#1a1f25}.three-view-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.three-view-bottom-bar{position:absolute;bottom:0;left:0;right:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;display:flex;align-items:center;pointer-events:auto;border-radius:0 0 10px 10px}.three-view-bottom-center{flex:1;text-align:center}.three-view-car-count{font-size:11px;color:#fff9;letter-spacing:.5px}.three-view-hint{font-size:13px;color:#ffffffb3}.animate-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px 4px;background:#ffffffe6;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.animate-btn svg{width:14px;height:14px;flex-shrink:0}.animate-btn:hover{background:#0068381a}.animate-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.animate-btn.active:hover{background:#007a42}.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;border:1px solid gray;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(--text);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(--text);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:var(--accent);color:#fff}.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:28px;height:15px;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:10px;height:10px;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(12px);background:#fff}.dim-fields-with-swap{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto 0 auto;align-items:center;gap:2px 6px}.dim-fields-with-swap.no-flip{grid-template-columns:1fr 1fr}.dim-fields-with-swap.no-flip .dim-cell{text-align:center}.dim-fields-with-swap.no-flip .num-input{width:100%}.dim-fields-with-swap>.dim-cell{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;color:var(--muted);text-align:right}.dim-fields-with-swap>.dim-swap-btn{justify-self:center;position:relative;z-index:1}.dim-swap-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 4px;background:none;border:1px solid transparent;border-radius:6px;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,transform .2s}.dim-swap-btn:hover{color:var(--accent);border-color:var(--accent);transform:scale(1.2)}.swap-arrows .swap-arrow-up,.swap-arrows .swap-arrow-down{transition:transform .25s ease;transform-origin:center}.dim-swap-btn:hover .swap-arrow-up,.dim-swap-btn:hover .swap-arrow-down{transform:scaleY(-1)}.dim-swap-btn:active{transform:scale(.95)}.flip-btn{display:inline-flex;align-items:center;justify-self:start;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);transition:color .2s}.flip-text{display:inline-block;text-align:left}.flip-text:after{content:"FLIPPED";display:block;height:0;overflow:hidden;visibility:hidden;font-weight:700;font-size:11px}.flip-btn:hover{color:var(--text)}.flip-btn.flip-active{color:var(--accent);font-weight:700;font-size:11px}.flip-btn.flip-active .flip-icon{transform:scale(1.3)}.flip-icon{display:inline-flex;align-items:center;vertical-align:middle}.flip-icon .arrow-a,.flip-icon .arrow-b{transform-box:fill-box;transform-origin:center;transition:transform .35s ease-in-out}.flip-active .flip-icon:not(.flip-v) .arrow-a,.flip-active .flip-icon:not(.flip-v) .arrow-b{transform:scaleX(-1)}.flip-active .flip-icon.flip-v .arrow-a,.flip-active .flip-icon.flip-v .arrow-b{transform:scaleY(-1)}.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-big{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.2);filter:brightness(1.6)}to{transform:scale(1.1);filter:brightness(1.3)}}#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] path,#hex-svg[data-hl-active] text,#hex-svg[data-hl-active] g:not(.svg-fade-in):not(.svg-fade-out){opacity:.18;transition:opacity .15s}#hex-svg[data-hl-active=pwr] [data-hl=pwr]{opacity:1!important;animation:hl-pop-big .3s ease-out forwards;transform-box:fill-box;transform-origin:center}#hex-svg[data-hl-active=pwr] text[data-hl=pwr]{animation:hl-pop-big .3s ease-out forwards;filter:none!important}#hex-svg[data-hl-active=pwr] [data-hl=pwr] *{opacity:1!important}.price-popup{position:fixed;z-index:300;background:var(--surf);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #00000026;min-width:220px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.price-popup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid var(--border)}.price-popup-header:active{cursor:grabbing}.price-popup-title{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2.5px;color:var(--text);flex:1}.price-popup-btn{background:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;transition:color .15s,border-color .15s}.price-popup-btn:hover{color:var(--text);border-color:var(--border2)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#00000059;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:var(--surf);border:1px solid var(--border);border-radius:8px;padding:24px 28px;min-width:260px;max-width:360px;box-shadow:0 12px 40px #0003}.confirm-msg{font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);margin:0 0 20px;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-btn{font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.confirm-cancel{background:none;border:1px solid var(--border);color:var(--muted)}.confirm-cancel:hover{border-color:var(--border2);color:var(--text)}.confirm-ok{background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:500}.confirm-ok:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.price-popup-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.price-popup-close:hover{color:var(--text);background:#0068380f}.price-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}.price-popup>.price-grid{padding:16px;overflow-y:auto}.settings-popup-body{padding:16px 20px;overflow-y:auto}.price-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 8px}.price-label{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}.price-value{display:flex;align-items:center;gap:2px}.price-dollar{font-family:DM Mono,monospace;font-size:12px;color:var(--muted2)}.price-input{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:DM Mono,monospace;font-size:13px;padding:4px 6px;width:60px;text-align:right;outline:none;transition:border-color .15s}.price-input:focus{border-color:var(--accent)}.diagnostics-card{margin-top:14px;background:#cc293614;border:1px solid rgba(204,41,54,.25);color:var(--red);font-family:DM Mono,monospace;font-size:11px}.info-bubble-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;margin-left:auto;display:inline-flex;align-items:center;transition:color .15s}.info-bubble-btn:hover{color:var(--accent)}.info-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;z-index:9000}.info-popup{background:#fff;border-radius:12px;padding:28px 32px;max-width:420px;box-shadow:0 8px 32px #0000002e;position:relative;animation:info-pop-in .3s ease-out}@keyframes info-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes info-pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}.info-popup.info-closing{animation:info-pop-out .2s ease-in forwards}.info-popup-backdrop{animation:info-backdrop-in .2s ease-out}.info-popup-backdrop.info-closing{animation:info-backdrop-out .2s ease-in forwards}@keyframes info-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes info-backdrop-out{0%{opacity:1}to{opacity:0}}.info-popup:before{content:"";position:absolute;top:14px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.08))}.info-popup-text{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;color:var(--text);margin:0 0 16px}.info-popup-close{display:block;margin-left:auto;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s}.info-popup-close:hover{background:var(--accent-hover)}.doc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000073;display:flex;align-items:center;justify-content:center}.doc-panel{background:#fff;border-radius:12px;width:90vw;height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040}.doc-header{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #e0e0e0}.doc-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;color:#222;flex:1}.doc-close{background:none;border:none;cursor:pointer;padding:4px;color:#666;border-radius:4px;display:flex;align-items:center;justify-content:center}.doc-close:hover{background:#f0f0f0;color:#222}.doc-body{flex:1;overflow:auto;padding:20px;display:flex;align-items:center;justify-content:center}.doc-nav{font-family:DM Sans,sans-serif;font-size:13px;padding:4px 10px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;cursor:pointer}.doc-nav:hover:not(:disabled){background:#e0e0e0}.doc-nav:disabled{opacity:.35;cursor:default}.pdf-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#444;border-radius:50%;animation:pdf-spin .8s linear infinite}@keyframes pdf-spin{to{transform:rotate(360deg)}}.pdf-loading-text{font-family:DM Sans,sans-serif;font-size:15px;color:#666}.pdf-error{display:flex;flex-direction:column;align-items:center;font-family:DM Sans,sans-serif;font-size:15px;color:#c00}.ui-mode-btn{font-weight:600!important}.view-toggle-sep{width:1px;background:var(--border);margin:4px 6px}.view-toggle-spacer{flex:1 1 auto}.freeform-canvas-root{display:flex;flex-direction:column;height:100%;gap:8px}.canvas-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--border);border-radius:6px;position:relative}.toolbar-sep{width:1px;height:24px;background:var(--border);margin:0 4px}.tool-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.tool-btn:hover{border-color:var(--accent);background:#fafafa}.tool-btn.active{background:var(--accent, #006838);border-color:var(--accent, #006838);color:#fff}.tool-btn.active:hover{background:var(--accent, #006838)}.shapes-group{position:relative;display:inline-block}.shapes-caret{font-size:14px;line-height:1;opacity:.85;margin-left:4px}.shapes-dropdown{position:absolute;top:100%;left:0;z-index:100;margin-top:2px;padding:4px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 18px #0000001f;display:flex;flex-direction:column;gap:2px}.shapes-dropdown-row{display:flex;gap:2px}.shapes-dropdown-row .shapes-dropdown-item{flex:1;min-width:120px}.shapes-group.open:after{content:"";position:absolute;top:100%;left:0;right:0;height:4px}.shapes-dropdown-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:var(--text);cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;text-align:left;transition:background .12s}.shapes-dropdown-item:hover{background:#0068381a}.shapes-dropdown-item.active{background:var(--accent, #006838);color:#fff}.toolbar-hint{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--muted);margin-left:6px}.toolbar-right{margin-left:auto;display:flex;gap:6px;align-items:center}.toolbar-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;pointer-events:none;overflow:hidden}.toolbar-stat{font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--text);padding:4px 10px;border-radius:4px;background:#0000000a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toolbar-stat-warning{color:#cc2936;font-weight:700}.toolbar-stat-dim{font-size:9px;opacity:.75}.tool-btn-icon{padding:5px 8px}.tool-btn.tool-btn-danger{color:#cc2936;border-color:#cc2936}.tool-btn.tool-btn-danger:hover:not(:disabled){background:#cc2936!important;color:#fff!important;border-color:#cc2936!important}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.freeform-legend{padding:0 4px;margin-top:0;margin-bottom:0;align-items:center}.freeform-legend .card-subtitle{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-right:4px}.legend-instructions{margin-left:auto;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.legend-instructions-active{font-weight:700;color:#006838}.freeform-canvas-hint{color:var(--muted);font-size:9px;letter-spacing:1px}.saved-groups-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:2000;display:flex;align-items:center;justify-content:center}.saved-groups-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000040;width:460px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.saved-groups-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.saved-groups-title{flex:1;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text)}.saved-groups-close{background:none;border:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.saved-groups-close:hover{color:var(--text)}.saved-groups-list{overflow-y:auto;padding:4px 0}.saved-groups-empty{padding:24px 16px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;text-align:center}.saved-groups-row{display:flex;align-items:center;padding:8px 16px;gap:12px;border-bottom:1px solid var(--border)}.saved-groups-row:last-child{border-bottom:none}.saved-groups-row:hover{background:#0068380a}.saved-groups-left{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.saved-groups-name{flex:1;text-align:left;background:none;border:none;padding:4px 0;font-family:DM Mono,monospace;font-size:12px;color:var(--text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-groups-name:hover{color:var(--accent)}.saved-groups-name-input{flex:1;background:#fff;border:1px solid var(--accent);border-radius:3px;padding:4px 6px;font-family:DM Mono,monospace;font-size:12px;color:var(--text);outline:none}.saved-groups-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:none;border:1px solid transparent;border-radius:4px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:DM Mono,monospace;font-size:12px}.saved-groups-icon-btn:hover{color:var(--text);background:var(--surf2)}.saved-groups-icon-btn.danger:hover{color:var(--red)}.saved-groups-icon-btn.danger-confirm{color:#fff;background:var(--red);border-color:var(--red)}.saved-groups-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;padding:2px;cursor:pointer;transition:border-color .15s,background .15s}.saved-groups-preview:hover{border-color:var(--accent);background:#0068380a}.hex-context-menu{position:fixed;z-index:1000;min-width:160px;padding:4px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;gap:2px}.hex-context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;text-align:left;color:var(--text);background:transparent;border:0;border-radius:4px;cursor:pointer;transition:background .12s}.hex-context-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 auto;color:#555}.hex-context-menu-item:hover{background:#0068381a}.app-dialog-panel{background:#fff;border-radius:12px;width:min(440px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;overflow:hidden}.app-dialog-panel.tone-warning .app-dialog-header{border-bottom-color:#cc293659;background:#cc29360f}.app-dialog-panel.tone-warning .doc-title{color:#cc2936}.app-dialog-header{padding:12px 18px}.app-dialog-body{padding:18px;font-family:DM Sans,sans-serif;font-size:14px;color:#222;line-height:1.5;overflow:auto}.app-dialog-message{margin:0;white-space:pre-wrap}.app-dialog-input{margin-top:10px;width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-family:DM Sans,sans-serif;font-size:14px;color:#222;background:#fff}.app-dialog-input:focus{outline:none;border-color:#006838;box-shadow:0 0 0 2px #00683826}.app-dialog-error{margin-top:8px;color:#cc2936;font-size:12px}.app-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e0e0e0;background:#fafafa}.app-dialog-btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:7px 14px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222;cursor:pointer;transition:background .12s,border-color .12s}.app-dialog-btn:hover{background:#f0f0f0}.app-dialog-btn.primary{background:#006838;border-color:#006838;color:#fff}.app-dialog-btn.primary:hover{background:#005530;border-color:#005530}.app-dialog-btn.primary.danger{background:#cc2936;border-color:#cc2936}.app-dialog-btn.primary.danger:hover{background:#aa1f2a;border-color:#aa1f2a}.app-dialog-btn:focus-visible{outline:2px solid #006838;outline-offset:2px}.hex-context-menu-item.warning,.hex-context-menu-item.warning .hex-context-menu-icon{color:#cc2936}.hex-context-menu-item.warning:hover{background:#cc29361a}.hex-context-menu-separator{height:1px;background:#0000001f;margin:4px 6px}.freeform-canvas.cursor-crosshair{cursor:crosshair}.freeform-canvas.cursor-grab{cursor:grab}.freeform-canvas.cursor-grab:active{cursor:grabbing}.freeform-canvas.cursor-move{cursor:move}.freeform-canvas.cursor-grabbing{cursor:grabbing}.freeform-canvas.cursor-pointer{cursor:pointer}.freeform-canvas.cursor-default{cursor:default}.freeform-canvas.cursor-erase{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><line x1='4' y1='4' x2='16' y2='16' stroke='%23cc2936' stroke-width='3' stroke-linecap='round'/><line x1='16' y1='4' x2='4' y2='16' stroke='%23cc2936' stroke-width='3' stroke-linecap='round'/></svg>") 10 10,not-allowed}.freeform-canvas-wrap{position:relative;flex:1;min-height:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#f2f2f2;display:flex;flex-direction:column}.freeform-canvas{display:block;flex:1;min-height:0;width:100%;cursor:crosshair}.freeform-canvas-hud{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:8px;background:#ffffffe6;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);flex-shrink:0}.freeform-canvas-btn{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.freeform-canvas-btn:hover:not(:disabled){border-color:var(--accent);background:#fafafa}.freeform-canvas-btn:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}