:root{--bg:#15171c;--panel:#1f2229;--panel-2:#282c35;--border:#343945;--text:#e6e8ec;--muted:#8d94a3;--accent:#f2c230;--accent-text:#1b1b1b;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{grid-template-columns:420px 1fr;height:100%;display:grid}.app.drag-over .viewport{outline:3px dashed var(--accent);outline-offset:-12px}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:16px 18px 32px;overflow-y:auto}.sidebar header h1{margin:0;font-size:20px}.part-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.part-tile{text-transform:none;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:8px 6px 7px;font-size:12px;display:flex}.part-tile img,.part-thumb-fallback{object-fit:contain;pointer-events:none;width:100%;height:64px;display:block}.part-thumb-fallback{background:#ffffff0a;border-radius:4px}.part-tile.active{color:var(--text);border-color:var(--accent);background:#3a4150}.swatch-grid{grid-template-columns:repeat(auto-fill,22px);gap:5px;display:grid}.swatch{border-radius:4px;width:22px;height:22px;padding:0}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.icon-row{gap:4px;display:flex}.icon-btn{flex:1;justify-content:center;align-items:center;padding:8px 0;display:inline-flex}.icon-btn svg{display:block}section{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:18px;padding-top:14px;display:flex}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 2px;font-size:12px}p{margin:0}.muted,.hint{color:var(--muted);font-size:12px}.error{color:#ff7b72}button,.file-button,select,input:not([type]),input[type=text]{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}button,.file-button{cursor:pointer;text-transform:none}button:hover,.file-button:hover{border-color:#4b5262}button.active{border-color:var(--accent);background:#3a4150}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);text-transform:none;padding:9px 12px;font-weight:600}button.primary:disabled{opacity:.45;cursor:default}.file-button{text-align:center}.file-button input{display:none}.surface-editor canvas{width:100%;box-shadow:0 0 0 1px var(--border);touch-action:none;border-radius:4px;display:block}.surface-editor canvas:active{cursor:grabbing!important}.surface-editor .hint{margin-top:4px}.segmented{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.row{flex-wrap:wrap;gap:4px;display:flex}.row button{text-transform:none;flex:1}.slider{grid-template-columns:1fr 48px;align-items:center;gap:8px;display:grid}.slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.slider input{accent-color:var(--accent)}.field{grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.field input,.field select{width:100%;min-width:0}.check{align-items:center;gap:8px;display:flex}.viewport{min-width:0;position:relative}.viewport-hint{color:var(--muted);pointer-events:none;background:#00000059;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}