:root{--bg:#08090c;--bg2:#0c0e13;--surface:#0f1219;--border:#1a2030;--border-hi:#2a3545;--led:#def;--led-glow:#c8e6ff8c;--accent:#3d87f5;--accent-dim:#3d87f51f;--text:#abc;--text-hi:#def;--muted:#4a6070;--radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:DM Sans,Segoe UI,sans-serif;font-size:14px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#08090ceb;flex-direction:column;flex-shrink:0;padding:4px 20px;display:flex;position:relative}.toolbar-row{align-items:center;gap:12px;width:100%;min-height:40px;display:flex;position:relative}.toolbar-title{letter-spacing:.05em;color:var(--led);flex-shrink:0;align-items:center;gap:9px;margin-right:8px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.toolbar-title svg{flex-shrink:0}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-group label{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:500}.toolbar-group select{background:var(--surface);border:1px solid var(--border-hi);color:var(--text-hi);border-radius:var(--radius);cursor:pointer;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.toolbar-group select:hover{border-color:var(--accent)}.toolbar-actions{gap:8px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s,border-color .2s,color .2s;display:inline-flex}.btn-primary{color:#0a1520;background:#d8eeff;box-shadow:0 0 20px #d8eeff2e}.btn-primary:hover{background:#eaf4ff;transform:translateY(-1px);box-shadow:0 0 32px #d8eeff59}.btn-secondary{color:var(--text-hi);border:1px solid var(--border-hi);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.main-layout{flex:1;display:flex;overflow:hidden}.canvas-container{background:var(--bg);touch-action:none;flex:1;position:relative;overflow:hidden}.hex-canvas{cursor:crosshair;width:100%;height:100%}.sidebar{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:16px;width:272px;padding:16px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}.sidebar h2{color:var(--text-hi);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800}.bom-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.bom-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.bom-section dl{grid-template-columns:1fr auto;gap:4px 12px;display:grid}.bom-section dt{color:var(--muted);font-size:12px}.bom-section dd{color:var(--text-hi);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.bom-section dd.bom-big-value{color:var(--led);text-shadow:0 0 24px var(--led-glow);letter-spacing:-.5px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;line-height:1}.bom-section .empty{color:var(--muted);font-size:12px;font-style:italic}.bom-hint{color:var(--muted);margin-top:2px;font-size:11px;font-style:italic}.bom-breakdown{border-top:1px solid var(--border);margin-top:2px;padding-top:6px}.price-section{margin-top:4px}.price{color:var(--led);letter-spacing:-.5px;text-shadow:0 0 24px var(--led-glow);font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800}.mode-toggle{gap:0!important}.mode-toggle label{margin-right:8px}.btn-mode{border:1px solid var(--border-hi);border-radius:0;padding:5px 14px;font-size:12px}.btn-mode:first-of-type,.btn-mode:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-mode:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.btn-mode-active{color:#0a1520;background:#d8eeff;border-color:#d8eeff;box-shadow:0 0 16px #d8eeff33}.btn-mode-active:hover{color:#0a1520;border-color:#d8eeff;transform:none}.room-input{background:var(--surface);border:1px solid var(--border-hi);width:72px;color:var(--text-hi);border-radius:var(--radius);padding:5px 8px;font-family:DM Sans,sans-serif;font-size:12px;transition:border-color .2s}.room-input:focus{border-color:var(--accent);outline:none}.room-sep{color:var(--muted);font-size:13px}.btn-icon{padding:5px 9px;font-size:11px;line-height:1}.room-warning{border-radius:var(--radius);color:#ff7070;background:#dc3c3c1f;border:1px solid #dc3c3c59;padding:8px 10px;font-size:12px;line-height:1.5}.value-warning{color:#ff7070!important}.sidebar-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding-top:12px;font-size:11px;line-height:1.6}.sidebar-footer a{color:var(--muted);text-decoration:none}.sidebar-footer a:hover{color:var(--text)}.lc-panel{gap:10px}.lc-header-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:6px;display:flex}.lc-header-row h3{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.lc-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-hi);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.lc-field{flex-direction:column;gap:4px;display:flex}.lc-label{color:var(--muted);font-size:12px}.lc-tooltip-line{color:var(--muted);font-size:11px;font-style:italic;line-height:1.4}.lc-select{background:var(--bg);color:var(--text-hi);border:1px solid var(--border-hi);border-radius:var(--radius);cursor:pointer;outline:none;width:100%;padding:5px 8px;font-family:inherit;font-size:12px}.lc-select:focus{border-color:var(--accent)}.lc-input-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.lc-input-with-unit{align-items:center;gap:4px;display:flex}.lc-number-input{background:var(--bg);width:58px;color:var(--text-hi);border:1px solid var(--border-hi);border-radius:var(--radius);text-align:right;outline:none;padding:4px 6px;font-family:inherit;font-size:12px}.lc-number-input:focus{border-color:var(--accent)}.lc-unit{color:var(--muted);min-width:14px;font-size:11px}.lc-segmented{gap:0;width:100%;display:flex}.lc-segmented-btn{background:var(--bg);color:var(--muted);border:1px solid var(--border-hi);cursor:pointer;border-left:none;flex:1;padding:5px 0;font-family:inherit;font-size:12px;transition:background .1s,color .1s}.lc-segmented-btn:first-child{border-left:1px solid var(--border-hi);border-radius:var(--radius) 0 0 var(--radius)}.lc-segmented-btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.lc-segmented-btn.active{background:var(--accent-dim);color:var(--text-hi);border:1px solid var(--accent);z-index:1;position:relative}.lc-auto-drop-row{justify-content:space-between;align-items:center;display:flex}.lc-auto-drop-value{color:var(--text);align-items:center;gap:4px;font-size:12px;display:flex}.lc-info-icon{color:var(--muted);cursor:help;font-size:11px}.lc-auto-clamp-note{color:var(--muted);font-size:11px;font-style:italic;line-height:1.4}.lc-error{color:#e07070;font-size:12px;font-style:italic}.lc-lux-readout{color:var(--led);letter-spacing:-.5px;text-shadow:0 0 24px var(--led-glow);flex-wrap:wrap;align-items:baseline;gap:3px;min-height:36px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;line-height:1;display:flex}.lc-tilde{opacity:.6;font-size:22px;font-weight:400}.lc-unit-small{color:var(--text);opacity:.7;font-size:16px;font-weight:400}.lc-dash{color:var(--muted);font-size:28px}.lc-place-hint{color:var(--muted);align-self:flex-end;margin-bottom:3px;font-family:DM Sans,sans-serif;font-size:12px;font-style:italic;font-weight:400}.lc-gauge{align-items:center;gap:4px;display:flex;position:relative}.lc-gauge-track{background:linear-gradient(to right, var(--border-hi) 0%, var(--border-hi) 35%, #3d87f573 35%, #3d87f573 65%, #b4dcff59 65%, #b4dcff59 100%);border-radius:4px;flex:1;height:24px;position:relative;overflow:visible}.lc-gauge-tick{background:var(--text-hi);opacity:.6;border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%)}.lc-gauge-pointer{font-size:9px;line-height:1;transition:left .2s;position:absolute;bottom:-2px;transform:translate(-50%)}.lc-pinned-indicator{color:var(--muted);white-space:nowrap;font-size:10px}.lc-verdict{font-size:11px;line-height:1.5}.lc-muted-caption{color:var(--muted);font-size:12px;font-style:italic}.lc-advanced-toggle{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;transition:color .15s}.lc-advanced-toggle:hover{color:var(--text)}.lc-advanced-body{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.lc-reset-link{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:underline;transition:color .15s}.lc-reset-link:hover{color:var(--text)}.lc-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:2px;padding-top:8px;font-size:10px;font-style:italic;line-height:1.5}.est-note{color:var(--muted);border-top:1px solid var(--border);margin:6px 0 0;padding-top:8px;font-size:10px;font-style:italic;line-height:1.5}.rsd-wrapper{display:inline-flex;position:relative}.rsd-trigger{white-space:nowrap;align-items:center;gap:5px;display:flex}.rsd-trigger.open{background:var(--bg3);border-color:var(--border-hi)}.rsd-panel{z-index:200;background:var(--bg2);border:1px solid var(--border-hi);border-radius:var(--radius);min-width:280px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.rsd-section{flex-direction:column;gap:8px;padding:10px 14px;display:flex}.rsd-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:10px;font-weight:600}.rsd-divider{border:none;border-top:1px solid var(--border);margin:0}.rsd-row{align-items:center;gap:6px;display:flex}.rsd-field{justify-content:space-between;align-items:center;gap:8px;display:flex}.rsd-label{color:var(--muted);flex-shrink:0;font-size:12px}.rsd-select{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex:1;padding:3px 6px;font-size:12px}.rsd-select:focus{border-color:var(--border-hi);outline:none}.rsd-sep{color:var(--muted);flex-shrink:0}.rsd-unit{color:var(--muted);flex-shrink:0;font-size:11px}.rsd-stack{flex-direction:column;gap:5px;display:flex}.bsp-panel{min-width:240px;right:unset;left:0}.bsp-input-row{align-items:center;gap:4px;display:flex}.bsp-derived{color:var(--muted);white-space:nowrap;min-width:50px;font-size:11px}.bsp-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.toolbar-layout-group,.toolbar-mobile-section,.mobile-topbar,.drawer-close{display:none}.sidebar-header-row{justify-content:space-between;align-items:center;display:flex}.mobile-topbar-btn{border:1px solid var(--border-hi);border-radius:var(--radius);width:40px;height:40px;color:var(--text-hi);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.mobile-topbar-btn:hover{border-color:var(--accent);color:var(--accent)}@media (width<=768px),(orientation:landscape) and (height<=500px){.mobile-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#08090ceb;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;position:relative}.toolbar{width:280px;height:100vh;height:unset;border-bottom:none;border-right:1px solid var(--border);z-index:100;flex-direction:column;align-items:flex-start;gap:16px;padding:16px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.toolbar.is-open{transform:translate(0)}.toolbar .toolbar-row-left .toolbar-title{display:none}.toolbar .toolbar-actions{flex-wrap:wrap}.toolbar .toolbar-row{min-height:unset;flex-wrap:wrap;padding:4px 0}.toolbar .toolbar-row--top{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.toolbar .toolbar-row-left,.toolbar .toolbar-row-right{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.toolbar .toolbar-row--top .toolbar-layout-name,.toolbar-my-layouts-btn,.toolbar-new-layout-btn{display:none}.toolbar-layout-group{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;width:100%;margin-bottom:4px;padding-bottom:12px;display:flex}.toolbar-layout-group-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar-mobile-section{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;width:100%;margin-bottom:4px;padding-bottom:12px;display:flex}.toolbar-mobile-section--export{border-bottom:none;border-top:1px solid var(--border);margin-top:4px;margin-bottom:0;padding-top:12px;padding-bottom:4px}.toolbar .toolbar-row--top{display:none}.sidebar{border-left:1px solid var(--border);z-index:100;width:280px;height:100vh;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sidebar.is-open{transform:translate(0)}.drawer-backdrop{z-index:99;background:#00000080;position:fixed;inset:0}.drawer-close{border:1px solid var(--border-hi);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:border-color .2s,color .2s;display:inline-flex}.drawer-close:hover{border-color:var(--accent);color:var(--accent)}.rsd-room-wrapper{margin-left:0!important}.rsd-room-wrapper .rsd-panel{right:unset;left:0}}.app-banner{flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.app-banner--warning{color:#ffb37a;background:#ffb37a1f;border-bottom:1px solid #ffb37a33}.app-banner--error{color:#ff6060;background:#ff50501a;border-bottom:1px solid #ff505033}.app-banner-btn{border-radius:var(--radius);color:inherit;cursor:pointer;background:0 0;border:1px solid;margin-left:4px;padding:2px 10px;font-size:12px}.app-banner-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:14px}.toolbar-row--top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.toolbar-row--top>:last-child{justify-self:end}.toolbar-row-left{flex-wrap:wrap;justify-self:start;align-items:center;gap:8px;display:flex}.toolbar-row-right{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.toolbar-layout-name{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-layout-name .layout-name-btn+.layout-name-pencil{margin-left:-4px}.layout-name-btn{border-radius:var(--radius);color:var(--text-hi);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;max-width:180px;padding:3px 6px;font-size:13px;font-weight:500;transition:border-color .2s;overflow:hidden}.layout-name-btn:hover{border-color:var(--border-hi)}.layout-name-pencil{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;transition:color .15s;display:inline-flex}.layout-name-pencil:hover{color:var(--text-hi)}.layout-name-input{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text-hi);outline:none;width:160px;padding:3px 6px;font-size:13px}.saved-indicator{color:var(--accent);opacity:0;white-space:nowrap;pointer-events:none;font-size:11px;transition:opacity .3s}.saved-indicator--visible{opacity:1}.layouts-panel{background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;gap:0;width:300px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.layouts-panel--open{transform:translate(0)}.layouts-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.layouts-panel-title{color:var(--text-hi);font-size:13px;font-weight:600}.layouts-panel-close{border:1px solid var(--border-hi);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:border-color .2s,color .2s;display:inline-flex}.layouts-panel-close:hover{border-color:var(--accent);color:var(--accent)}.layouts-panel-new{flex-shrink:0;margin:12px 16px}.layouts-panel-list{flex:1;padding:4px 0;overflow-y:auto}.layouts-panel-empty{color:var(--muted);padding:16px;font-size:12px;line-height:1.5}.layouts-panel-footer{color:var(--muted);border-top:1px solid var(--border);flex-shrink:0;padding:12px 16px;font-size:11px}.layout-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 16px;transition:background .15s;display:flex}.layout-row:hover{background:var(--surface)}.layout-row--current{background:#3d87f514}.layout-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.layout-row-name{color:var(--text-hi);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;width:100%;padding:0;font-size:13px;overflow:hidden}.layout-row-name:hover{color:var(--accent)}.layout-row-name-input{background:var(--surface);border:1px solid var(--accent);color:var(--text-hi);border-radius:4px;outline:none;width:100%;padding:2px 6px;font-size:13px}.layout-row-date{color:var(--muted);font-size:11px}.layout-row-actions{flex-shrink:0;gap:4px;display:flex}.layout-row-btn{border:1px solid var(--border-hi);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:12px;transition:border-color .15s,color .15s}.layout-row-btn:hover{border-color:var(--accent);color:var(--accent)}.layout-row-btn--danger:hover{color:#ff6060;border-color:#ff6060}.layout-row-btn:disabled{opacity:.4;cursor:default}