:root{--bg: #14161a;--bg-raised: #1c1f25;--bg-inset: #101216;--border: #2b303a;--text: #d7dae0;--text-dim: #8b919c;--accent: #e8833a;--accent-soft: rgba(232, 131, 58, .16);--error: #e05d5d;font-family:Segoe UI,Noto Sans,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root,.app-layout{height:100vh}.app-layout{display:flex}.sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:340px;flex-shrink:0;overflow-y:auto;padding:16px;background:var(--bg-raised);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.app-header{padding-bottom:10px;border-bottom:2px solid var(--accent)}.app-header h1{margin:0;font-size:20px;letter-spacing:.14em;text-transform:uppercase}.app-header p{margin:2px 0 0;font-size:12px;color:var(--text-dim)}.viewport{position:relative;flex:1;min-width:0}.preview-canvas{position:absolute;inset:0}.preview-canvas canvas{display:block}.busy-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:12px}.panel{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:10px 12px;transition:border-color .12s ease}.panel:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.panel .panel{margin-top:10px}.panel-header h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.panel-body{margin-top:8px;display:flex;flex-direction:column;gap:8px}.field{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.field-label{font-size:12px;color:var(--text-dim);display:flex;gap:4px}.field-unit{opacity:.7}.field-row{display:flex;gap:8px}input[type=number],input[type=text],select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:5px 7px;font-size:13px;width:100%}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.toggle input{accent-color:var(--accent)}.subgroup{border:1px solid var(--border);border-radius:4px;padding:8px;margin:0;display:flex;flex-direction:column;gap:8px}.subgroup legend{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding:0 4px}button{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.chip{padding:3px 10px;font-size:12px;border-radius:999px}.chip-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.quality-presets{display:flex;gap:6px}.quality-readout,.stats-readout{margin:0;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.export-buttons,.collection-io,.collection-save{display:flex;gap:8px}.export-buttons button{flex:1}.error-text{margin:0;font-size:12px;color:var(--error)}.issue-list{margin:0;padding-left:18px;font-size:12px;color:var(--error)}.collection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.collection-list li{display:flex;align-items:center;gap:6px}.collection-name{flex:1;text-align:left;background:none;border-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-actions{display:flex;gap:4px}.collection-actions button{font-size:11px;padding:3px 6px}input[type=range]{width:100%;accent-color:var(--accent)}.generator-label{margin:0;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.library-entry{width:100%;text-align:left;background:none;border-color:transparent;padding:4px 6px}.library-entry:hover{background:var(--accent-soft)}.freeform-editor{display:flex;flex-direction:column;gap:8px}.freeform-canvas{background:var(--bg);border:1px solid var(--border);border-radius:4px;touch-action:none;cursor:crosshair;align-self:center}.freeform-grid{stroke:var(--border);stroke-width:.5}.freeform-outline{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}.freeform-circle{fill:none;stroke:var(--text-dim);stroke-dasharray:3 3}.freeform-handle{fill:var(--accent);cursor:grab}.freeform-hint{margin:0;font-size:11px;color:var(--text-dim)}.drive-setup{display:flex;flex-direction:column;gap:8px}.dims-badge{position:absolute;bottom:12px;left:12px;padding:4px 10px;border-radius:4px;background:#101216cc;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.dim-line{stroke:var(--text-dim);stroke-width:1}.dim-text{fill:var(--text-dim);font-size:10px;font-variant-numeric:tabular-nums}.freeform-radius-handle{fill:var(--bg-raised);stroke:var(--accent);cursor:ew-resize}.freeform-radius-active{fill:var(--accent)}.stale-badge{position:absolute;top:12px;left:12px;max-width:320px;padding:6px 10px;border-radius:4px;background:#e05d5d26;border:1px solid var(--error);color:var(--error);font-size:12px}.overhang-toggle{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:#101216cc;border:1px solid var(--border);color:var(--text-dim);font-size:12px;cursor:pointer}.overhang-toggle input{accent-color:var(--error)}.overhang-toggle em{font-style:normal;color:var(--error)}.export-progress{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;font-size:.8rem;color:var(--text-dim, #9aa1ac)}.export-progress-track{position:relative;height:4px;border-radius:2px;overflow:hidden;background:#808a9840}.export-progress-bar{position:absolute;top:0;bottom:0;width:35%;border-radius:2px;background:var(--accent, #e8833a);animation:export-progress-slide 1.1s ease-in-out infinite}@keyframes export-progress-slide{0%{left:-35%}to{left:100%}}