:root{--bg:#1b1d21;--bg-grid:#232629;--panel:#2a2d32;--panel-head:#33373d;--border:#3c4148;--text:#e7e9ec;--text-dim:#9aa1ab;--accent:#c8a875;--accent-strong:#d8b885;--danger:#d36a6a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.workspace{background-color:var(--bg);padding:4px;position:fixed;inset:44px 0 0;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);z-index:9000;background:#15171a;align-items:center;gap:6px;height:44px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.toolbar .brand{letter-spacing:.5px;color:var(--accent);margin-right:8px;font-weight:700}.toolbar .brand span{color:var(--text-dim);font-weight:400}.tbtn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;font-size:12px}.tbtn:hover{background:var(--panel-head)}.tbtn.active{border-color:var(--accent);color:var(--accent-strong)}.tbtn:disabled{opacity:.35;cursor:not-allowed}.tbtn:disabled:hover{background:var(--panel)}.wbtn{border:1px solid var(--border);background:var(--panel);width:22px;height:22px;color:var(--text-dim);border-radius:5px;padding:0;font-size:12px;line-height:1}.wbtn:hover{background:var(--panel-head);color:var(--text)}.toolbar .spacer{flex:1}.toolbar .hint{color:var(--text-dim);font-size:11px}.tile-split{width:100%;height:100%;display:flex}.tile-pane{flex-shrink:1;min-width:0;min-height:0;position:relative;overflow:hidden}.gutter{background:var(--bg);z-index:2;flex:0 0 6px;position:relative}.gutter:after{content:"";background:var(--border);transition:background .12s;position:absolute;inset:0}.gutter:hover:after{background:var(--accent)}.gutter-v{cursor:col-resize}.gutter-h{cursor:row-resize}.pane{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.pane-tabs{border-bottom:1px solid var(--border);background:#15171a;flex:0 0 32px;align-items:stretch;display:flex;overflow-x:auto}.tab{color:var(--text-dim);border-right:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border-top:2px solid #0000;align-items:center;gap:6px;padding:0 8px 0 12px;font-size:12px;display:flex}.tab:active{cursor:grabbing}.tab:hover{background:#ffffff0a}.tab.active{color:var(--text);background:var(--panel);border-top-color:var(--accent)}.tab-title{font-weight:600}.tab-btn{width:17px;height:17px;color:var(--text-dim);background:0 0;border:none;border-radius:4px;font-size:11px;line-height:1}.tab-btn:hover{color:var(--text);background:#ffffff1a}.pane-body{flex:1;position:relative;overflow:hidden}.drop-overlay{z-index:60;pointer-events:none;position:absolute;inset:0}.drop-overlay.active{pointer-events:auto}.drop-zone{transition:background 80ms;position:absolute}.drop-zone.hover{box-shadow:inset 0 0 0 2px var(--accent);background:#c8a87538}.drop-zone.dz-page.hover{background:#5aa9e638;box-shadow:inset 0 0 0 2px #5aa9e6}.dz-page-top{height:10%;top:0;left:0;right:0}.dz-page-bottom{height:10%;bottom:0;left:0;right:0}.dz-page-left{width:10%;top:10%;bottom:10%;left:0}.dz-page-right{width:10%;top:10%;bottom:10%;right:0}.dz-top{height:25%;top:10%;left:10%;right:10%}.dz-bottom{height:25%;bottom:10%;left:10%;right:10%}.dz-left{width:25%;top:35%;bottom:35%;left:10%}.dz-right{width:25%;top:35%;bottom:35%;right:10%}.dz-center{inset:35%}.tab.drop-before{box-shadow:inset 2px 0 0 var(--accent)}.tab.drop-after{box-shadow:inset -2px 0 0 var(--accent)}.version-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:6px 8px;display:flex}.version-meta{flex-direction:column;flex:1;min-width:0;display:flex}.version-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.version-time{font-size:11px}.popout-root{background:var(--panel);width:100vw;height:100vh;color:var(--text);flex-direction:column;display:flex}.popout-head{background:var(--panel-head);border-bottom:1px solid var(--border);flex:0 0 36px;align-items:center;gap:8px;padding:0 10px;display:flex}.popout-head .title{flex:1;font-size:13px;font-weight:600}.popout-body{flex:1;position:relative;overflow:hidden}.popout-body canvas{width:100%!important;height:100%!important}.panel-scroll{height:100%;padding:10px;overflow:auto}.muted{color:var(--text-dim)}.room-bar{background:var(--panel-head);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:6px 10px;display:flex}.room-bar-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin-right:4px;font-size:11px}.room-bar-x,.room-bar-unit,.room-bar-hint{color:var(--text-dim);font-size:12px}.room-input{background:var(--bg-grid);border:1px solid var(--border);width:72px;color:var(--text);text-align:right;border-radius:5px;padding:4px 6px;font-size:12px}.room-input:focus{border-color:var(--accent);outline:none}.catalog-group-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:12px 0 6px;font-size:11px}.catalog-item{border:1px solid var(--border);background:var(--bg-grid);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:7px 9px;display:flex}.catalog-item:hover{border-color:var(--accent)}.catalog-item .code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.catalog-item .meta{color:var(--text-dim);font-size:11px}.catalog-item .add{background:var(--accent);color:#1b1d21;border:none;border-radius:5px;width:24px;height:24px;font-weight:700}.search-input{background:var(--bg-grid);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px}.login-overlay{background:radial-gradient(circle at 50% 30%, #23272e, var(--bg));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:28px;display:flex;box-shadow:0 20px 60px #00000073}.login-brand{color:var(--text-dim);letter-spacing:.5px;font-size:13px}.login-logo{color:var(--accent);font-weight:800}.login-title{margin:0 0 4px;font-size:20px}.login-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.login-field .room-input{width:100%}.login-error{color:var(--danger);background:#d36a6a1f;border:1px solid #d36a6a59;border-radius:6px;padding:7px 9px;font-size:13px}.login-submit{background:var(--accent);color:#1b1d21;border:none;justify-content:center;padding:9px;font-weight:600}.login-submit:disabled{opacity:.6}.login-switch{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px}.login-switch:hover{color:var(--text)}.user-menu{align-items:center;gap:6px;margin-left:4px;display:inline-flex}.user-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.explorer-row{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;padding:5px 10px;font-family:monospace;font-size:12px;display:block}.explorer-row:hover{background:var(--panel);color:var(--text)}.explorer-row.active{border-left:2px solid var(--accent);color:var(--text);background:#5aa9e624}.explorer-hud{color:#cdd3db;pointer-events:none;background:#0d0f12b3;border-radius:5px;padding:3px 8px;font-family:monospace;font-size:12px;position:absolute;bottom:8px;left:8px}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:10px;display:grid}.decor-cell{border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.decor-cell img{object-fit:cover;background:var(--bg-grid);width:100%;height:72px}.decor-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding:3px 5px;font-size:10px;overflow:hidden}table.parts{border-collapse:collapse;width:100%;font-size:12px}table.parts th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--panel);padding:6px 8px;font-size:11px;font-weight:600;position:sticky;top:0}table.parts td{border-bottom:1px solid #ffffff0a;padding:5px 8px}table.parts tr.row{cursor:pointer}table.parts tr.row.selected{background:#c8a87524}table.parts tr.row:hover{background:#ffffff0a}.parts td .num{font-variant-numeric:tabular-nums;text-align:right}table.parts td.parts-subhead{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);padding-top:10px;font-size:10px}table.parts tr.auto-row{cursor:default}table.parts tr.auto-row:hover{background:#5aa9e612}select.cell-select,input.cell-input{background:var(--bg-grid);border:1px solid var(--border);color:var(--text);border-radius:4px;width:100%;padding:3px 4px;font-size:12px}input.cell-input{text-align:right;width:52px}.fast-entry{border-top:1px solid var(--border);background:var(--panel-head);align-items:center;gap:6px;padding:8px;display:flex}.fast-entry input{background:var(--bg-grid);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:6px 8px;font-size:13px}.fast-entry input.code{text-transform:uppercase;width:90px;font-family:ui-monospace,monospace}.fast-entry input.qty{width:56px}.parts-total{border-top:1px solid var(--border);justify-content:space-between;padding:8px 10px;font-weight:700;display:flex}.quote-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.quote-grand{color:var(--accent-strong);justify-content:space-between;padding:12px 0 0;font-size:18px;font-weight:800;display:flex}.overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:380px;padding:18px;box-shadow:0 20px 60px #0009}.picker h3{margin:0 0 12px;font-size:14px}.picker-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.picker-grid button{background:var(--bg-grid);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;padding:14px 10px;font-size:13px}.picker-grid button:hover{border-color:var(--accent)}.picker-grid button kbd{float:right;color:var(--text-dim)}kbd{border:1px solid var(--border);background:#15171a;border-radius:4px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:11px}.shortcuts{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:420px;padding:20px 24px}.shortcuts h3{margin:0 0 14px}.shortcuts .row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.variant-bar{border-top:1px solid var(--border);background:var(--panel-head);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:5px;width:22px;height:22px}.swatch.active{border-color:var(--text)}.swatch.disabled{opacity:.25;cursor:not-allowed;position:relative}.swatch.disabled:after{content:"";border-top:1px solid var(--danger);position:absolute;inset:50% 1px auto;transform:rotate(-45deg)}.empty-hint{color:var(--text-dim);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.order-h{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:600}.order-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.order-cust-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.order-cust-row:hover{background:var(--panel);border-color:var(--border)}.order-grid{grid-template-columns:130px 1fr;align-items:center;gap:8px 10px;display:grid}.order-grid>label{color:var(--text-dim);font-size:13px}.order-head-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:8px}.order-scheme{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.order-scheme-field{flex-direction:column;gap:2px;font-size:12px;display:flex}.gen-bar{background:var(--panel-head);border-bottom:1px solid var(--accent);align-items:center;gap:12px;padding:6px 14px;font-size:13px;display:flex}.gen-bar-title{color:var(--accent);font-weight:600}.gen-layer{color:var(--text);cursor:pointer;align-items:center;gap:5px;display:flex}.gen-stale{color:var(--accent);font-size:12px}.gen-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.canvas-hud{z-index:5;border:1px solid var(--accent);color:var(--text);pointer-events:none;white-space:nowrap;background:#14171aeb;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.canvas-hud b{color:var(--accent)}.canvas-hud-hint{color:var(--text-dim);font-size:11px}.inspector{z-index:4;border:1px solid var(--border);background:#14171af0;border-radius:8px;flex-direction:column;gap:6px;min-width:168px;padding:10px;display:flex;position:absolute;top:10px;right:10px}.inspector-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-size:11px}.inspector-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-row label{color:var(--text-dim);font-size:12px}.inspector-row .room-input,.inspector-row select.room-input{width:84px}.inspector-docks{gap:6px;margin-top:2px;display:flex}.inspector-docks .tbtn{flex:1}