:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f6f7fa;--raised:#fff;--border:#e3e6ed;--ink:#283244;--muted:#768196;--accent:#6554c0;--green:#22865d;--red:#c84b55;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;font:13px var(--sans);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{grid-template-rows:49px minmax(0,1fr) 25px;min-width:320px;height:100dvh;margin:0;display:grid;overflow:hidden}button,select,textarea{font:inherit}button,select{cursor:pointer}button{transition:background .12s,color .12s}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}button:focus-visible,select:focus-visible,a:focus-visible,pre:focus-visible,.splitter:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.toolbar{border-bottom:1px solid var(--border);background:#f6f7fa;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;display:flex}.brand{color:var(--ink);letter-spacing:-.4px;align-items:center;gap:9px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.brand-icon{font:18px var(--mono);color:#6554c0;letter-spacing:-2px}.language-tag{font:10px var(--mono);color:var(--muted);letter-spacing:0;background:#eceef4;border-radius:4px;margin-left:4px;padding:3px 5px}.toolbar-actions{align-items:center;gap:8px;display:flex}select{border:1px solid var(--border);color:#59677e;background:#fff;border-radius:5px;max-width:174px;height:30px;padding:6px 8px;font-size:11px}.button{height:30px;color:var(--ink);white-space:nowrap;background:#f5f6fa;border:1px solid #dce0e9;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:#e9ecf4}.primary{color:#fff;background:#6554c0;border-color:#6554c0}.primary:hover:not(:disabled){background:#5848ac}.danger{color:#b93c4c;background:#fff0f1;border-color:#f0b6bb}kbd{font:10px var(--mono);opacity:.6;margin-left:10px}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;min-width:28px;height:28px;font-size:20px;display:grid}.icon-button:hover{color:var(--ink);background:#eceef4}.workspace{grid-template-columns:minmax(0,62fr) 5px minmax(0,38fr);min-height:0;padding:0;display:grid;overflow:hidden}.panel{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);background:#f7f8fb;flex:none;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.panel-heading h1,.panel-heading h2{align-items:center;gap:7px;margin:0;font-size:12px;font-weight:500;display:flex}.panel-heading h2>svg{color:var(--muted);width:14px;height:14px}.file-tab{height:36px;padding-right:14px;position:relative}.file-tab:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:-12px;right:0}.file-icon{font:bold 11px var(--mono);color:#6554c0}.subtle{color:var(--muted);font-size:10px}#save-status{color:#768196;font-size:10px}.editor{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%;font:13px/22px var(--mono)}.cm-editor .cm-scroller{font-family:var(--mono)}.cm-editor .cm-content{padding:10px 0}.cm-editor .cm-line{padding:0 10px}.cm-editor .cm-gutters{background:var(--bg);color:#99a1b0;border:none;padding-top:10px}.cm-editor .cm-gutterElement{padding-left:8px;padding-right:6px}.cm-editor .cm-activeLineGutter{color:#677596;background:#edf0f8}.cm-editor .cm-activeLine{background:#f5f6fa}.cm-editor.cm-focused{outline:none}.cm-editor .cm-cursor{border-left-color:#6554c0}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:#6554c035}.cm-editor .cm-content ::selection{background:#6554c035}.cm-editor .cm-matchingBracket{color:#5944b3!important;background:#6554c040!important}.cm-editor .cm-tooltip{color:var(--ink);font:12px var(--sans);background:#fff;border:1px solid #d9deea}.cm-editor .cm-tooltip-autocomplete>ul>li[aria-selected]{color:#5944b3;background:#ede8fc}.cm-editor .cm-panels{color:var(--ink);border-color:var(--border);background:#f7f8fb}.cm-editor .cm-search input{color:var(--ink);background:#f5f6fa;border:1px solid #d4dbe7}.cm-editor .cm-diagnostic-error{border-left-color:var(--red)}.right-column{grid-template-rows:minmax(0,25fr) 5px minmax(0,75fr);min-width:0;min-height:0;display:grid}.splitter{touch-action:none;z-index:2;background:#e9ecf2;position:relative}.splitter:hover,.splitter.dragging,.splitter:focus-visible{background:#aaa0d7}.splitter.vertical{cursor:col-resize}.splitter.horizontal{cursor:row-resize}.splitter.vertical:before{content:"";position:absolute;inset:0 -3px}.splitter.horizontal:before{content:"";position:absolute;inset:-3px 0}.badge{font:10px var(--sans);color:#7d879b;white-space:nowrap;align-items:center;gap:5px;display:flex}.badge:before{content:"";opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px}.badge.success{color:var(--green)}.badge.error{color:var(--red)}.badge.busy{color:#6554c0}.diagnostics-content{min-height:0;font:12px/1.8 var(--mono);flex:1;padding:10px 12px;overflow:auto}.diagnostic-row{align-items:baseline;gap:9px;display:flex}.diagnostic-symbol{color:var(--red);font-size:12px}.error-message{color:#b9404f;overflow-wrap:anywhere;margin:0}.location-link{color:var(--accent);font:11px var(--mono);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.error-source{color:#6d7a91;font:11px/1.7 var(--mono);background:#faf3f4;border-left:2px solid #df8991;margin:8px 0 0;padding:7px 9px;overflow:auto}.success-line{color:var(--green);font:12px var(--mono)}.panel-footer{color:#7d879b;height:24px;font:10px var(--mono);border-top:1px solid #e8ebf1;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:3px 12px;display:flex}.text-button{color:#6554c0;font:10px var(--sans);background:0 0;border:0;padding:0}.text-button:hover{color:#51439d}.io-grid{flex:1;grid-template-rows:minmax(0,40fr) 5px minmax(0,60fr);min-height:0;display:grid}.io-block{flex-direction:column;min-height:0;display:flex;overflow:hidden}.io-block label,.output-label{color:#5d6c84;background:#f9fafc;flex:none;justify-content:space-between;align-items:center;gap:8px;height:28px;padding:0 12px;font-size:11px;display:flex}.io-block label{justify-content:flex-start}.io-block label>span{font:10px var(--mono);color:#8c96a8;margin-left:3px}.output-label .subtle{font:10px var(--mono);color:#8c96a8;margin-left:6px}.io-block textarea{resize:none;color:#334159;width:100%;min-height:0;font:13px/22px var(--mono);tab-size:4;background:#fff;border:0;outline:0;flex:1;padding:8px 12px}.io-block textarea:focus{box-shadow:inset 2px 0 #6554c066}.output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:0;font:13px/22px var(--mono);color:#334159;flex:1;margin:0;padding:8px 12px;overflow:auto}.output.failed{color:var(--red)}.statusbar{border-top:1px solid var(--border);color:#79849a;font:10px var(--sans);white-space:nowrap;background:#f7f8fb;align-items:center;gap:18px;padding:0 12px;display:flex;overflow:hidden}.statusbar-spacer{flex:1}#compiler-status{align-items:center;gap:6px;display:flex}#compiler-status i{background:#6554c0;border-radius:50%;width:5px;height:5px}#compiler-status.ready i{background:var(--green)}#compiler-status.error i{background:var(--red)}dialog{color:var(--ink);background:#f7f8fb;border:1px solid #dce1eb;border-radius:8px;width:min(480px,100% - 24px);max-height:85dvh;padding:18px;overflow:auto;box-shadow:0 20px 80px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25334b55}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{margin:0;font-size:14px;font-weight:600}dialog dl{margin:12px 0 18px;font-size:12px;line-height:1.8}dialog dt{color:#44516a;margin-top:10px;font-weight:500}dialog dd{color:#768196;margin:2px 0 0}dialog>.button{float:right}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#99a3b166;border:2px solid #fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5afbf}::-webkit-scrollbar-corner{background:var(--bg)}@media (width<=700px){body{grid-template-rows:auto minmax(0,1fr) 25px}.toolbar{flex-wrap:wrap;gap:8px;min-height:46px;padding:8px 10px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.brand{gap:6px;font-size:13px}.language-tag{display:none}.button{padding:0 9px}.button kbd{display:none}select{max-width:128px;font-size:10px}.workspace{flex-direction:column;display:flex}.editor-panel,.right-column{flex:1;min-height:32%}#column-split{cursor:row-resize;flex:none;height:5px}#column-split:before{inset:-3px 0}.statusbar{gap:12px}#offline-status{display:none}.panel-heading,.file-tab{height:30px}.diagnostics-content{padding:6px 10px}.cm-editor,.io-block textarea,.output{font-size:12px}}@media (prefers-reduced-motion:reduce){button{transition:none}}#compile-run,#stop{flex:none;width:138px}.badge{justify-content:flex-end;min-width:58px}.panel-footer{white-space:nowrap;overflow:hidden}.panel-footer>span{text-overflow:ellipsis;min-width:0;overflow:hidden}#compiler-status{min-width:84px}@media (width<=700px){#compile-run,#stop{width:94px}}