:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1d22;--panel:#24262d;--border:#34363f;--text:#e8e9ec;--muted:#9a9da6;--accent:#4f8dfd;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#layout{grid-template:"topbar topbar"56px"sidebar viewport"1fr/320px 1fr;height:100vh;display:grid}#topbar{border-bottom:1px solid var(--border);grid-area:topbar;align-items:baseline;gap:10px;padding:0 16px;display:flex}#topbar .brand{font-size:18px;font-weight:700}#topbar .tagline{color:var(--muted);font-size:13px}#sidebar{border-right:1px solid var(--border);background:var(--panel);grid-area:sidebar;padding:16px;overflow-y:auto}#viewport{grid-area:viewport;position:relative}#canvas-host{position:absolute;inset:0}#canvas-host canvas{width:100%;height:100%;display:block}#status{background:#0000008c;border-radius:8px;padding:6px 12px;font-size:13px;position:absolute;bottom:12px;left:12px}.field{margin-bottom:16px}.field label{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.field input[type=range]{width:100%}.field select,.field input[type=file]{width:100%;color:var(--text);border:1px solid var(--border);background:#1a1c21;border-radius:6px;padding:6px 8px}.samples{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.samples button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#1a1c21;border-radius:6px;padding:6px 10px;font-size:12px}.samples button:hover{border-color:var(--accent)}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-weight:600}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 8px;font-size:11px}.palette{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.swatch{border:1px solid #ffffff40;border-radius:5px;width:22px;height:22px}