:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-bg:#050712;--studio-bg-soft:#0b1020;--studio-panel:#0c1226c7;--studio-panel-strong:#121a36e6;--studio-border:#8ea9ff29;--studio-border-active:#55ecff7a;--studio-text:#f4fbff;--studio-text-muted:#9fb0c8;--studio-text-dim:#687996;--studio-cyan:#55ecff;--studio-blue:#8aa1ff;--studio-purple:#8f77ff;--studio-green:#a6ffcb;--studio-orange:#ffbd73;--studio-red:#ff7d9b;--studio-red-deep:#ff4d6d;--studio-difficulty-easy:var(--studio-green);--studio-difficulty-medium:var(--studio-orange);--studio-difficulty-hard:var(--studio-red);--studio-difficulty-extreme:var(--studio-red-deep);--studio-radius-sm:10px;--studio-radius-md:16px;--studio-radius-lg:24px;--studio-shadow-glow:0 0 28px #55ecff2e;--studio-shadow-panel:0 24px 80px #0000006b;--studio-gradient-primary:linear-gradient(135deg, var(--studio-blue), var(--studio-cyan) 58%, var(--studio-purple));--studio-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--studio-surface-hero:radial-gradient(circle at right top, #2ad2ff2e, transparent 40%), linear-gradient(135deg, #0e142bf0, #050914e6);--studio-surface-panel:radial-gradient(circle at 70% 0%, #6ee7ff1a, transparent 34%), var(--studio-panel);--studio-surface-context:linear-gradient(180deg, #141f3ad1, #070c19d1);--studio-surface-section:radial-gradient(circle at right 20%, #6ee7ff1a, transparent 36%), linear-gradient(180deg, #0a1022f0, #050914e6);--studio-surface-chip:#ffffff09;--studio-surface-metric:radial-gradient(circle at 70% 0%, #6ee7ff2e, transparent 42%), linear-gradient(180deg, #162240e6, #0a1022e0);--studio-surface-border-accent:#6ee7ff3d;--studio-surface-border-chip:#6ee7ff21;--studio-surface-border-metric:#6ee7ff47}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 0%, #626fff38, transparent 34%), radial-gradient(circle at 84% 18%, #00e0ff24, transparent 32%), var(--studio-bg);min-width:1180px;color:var(--studio-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#55ecff4d}.studio-button{background:var(--studio-gradient-primary);color:#04111e;box-shadow:var(--studio-shadow-glow);cursor:pointer;border:1px solid #0000;border-radius:13px;padding:10px 14px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s,border-color .18s,background .18s}.studio-button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 22px #6ee7ff29}.studio-button:disabled{cursor:not-allowed}.studio-button.secondary{border-color:var(--studio-border);color:var(--studio-text);box-shadow:none;background:#ffffff0b}.studio-button.secondary:not(:disabled):hover{box-shadow:none;background:#6ee7ff14;border-color:#6ee7ff6b}.studio-grid{gap:16px;display:grid}.studio-muted{color:var(--studio-text-muted)}.studio-mono{font-family:var(--studio-font-mono)}.studio-input{border:1px solid var(--studio-border);width:100%;min-height:46px;color:var(--studio-text);background:#040810f0;border-radius:12px;padding:0 14px}.studio-input::placeholder{color:#e3f2ff5c}.studio-input:focus{border-color:#6ee7ff8f;outline:none;box-shadow:0 0 0 3px #6ee7ff1f}.studio-select{appearance:auto;padding-right:14px}.studio-select.is-placeholder{color:#e3f2ff5c}.studio-select option{color:var(--studio-text);background:#040810fa}.studio-textarea{border:1px solid var(--studio-border);width:100%;min-height:160px;color:var(--studio-text);resize:vertical;background:#040810f0;border-radius:16px;padding:14px 16px;line-height:1.7}.studio-textarea:focus{border-color:#6ee7ff8f;outline:none;box-shadow:0 0 0 3px #6ee7ff1f}.studio-surface-hero{border:1px solid var(--studio-border);background:var(--studio-surface-hero);border-radius:24px}.studio-surface-panel{background:var(--studio-surface-panel)}.studio-surface-context{border:1px solid var(--studio-surface-border-accent);background:var(--studio-surface-context);border-radius:18px}.studio-surface-section{background:var(--studio-surface-section)}.studio-surface-chip{border:1px solid var(--studio-surface-border-chip);background:var(--studio-surface-chip);border-radius:15px}.studio-surface-metric{border:1px solid var(--studio-surface-border-metric);background:var(--studio-surface-metric);box-shadow:0 0 22px #55ecff1f}.glass-panel.studio-surface-panel{background:var(--studio-surface-panel)!important}.glass-panel.studio-surface-hero{background:var(--studio-surface-hero)!important}.glass-panel.studio-surface-section{background:var(--studio-surface-section)!important}.glass-panel.studio-surface-context{border-color:var(--studio-surface-border-accent)!important;background:var(--studio-surface-context)!important}.glass-panel.studio-surface-metric{border-color:var(--studio-surface-border-metric)!important;background:var(--studio-surface-metric)!important}