:root{--bg:#f6f8fa;--surface:#fff;--border:#d0d7de;--text:#1f2328;--muted:#59636e;--accent:#0969da;--ok-bg:#dafbe1;--ok-fg:#116329;--bad-bg:#ffebe9;--bad-fg:#a40e26;--busy-bg:#fff8c5;--busy-fg:#7d4e00;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{flex-direction:column;height:100vh;min-height:0;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.app-header h1{margin:0;font-size:18px}.header-nav{flex:none;align-items:center;gap:8px;display:flex}.menu{position:relative}.menu-list{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:210px;max-width:calc(100vw - 32px);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #1f232826}.menu-list--start{left:0;right:auto}.menu-list button{text-align:left;background:0 0;border-color:#0000;width:100%;display:block}.menu-list button:hover{background:var(--bg)}.actionbar{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"run file example status";align-items:center;gap:8px 16px;padding:8px 16px;display:grid}.actionbar-run,.actionbar-file,.actionbar-example{align-items:center;gap:6px;min-width:0;display:flex}.actionbar-run{grid-area:run}.actionbar-file{grid-area:file;gap:4px}.actionbar-example{grid-area:example}.actionbar-example select{flex:0 260px;min-width:7em}.actionbar .status{grid-area:status;justify-self:end}.icon-button{align-items:center;gap:6px;display:inline-flex}.icon-button svg{flex:none}.icon-only{min-width:32px;padding:4px 8px;font-weight:600}@media (width<=1279px){.icon-button__label{display:none}.icon-button{padding:4px 8px}}@media (width<=1023px){.actionbar{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"run file status""example example example"}}@media (width<=700px){.actionbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"run run""file status""example example"}.actionbar .status{justify-self:end}}@media (width<=560px){.actionbar-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app-brand{flex:none;align-items:center;line-height:0;display:inline-flex}.app-brand__wordmark{object-fit:contain;width:clamp(185px,18vw,250px);height:auto;display:block}.app-brand__icon{display:none}@media (width<=650px){.app-brand__wordmark{display:none}.app-brand__icon{object-fit:contain;width:36px;height:36px;display:block}}.modified{min-width:4.5em;color:var(--muted);font-size:12px;font-style:italic}button,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:14px}button:disabled{cursor:not-allowed;opacity:.5}button.primary{color:#fff;background:#1f883d;border-color:#1a7f37}button.danger{background:var(--bad-bg);border-color:var(--bad-fg);color:var(--bad-fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkbox{align-items:center;gap:4px;font-size:14px;display:inline-flex}.status{border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.status-ok{background:var(--ok-bg);color:var(--ok-fg)}.status-bad{background:var(--bad-bg);color:var(--bad-fg)}.status-busy,.status-neutral{background:var(--busy-bg);color:var(--busy-fg)}.status-version{font-weight:400}.confirm-bar{background:var(--busy-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.notice{min-height:0;color:var(--muted);margin:0;padding:0 16px;font-size:13px}.notice:not(:empty){padding:4px 16px}.workspace{grid-template-columns:minmax(320px, var(--editor-share,60%)) auto minmax(300px, 1fr);flex:1;min-height:0;display:grid}.panel-divider{cursor:col-resize;touch-action:none;background:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);width:8px}.panel-divider:hover,.panel-divider:focus-visible{background:var(--accent);outline:none}.editor-pane,.results-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-pane{background:var(--surface)}.pane-title{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:4px 12px;font-size:13px;display:flex}.pane-file{font-family:var(--mono)}.pane-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.small-button{padding:2px 8px;font-size:12px}.pane-title .checkbox{font-size:12px}.editor-host{flex:1;min-height:0}.editor-loading{color:var(--muted);margin:0;padding:12px}.tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:2px;padding:4px 8px 0;display:flex;overflow-x:auto}.tabs [role=tab]{background:0 0;border-bottom:none;border-radius:6px 6px 0 0;flex:none;padding:4px 10px}.tabs [role=tab][aria-selected=true]{background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.tabpanel{background:var(--surface);flex:1;min-height:0;overflow:auto}.panel-body{padding:12px}.panel-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.hint{color:var(--muted);font-size:12px}.empty,.note{color:var(--muted);font-size:14px}.output pre,.lp{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 10px;font-size:13px}.entry{border:1px solid var(--border);border-radius:6px;margin-bottom:8px}.entry h3{border-bottom:1px solid var(--border);margin:0;padding:4px 10px;font-size:13px}.entry-stdout{color:#e6edf3;background:#0d1117;border-color:#0d1117}.entry-error h3{background:var(--bad-bg);color:var(--bad-fg)}.entry-info h3{background:var(--bg)}.lp{border:1px solid var(--border);border-radius:6px}table{border-collapse:collapse;font-size:14px}.summary th,.summary td,.variables th,.variables td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:4px 10px}.summary th{color:var(--muted);font-weight:500}.summary td,.variables td{font-family:var(--mono);overflow-wrap:anywhere}.table-title{margin:16px 0 6px;font-size:14px}.table-scroll{border:1px solid var(--border);border-radius:6px;max-height:50vh;overflow:auto}.variables thead th{background:var(--bg);position:sticky;top:0}.inspect-input{width:100%;font-family:var(--mono);resize:vertical;margin:6px 0 8px;padding:6px;font-size:13px;display:block}@media (width<=800px){.app{height:auto;min-height:100vh}.workspace{grid-template-columns:minmax(0,1fr)}.panel-divider{display:none}.editor-pane{border-bottom:1px solid var(--border)}.editor-host{flex:none;height:55vh}.tabpanel{min-height:40vh}}.link-button{color:var(--accent);background:0 0;border-color:#0000;padding:4px 8px}.link-button:hover{text-decoration:underline}.language-switcher{display:inline-flex}.language-switcher button{padding:4px 8px;font-size:13px;font-weight:600}.language-switcher button:first-child{border-radius:6px 0 0 6px}.language-switcher button:last-child{border-left:none;border-radius:0 6px 6px 0}.language-switcher button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.intro{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:6px 16px;font-size:13px;display:flex}.intro h2{margin:0;font-size:14px}.intro-text{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;margin:0;overflow:hidden}.intro-warning{color:var(--busy-fg);white-space:nowrap;flex:none;margin:0 0 0 auto;font-weight:600}.intro-warning__short{display:none}@media (width<=560px){.intro-warning__long{display:none}.intro-warning__short{display:inline}}@media (width<=1279px){.intro-text{display:none}}@media (width<=430px){.intro h2{font-size:12px}}.dialog-backdrop{z-index:100;background:#1f232873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:min(680px,100%);max-height:calc(100vh - 32px);display:flex;box-shadow:0 8px 24px #1f232833}.dialog:focus{outline:none}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.dialog-header h2{flex:1;margin:0;font-size:17px}.dialog-close{background:0 0;border-color:#0000}.dialog-body{padding:4px 16px 12px;font-size:14px;line-height:1.45;overflow:auto}.dialog-body h3{margin:14px 0 4px;font-size:14px}.dialog-body ul,.dialog-body ol{margin:4px 0;padding-left:22px}.dialog-body p,.help-steps li{margin:4px 0}.help-code{font-family:var(--mono);white-space:pre;color:#e6edf3;background:#0d1117;border-radius:6px;margin:4px 0 0;padding:8px 10px;font-size:12px;overflow-x:auto}.dialog-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.result-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0 0 10px;display:grid}.result-card{border:1px solid var(--border);background:var(--bg);border-radius:6px;min-width:0;padding:6px 10px}.result-card dt{color:var(--muted);font-size:12px}.result-card dd{font-family:var(--mono);overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;font-weight:600}.result-optimal .result-card:first-child dd{color:var(--ok-fg)}.result-warning{background:var(--busy-bg);color:var(--busy-fg);border-radius:6px;margin:0 0 10px;padding:6px 10px;font-size:14px}.result-stale{margin-top:0;font-style:italic}.variables-search{min-width:0;font:inherit;border:1px solid var(--border);border-radius:6px;flex:180px;padding:4px 8px;font-size:14px}.variables{width:100%}.sort-button{background:0 0;border:none;padding:0;font-weight:600}.pagination{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.math,.explanation-text{white-space:pre-line}.math{font-family:var(--mono);font-size:13px}.dialog-wide{width:min(900px,100%)}.docs{grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px;display:grid}.docs-nav ul{margin:8px 0 0;padding:0;list-style:none}.docs-nav .link-button{text-align:left;border-radius:6px;width:100%}.docs-nav .link-button[aria-current=page]{background:var(--bg);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.docs-content{min-width:0}@media (width<=650px){.docs{grid-template-columns:minmax(0,1fr);gap:4px}.docs-nav ul{flex-wrap:wrap;gap:2px;display:flex}.docs-nav .link-button{width:auto}}