:root{color:#172019;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111814;--muted:#687169;--paper:#f6f8f2;--line:#d5dad1;--lime:#c7ff4a;--coral:#ff775f;--code:#121915;--code-raised:#19211b;--code-line:#2b342d;--code-muted:#8f9a91;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;background:#111814;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;height:100%;margin:0;overflow:hidden}button,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}code,pre,textarea{font-family:var(--mono)}.app-shell{background:var(--code);grid-template-rows:54px minmax(0,1fr);width:100%;height:100dvh;display:grid}.topbar{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:0 12px;display:grid;position:relative}.brand,.repository-link{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.brand{letter-spacing:-.02em;gap:8px;font-size:.91rem;font-weight:820}.brand small{color:#768078;letter-spacing:0;font-size:.65rem;font-weight:680}.brand-mark{background:var(--ink);border-radius:6px;gap:2px;width:24px;height:24px;padding:5px;display:grid}.brand-mark span{background:var(--lime);height:2px;display:block}.brand-mark span:nth-child(2){width:76%}.brand-mark span:nth-child(3){width:50%}.tool-picker{min-width:0;overflow:hidden}.tool-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;gap:3px;min-width:0;display:flex;overflow-x:auto}.tool-tabs::-webkit-scrollbar{display:none}.tool-tabs button{cursor:pointer;color:#626c64;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;min-height:32px;padding:0 10px;font-size:.7rem;font-weight:700}.tool-tabs button:hover{color:var(--ink);background:#eaeee6}.tool-tabs button[aria-selected=true]{color:var(--ink);background:var(--lime);border-color:#addd3f}.format-control select{max-width:148px;min-height:32px;color:var(--ink);cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 28px 0 9px}.editor-toolbar{justify-content:space-between;align-items:center;display:flex}.mode-badge{color:var(--ink);white-space:nowrap;background:var(--lime);border-radius:999px;padding:3px 7px;font-size:.61rem;font-weight:780}.mode-badge[data-mode=manual]{background:#ffad9e}.file-label{color:#98a49a;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.config-scroll code,.output-scroll code{color:#d9e5da;tab-size:2;white-space:pre;min-width:max-content;font-size:.75rem;line-height:1.65;display:block}.repository-link{border-radius:7px;gap:6px;min-height:32px;padding:0 8px;font-size:.69rem;font-weight:720}.repository-link:hover{background:#e8ece4}.repository-link svg{fill:currentColor;width:17px;height:17px}.editor-grid{background:var(--code);grid-template-rows:minmax(0,3fr) minmax(0,2fr);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;display:grid}.editor-panel{background:var(--code);grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.input-panel{grid-area:1/1}.config-panel{border-top:1px solid var(--code-line);grid-area:2/1}.output-panel{border-left:1px solid var(--code-line);grid-area:1/2/-1}.editor-toolbar{min-width:0;color:var(--code-muted);background:var(--code-raised);border-bottom:1px solid var(--code-line);gap:12px;padding:0 10px 0 14px}.editor-title,.toolbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.editor-title h1,.editor-title h2{color:#eef4ee;margin:0;font-size:.75rem;font-weight:760}.editor-title small,.engine-status{color:#778279;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.language-control{display:inline-flex}.language-control select{color:#dce5dd;cursor:pointer;background:#253029;border:1px solid #354138;border-radius:6px;max-width:124px;min-height:26px;padding:0 24px 0 7px;font-size:.64rem;font-weight:700}.language-control select:hover{border-color:#536156}.file-dot{background:var(--lime);border-radius:2px;width:8px;height:8px}.output-panel .file-dot{background:#7fc9ff}.config-panel .file-dot{background:var(--coral)}.toolbar-button{cursor:pointer;color:#c5cfc7;background:#253029;border:1px solid #354138;border-radius:6px;min-height:28px;padding:0 9px;font-size:.64rem;font-weight:740}.toolbar-button:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.compile-status{white-space:nowrap;align-items:center;gap:6px;margin:0;display:inline-flex}.compile-status span{background:#68736a;border-radius:50%;width:7px;height:7px}.compile-status strong{color:#aab5ac;font-size:.64rem;font-weight:690}.compile-status[data-state=success] span{background:var(--lime);box-shadow:0 0 0 3px #c7ff4a1a}.compile-status[data-state=error] span{background:var(--coral)}.compile-status[data-state=compiling] span{background:#f4ca63;animation:.9s ease-in-out infinite alternate pulse}.editor-host{background:var(--code);min-width:0;min-height:0;position:relative;overflow:hidden}.editor-fallback,.monaco-surface{width:100%;height:100%;position:absolute;inset:0}.editor-fallback{color:#d8e4d8;font-family:var(--mono);white-space:pre;background:linear-gradient(90deg, #101713 0 52px, #263029 52px 53px, transparent 53px), var(--code);tab-size:2;border:0;outline:none;margin:0;padding:18px 22px;font-size:.79rem;line-height:1.7;overflow:auto}textarea.editor-fallback{resize:none}.monaco-surface{visibility:hidden}.editor-host[data-editor-state=ready] .monaco-surface{visibility:visible}.editor-host[data-editor-state=failed]{box-shadow:inset 0 0 0 1px #ff775f6b}.output-panel[data-state=error] .output-scroll code,.output-panel[data-state=error] .output-scroll code *{color:#ffad9e!important}.output-panel[data-state=compiling] .editor-host{opacity:.82}.editor-fallback::selection{color:var(--ink);background:var(--lime)}.editor-fallback ::selection{color:var(--ink);background:var(--lime)}.config-scroll code::selection{color:var(--ink);background:var(--lime)}.config-scroll code ::selection{color:var(--ink);background:var(--lime)}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%{opacity:.45}to{opacity:1}}@media (max-width:1050px){.brand small,#input-file,.repository-link span,#output-meta{display:none}}@media (max-width:860px){.app-shell{grid-template-rows:96px minmax(0,1fr)}.topbar{grid-template-rows:53px 42px;grid-template-columns:auto minmax(0,1fr) auto;row-gap:0}.brand{grid-area:1/1}.format-control{grid-area:1/2;justify-self:end}.repository-link{grid-area:1/3}.tool-picker{border-top:1px solid var(--line);grid-area:2/1/auto/-1;align-self:stretch;padding-top:4px}.tool-tabs button{min-height:32px}}@media (max-width:720px){html,body{height:auto;overflow:auto}.app-shell{grid-template-rows:auto auto;height:auto;min-height:100dvh}.topbar{min-height:96px;position:sticky;top:0}.editor-grid{grid-template-rows:minmax(430px,52dvh) minmax(300px,38dvh) minmax(430px,52dvh);grid-template-columns:minmax(0,1fr)}.input-panel{grid-area:1/1}.config-panel{grid-area:2/1}.output-panel{border-top:1px solid var(--code-line);border-left:0;grid-area:3/1}}@media (max-width:460px){.topbar{gap:6px;padding:0 8px}.brand{gap:6px}.brand-mark{width:22px;height:22px}.format-control select{max-width:116px;font-size:.68rem}.tool-tabs button{padding:0 8px;font-size:.66rem}.engine-status,.editor-title small{display:none}}@media (prefers-reduced-motion:reduce){.compile-status[data-state=compiling] span{animation:none}}@media (forced-colors:active){.brand-mark,.file-dot,.compile-status span{forced-color-adjust:none}}