@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg:#f8f6f0;--surface:#fff;--surface-2:#f2efea;--border:#e4dfd5;--text:#1a1a1a;--muted:#7a7060;--accent:#1a6bff;--accent-2:#f5c400;--accent-3:#1a6bff;--danger:#e03150;--radius:14px;--mono:"JetBrains Mono", monospace;--sans:"DM Sans", sans-serif;--shadow:0 2px 12px #00000012, 0 1px 3px #0000000d;--shadow-lg:0 8px 40px #0000001a, 0 2px 8px #0000000f}[data-theme=dark]{--bg:#111113;--surface:#1a1a1f;--surface-2:#222228;--border:#2e2e35;--text:#e8e6e1;--muted:#8a8578;--accent:#4a90ff;--accent-2:#f5c400;--accent-3:#4a90ff;--danger:#f04e6a;--shadow:0 2px 12px #0000004d, 0 1px 3px #0003;--shadow-lg:0 8px 40px #0006, 0 2px 8px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);background-image:radial-gradient(70% 50% at 15% 10%,#f5c4002e 0%,#0000 55%),radial-gradient(50% 40% at 85% 90%,#1a6bff1f 0%,#0000 55%),radial-gradient(40% 30% at 80% 5%,#1a6bff12 0%,#0000 40%);min-height:100vh;font-size:15px}a{color:var(--accent);text-decoration:none}h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.7rem;font-weight:600;display:flex}h2:before{content:"";background:var(--accent-2);border-radius:2px;width:16px;height:3px;display:block}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.8rem 0 .8rem;font-size:.72rem;font-weight:600}.muted{color:var(--muted)}.tiny{font-size:.8rem}.stack{gap:.65rem;display:grid}.row{align-items:center;gap:.65rem;display:flex}input,select,textarea{font-family:var(--sans);background:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a6bff1a}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}label{color:var(--muted);gap:.4rem;font-size:.82rem;font-weight:500;display:grid}button{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.72rem 1.25rem;font-size:.88rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}button:not(.ghost):not(.text-btn):not(.danger-btn):not(.playground-tab):not(.console-nav-tab){background:var(--accent);color:#fff}button:not(.ghost):not(.text-btn):not(.danger-btn):not(.playground-tab):not(.console-nav-tab):hover{background:#0055e0;transform:translateY(-1px);box-shadow:0 4px 16px #1a6bff4d}button:not(.ghost):not(.text-btn):not(.danger-btn):not(.playground-tab):not(.console-nav-tab):disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button.ghost{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}button.ghost:hover{background:#ece9e2;border-color:#c8c0b0}button.text-btn{color:var(--muted);background:0 0;padding:.35rem 0;font-size:.82rem;font-weight:500}button.text-btn:hover{color:var(--accent)}button.danger{color:var(--danger)!important}.locked-overlay{min-height:100px;color:var(--muted);background:var(--surface-2);border:1.5px dashed var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;font-size:.88rem;display:flex}.locked-overlay:before{content:"🔒";opacity:.5;font-size:1.3rem}.mobile-only,.brand-mobile{display:none}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4a90ff26}[data-theme=dark] button.ghost{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] button.ghost:hover{background:#2a2a32;border-color:#444}