:root{--bg:#1e1f26;--panel:#262833;--panel-2:#2f3240;--border:#3a3d4d;--text:#e8e9f0;--muted:#9a9db0;--accent:#4fc3f7;--accent-2:#ffd54f;--danger:#ef5350;--ok:#69f0ae;--radius:6px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#0b1a22;border-color:#0000;font-weight:600}button.danger{color:var(--danger)}button.active{background:var(--accent);color:#0b1a22;border-color:#0000}button:disabled{opacity:.4;cursor:default}input[type=number]{width:64px}input[type=color]{width:40px;height:26px;padding:0 2px}input:focus,select:focus{border-color:var(--accent);outline:none}canvas{display:block}kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:3px;padding:0 4px;font-size:11px}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);opacity:0;padding:8px 14px;transition:all .25s;transform:translateY(8px);box-shadow:0 4px 16px #0006}.toast.show{opacity:1;transform:none}.toast.error{border-left-color:var(--danger)}.toast.ok{border-left-color:var(--ok)}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:min(420px,92vw);max-width:92vw;max-height:85vh;display:flex;box-shadow:0 10px 40px #000a}.modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.modal .body{padding:12px 16px;overflow:auto}.modal footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}