:root{--bg:#1d1f24;--panel:#2a2d34;--line:#3b3f48;--text:#f0f1f3;--muted:#a2a7b2;--accent:#6aa8ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#loading{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin:0;padding:6px 12px;position:fixed;top:16px;right:16px}#loading[hidden]{display:none}#panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:220px;max-height:calc(100% - 32px);padding:14px;position:fixed;top:16px;left:16px;overflow:auto}#panel h2{color:var(--muted);margin:12px 0 6px;font-size:12px;font-weight:600}#panel h2:first-child{margin-top:0}.row{flex-wrap:wrap;gap:6px;display:flex}button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent)}button.swatch{border-radius:50%;width:28px;height:28px;padding:0}button.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.slider{color:var(--muted);gap:2px;margin-top:10px;font-size:12px;font-weight:600;display:grid}.slider input{width:100%;accent-color:var(--accent)}#save{background:var(--accent);color:#0d1524;border:0;width:100%;margin-top:16px;padding:10px;font-weight:600;display:block}#save:disabled{opacity:.7;cursor:progress}@media (max-width:640px){#stage{height:58%}#panel{border-radius:16px 16px 0 0;width:100%;height:42%;max-height:42%;padding:14px 16px;top:auto;bottom:0;left:0}button{padding:8px 12px}}