:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #20243a;--border: #2e3248;--accent: #6c8ef5;--accent-dim: #3d5adc;--accent-pale: rgba(108, 142, 245, .12);--text: #e4e7f0;--text-muted: #8891b0;--text-faint: #555e7a;--code-bg: #161926;--code-border: #252a40;--green: #4ec9a0;--yellow: #e9c46a;--purple: #c084fc;--radius: 8px;--header-h: 72px;--footer-h: 40px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Menlo", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app__header{flex:0 0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);overflow:hidden}.header__left{display:flex;flex-direction:column;gap:2px;min-width:0}.header__back{font-size:11px;color:var(--text-muted);text-decoration:none;letter-spacing:.02em;transition:color .15s}.header__back:hover{color:var(--accent)}.header__title{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__subtitle{font-size:11px;color:var(--text-muted);white-space:nowrap}.header__pipeline{display:flex;align-items:center;gap:6px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:11px;font-family:var(--font-mono)}.pipeline__step{padding:2px 7px;border-radius:4px;font-weight:500}.pipeline__step--input{background:#1e2d1e;color:var(--green)}.pipeline__step--fn{background:#1e1e30;color:var(--accent)}.pipeline__step--ast{background:#2a1e30;color:var(--purple)}.pipeline__step--output{background:#2a261e;color:var(--yellow)}.pipeline__arrow{color:var(--text-faint);font-size:12px}.editor-layout{flex:1 1 auto;display:flex;overflow:hidden}.pane{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pane__label{flex:0 0 auto;padding:6px 16px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:var(--surface);border-bottom:1px solid var(--border)}.pane--editor .pane__label{border-right:1px solid var(--border)}.editor{flex:1 1 auto;padding:20px;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.7;border:none;outline:none;resize:none;overflow-y:auto;-moz-tab-size:2;tab-size:2;border-right:1px solid var(--border);caret-color:var(--accent)}.editor::selection{background:#6c8ef540}.pane-divider{flex:0 0 0px}.preview{flex:1 1 auto;padding:24px 32px;background:var(--bg);overflow-y:auto;color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.75}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:1.5em;margin-bottom:.5em;color:var(--text)}.preview h1{font-size:1.9em}.preview h2{font-size:1.45em;border-bottom:1px solid var(--border);padding-bottom:.25em}.preview h3{font-size:1.2em}.preview h4{font-size:1em}.preview h5{font-size:.9em;color:var(--text-muted)}.preview h6{font-size:.85em;color:var(--text-muted)}.preview h1:first-child,.preview h2:first-child{margin-top:0}.preview p{margin-bottom:1em}.preview a{color:var(--accent);text-decoration:none}.preview a:hover{text-decoration:underline}.preview strong{font-weight:700;color:var(--text)}.preview em{font-style:italic;color:var(--text-muted)}.preview code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:.15em .4em;color:#e0a07a}.preview pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;margin-bottom:1em}.preview pre code{background:none;border:none;padding:0;font-size:13px;color:var(--text);line-height:1.65}.preview blockquote{border-left:3px solid var(--accent-dim);background:var(--accent-pale);margin:0 0 1em;padding:10px 16px;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);font-style:italic}.preview blockquote p:last-child{margin-bottom:0}.preview ul,.preview ol{padding-left:1.5em;margin-bottom:1em}.preview li{margin-bottom:.25em}.preview li>ul,.preview li>ol{margin-top:.25em;margin-bottom:.25em}.preview hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.preview img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.app__footer{flex:0 0 auto;height:var(--footer-h);display:flex;align-items:center;gap:8px;padding:0 20px;background:var(--surface);border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.stat__value{color:var(--text);font-variant-numeric:tabular-nums}.stat__label{color:var(--text-muted)}.stat__sep{color:var(--text-faint);-webkit-user-select:none;user-select:none}.stat--lib{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.editor::-webkit-scrollbar,.preview::-webkit-scrollbar{width:6px}.editor::-webkit-scrollbar-track,.preview::-webkit-scrollbar-track{background:transparent}.editor::-webkit-scrollbar-thumb,.preview::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.editor::-webkit-scrollbar-thumb:hover,.preview::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media(max-width:640px){.app__header{flex-direction:column;height:auto;padding:12px 16px;align-items:flex-start;gap:8px}.header__pipeline{display:none}.editor-layout{flex-direction:column}.pane{flex:0 0 50vh}.editor{border-right:none;border-bottom:1px solid var(--border)}}