:root{--bg:#16181d;--panel:#1e2128;--border:#2d313b;--text:#d7dae0;--muted:#8a909c;--accent:#c678dd;--accent-2:#61afef;--good:#98c379;--bad:#e06c75;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit;color:inherit}a{color:var(--accent-2)}.app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}h1{letter-spacing:-.5px;margin:0;font-family:ui-monospace,monospace;font-size:22px}h1 span{color:var(--accent);margin-left:2px}.tagline{color:var(--muted);flex:1;min-width:200px;margin:0;font-size:13px}.toolbar{flex-wrap:wrap;gap:8px;display:flex}button,select,input{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 12px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#111;border:none;font-weight:600}button.icon{padding:6px 10px}main{flex:1;grid-template-columns:1fr minmax(320px,38%);min-height:0;display:grid}.editor{border-right:1px solid var(--border);min-height:0;overflow:hidden}.editor .cm-editor{height:100%;font-size:14px}.editor .cm-scroller{font-family:ui-monospace,JetBrains Mono,Menlo,monospace}.flash-1 .cm-editor,.flash-0 .cm-editor{animation:none}.flash-1 .cm-content,.flash-0 .cm-content{animation:.9s ease-out rewrite}@keyframes rewrite{0%{background:#c678dd40}to{background:0 0}}aside{flex-direction:column;min-height:0;display:flex;overflow:auto}.panel{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}textarea{resize:vertical;background:var(--panel);border:1px solid var(--border);border-radius:6px;min-height:110px;padding:8px;font-family:ui-monospace,monospace;font-size:13px}.note .intent{margin:0;font-weight:500}.note ul{color:var(--text);margin:0;padding-left:18px;font-size:13px}.output{border-bottom:none;flex:1}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,monospace;font-size:13px}.stderr{color:var(--bad)}.muted{color:var(--muted);margin:0;font-size:13px}.small{font-size:12px}.status{color:var(--accent-2);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.spinner{border:2px solid var(--accent-2);border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badges{text-transform:none;letter-spacing:0;align-items:center;gap:8px;display:inline-flex}.badge{color:#111;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.badge.good{background:var(--good)}.badge.bad{background:var(--bad)}.modal-backdrop{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:min(480px,92vw);padding:20px;display:flex}.modal h2{margin:0;font-size:18px}.modal label{flex-direction:column;gap:6px;font-size:13px;display:flex}.row{gap:8px;display:flex}.row input{flex:1}.row.end{justify-content:flex-end}@media (width<=800px){main{grid-template-rows:55vh auto;grid-template-columns:1fr}.editor{border-right:none;border-bottom:1px solid var(--border)}}.editor .cm-changedLine{background:#98c3791f!important}.editor .cm-changedText{background:#98c37959!important}.editor .cm-deletedChunk{background:#e06c7524!important}.editor .cm-deletedChunk del,.editor .cm-deletedText{background:#e06c754d;text-decoration:line-through}.editor .cm-changeGutter{width:3px;padding:0}.editor .cm-changedLineGutter{background:#98c379}.editor .cm-deletedLineGutter{background:#e06c75}.note ul.warnings{color:#e5c07b;margin-top:6px}.note ul.warnings li::marker{content:"⚠ "}