:root{font-family:Inter,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f6f7fb;--panel: #ffffff;--panel-border: #e3e7f0;--panel-shadow: 0 24px 60px rgba(15, 23, 42, .12);--text: #0f172a;--text-subdued: #5b6072;--accent: #6366f1;--accent-muted: rgba(99, 102, 241, .16);--danger: #e5485d;--status-bg: #0f172a;--status-text: #f8fafc;--editor-bg: #fefefe}:root[data-theme=dark]{color-scheme:dark;--bg: #050712;--panel: #0f172a;--panel-border: #1e2a46;--panel-shadow: 0 25px 65px rgba(2, 6, 23, .65);--text: #f4f6fb;--text-subdued: #a5b0c9;--accent: #a5b4ff;--accent-muted: rgba(165, 180, 255, .2);--danger: #ff7a92;--status-bg: #020617;--status-text: #e2e8f0;--editor-bg: #0c152c}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.12),transparent 45%),radial-gradient(circle at 80% 0%,rgba(236,72,153,.08),transparent 45%),var(--bg);color:var(--text)}#app{margin:0 auto;padding:clamp(1.5rem,3vw,3.25rem);width:min(1500px,calc(100vw - clamp(2rem,6vw,6rem)));display:flex;flex-direction:column;gap:1.5rem}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem;border-radius:1rem;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.hero-text{max-width:42rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--accent);margin:0 0 .5rem}h1{margin:0;font-size:clamp(2rem,4vw,2.75rem)}.subtitle{margin:.4rem 0 0;color:var(--text-subdued)}.hero-controls{display:flex;gap:.75rem;align-items:center}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-subdued)}.field select{border:1px solid var(--panel-border);background:transparent;color:var(--text);padding:.4rem .75rem;border-radius:.5rem;font-size:.95rem}.field--toggle{position:relative;padding-left:2.5rem}.field--toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-visual{position:absolute;left:0;top:.15rem;width:2rem;height:1rem;border-radius:999px;background:var(--panel-border);display:inline-flex;align-items:center;padding:.15rem;transition:background .2s}.toggle-visual:after{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--text);transition:transform .2s}.field--toggle input:checked+.toggle-visual{background:var(--accent-muted)}.field--toggle input:checked+.toggle-visual:after{transform:translate(1rem)}.workspace{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.pane{background:var(--panel);border:1px solid var(--panel-border);border-radius:1rem;padding:1.25rem;box-shadow:var(--panel-shadow);display:flex;flex-direction:column;gap:.75rem}.pane-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pane-title{margin:0;font-weight:600}.pane-help{margin:.3rem 0 0;font-size:.85rem;color:var(--text-subdued)}.editor-shell{display:flex;flex-direction:column;gap:.4rem}.editor{width:100%;min-height:320px;border:1px solid rgba(15,23,42,.08);border-radius:1rem;overflow:hidden;background:var(--editor-bg);box-shadow:inset 0 0 0 1px #0f172a0a,0 18px 45px #0f172a14}:root[data-theme=dark] .editor{border-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 45px #020617a6}.editor.ace_editor{background:transparent;border:none;box-shadow:none}.editor .ace_gutter{background:transparent;color:var(--text-subdued)}.editor .ace_scroller,.ace_editor,.ace_editor *{font-family:Consolas,Menlo,Monaco,Courier New,monospace!important;font-size:14px!important;font-weight:400!important;line-height:normal!important;background:transparent}.ace-github{background:#fff!important;color:#212121!important}.ace-github .ace_gutter{background:#fff!important;color:#999!important}.ace-github .ace_cursor{color:#000!important}.ace-github .ace_marker-layer .ace_selection{background:#b5d5ff!important}.ace-github .ace_marker-layer .ace_active-line{background:#0000000a!important}.ace-github .ace_string,.ace-github .ace_string.ace_regexp{color:green!important}.ace-github .ace_constant.ace_numeric{color:#c41a16!important}.ace-github .ace_constant.ace_boolean,.ace-github .ace_constant.ace_language{color:#f90!important;font-weight:600}.ace-github .ace_keyword.ace_operator,.ace-github .ace_punctuation{color:#000!important}.ace-github .ace_identifier,.ace-github .ace_variable,.ace-github .ace_key{color:#000!important;font-weight:400}.ace-github .ace_identifier.ace_constant{color:#f90!important}.editor-hint{margin:0;font-size:.8rem;color:var(--text-subdued)}.pane-actions{display:flex;gap:.5rem}.ghost{border:1px solid var(--panel-border);background:transparent;color:var(--text);padding:.35rem .85rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:border .15s,color .15s,background .15s}.ghost:hover:not(:disabled),.ghost:focus-visible:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost:disabled{opacity:.4;cursor:not-allowed}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:1rem;background:var(--status-bg);color:var(--status-text);flex-wrap:wrap;gap:.75rem}.status-text{margin:0;font-weight:600}.status-subtext{margin:.1rem 0 0;color:#f8fafccc;font-size:.85rem}.status-actions{display:flex;gap:.6rem;align-items:center;font-size:.85rem}kbd{background:#f8fafc1f;border-radius:.35rem;padding:.2rem .4rem;border:1px solid rgba(248,250,252,.4);font-size:.85rem}.status-text[data-state=error]{color:var(--danger)}@media(max-width:768px){.hero{flex-direction:column}.editor{min-height:220px}.pane-actions{width:100%;justify-content:flex-end}.status-bar{flex-direction:column;align-items:flex-start}}