:root{--bg:#14161a;--panel:#1d2026;--panel-2:#262a32;--border:#343945;--text:#e8eaee;--muted:#9aa1ad;--accent:#e0a23a;--accent-2:#4fa3e0;--danger:#d9534f;--ok:#4caf50;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 12px;font-weight:600}h1{font-size:22px}h2{font-size:17px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}p{margin:0 0 10px;line-height:1.45}.muted{color:var(--muted)}.small{font-size:12px}button,.btn{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;line-height:1.2}button:hover,.btn:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}button.primary:hover{filter:brightness(1.08)}button.danger{color:#ffb3b0;border-color:#6b2f2d}button.danger:hover{border-color:var(--danger)}button.ghost{background:0 0;border-color:#0000}button.small{padding:3px 8px;font-size:12px}button.active{border-color:var(--accent);background:#3a3120}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#121419;border-radius:6px;width:100%;padding:6px 8px}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);outline:none}input[type=checkbox]{width:auto}input[type=color]{width:48px;height:32px;padding:0}input[type=range]{padding:0}label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}label.check{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.field{margin-bottom:12px}.row{align-items:flex-start;gap:12px;display:flex}.row>*{flex:1;min-width:0}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.stack{flex-direction:column;gap:8px;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.sep{background:var(--border);width:1px;height:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.app-shell{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:18px;height:50px;padding:0 18px;display:flex}.topbar .brand{color:var(--accent);letter-spacing:.02em;font-weight:700}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 10px}.topbar nav a.active,.topbar nav a:hover{color:var(--text);background:var(--panel-2);text-decoration:none}.page{flex:1;min-height:0;padding:22px;overflow:auto}.page.full{padding:0;overflow:hidden}.page-narrow{max-width:1100px;margin:0 auto}.page-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.page-header h1{margin:0}.badge{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.badge.accent{color:var(--accent);border-color:#5c4718}.badge.warn{color:#ffb86b;border-color:#6b4a18}.badge.show{color:#8fd0ff;border-color:#1f4b6b}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}th{color:var(--muted);font-size:12px;font-weight:500}tr:hover td{background:#ffffff05}.unit-input{align-items:stretch;display:flex}.unit-input input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.unit-input .unit-select{width:auto;color:var(--muted);background:#1a1d23;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;flex:none;padding:6px 4px 6px 6px;font-size:12px}.unit-input .unit-select:focus{color:var(--text)}.unit-input.invalid input{border-color:var(--danger);animation:.25s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.designer{grid-template-rows:46px 1fr;grid-template-columns:300px 1fr 300px;height:100%;display:grid}.designer .toolbar{background:var(--panel);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:10px;padding:0 12px;display:flex}.designer .side{background:var(--panel);border-right:1px solid var(--border);min-height:0;padding:12px;overflow:auto}.designer .side.right{border-right:none;border-left:1px solid var(--border)}.designer .viewport{background:#0f1114;min-width:0;min-height:0;position:relative}.designer .viewport canvas{display:block}.viewport-hint{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:10px;left:12px}.lib-item{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:flex}.lib-item .swatch{border:1px solid #fff3;border-radius:3px;flex:none;width:14px;height:14px}.lib-item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lib-item .dims{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lib-item.depleted{opacity:.7}.lib-item .dims.stock{white-space:normal;line-height:1.6}.lib-item .badge{padding:0 6px;font-size:10px}.placement-row{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 6px;display:flex}.placement-row:hover{background:var(--panel-2)}.placement-row.selected{background:#3a3120}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(760px,94vw);max-height:92vh;padding:20px;overflow:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.blueprint{border:1px solid var(--border);background:#0f1114;border-radius:10px;width:100%;height:auto;max-height:560px;display:block}.signin{max-width:460px;margin:10vh auto}.notice{color:#f0d9a3;background:#26241c;border:1px solid #5c4718;border-radius:8px;padding:10px 12px;font-size:12px}.empty{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:10px;padding:26px}kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:11px}.preview-3d{border:1px solid var(--border);background:#0f1114;border-radius:10px;height:380px;overflow:hidden}.sync-error{color:#ffd0cd;background:#4a2320;border-bottom:1px solid #7a3532;flex:none;padding:6px 18px;font-size:12px}.angle-row input[type=number]{flex:none;width:90px}.angle-row .angle-quick{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.angle-row .angle-quick button{padding:3px 0}.finish-panel .swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.swatch-btn{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;color:var(--muted);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:3px;font-size:10px;display:flex;overflow:hidden}.swatch-btn img,.swatch-btn>span:first-child{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%;display:block}.swatch-btn.active{border-color:var(--accent);color:var(--text)}.swatch-btn:hover{border-color:var(--accent)}.wallpaper-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex:none;width:72px;height:72px}.wallpaper-thumb.empty{color:var(--muted);background:var(--panel-2);justify-content:center;align-items:center;font-size:11px;display:flex}.prop-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.prop-btn{text-align:center;border-radius:6px;padding:8px 6px;font-size:12px}.prop-btn.active{border-color:var(--accent);background:#3a3120}.popover-anchor{position:relative}.popover{z-index:40;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;width:260px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000080}.popover label{margin:4px 0 0}.popover input[type=range]{width:100%}.gels{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.gel{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.gel.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #000}.gels input[type=color]{width:26px;height:24px}.master{align-items:center;gap:8px;margin-bottom:10px;display:flex}.master input[type=range]{flex:1}.master .pct{text-align:right;font-variant-numeric:tabular-nums;width:38px}.mixed{color:var(--accent);font-size:11px}.final-render-modal{width:min(1320px,96vw)}.final-render{grid-template-columns:1fr 280px;gap:16px;margin-top:12px;display:grid}.final-render .frame{border:1px solid var(--border);background:#000;border-radius:8px;justify-content:center;align-items:center;min-height:320px;max-height:72vh;display:flex;position:relative;overflow:hidden}.final-render .final-canvas{width:auto;max-width:100%;height:auto;max-height:72vh;display:block}.final-render .final-canvas[data-status=idle]{display:none}.final-render .frame-hint{text-align:center;background:#0000008c;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;inset:auto 16px 16px}.final-render .controls{flex-direction:column;gap:8px;display:flex}.final-render .controls .field{margin:0}.progress{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.render-status{min-height:2.4em}.warn{color:#ffb86b}@media (width<=900px){.final-render{grid-template-columns:1fr}}