:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0b0e12;--bg-editor:#10151c;--bg-toolbar:#0e1319;--bg-panel:#141a22;--bg-control:#1a212b;--control-hover-bg:#212a35;--control-hover-border:#33404f;--border:#232c37;--text:#d7dee7;--muted:#8b97a6;--muted-2:#5c6879;--accent:#4cc2a9;--accent-strong:#5fd6bd;--on-accent:#06251f;--accent-soft:#4cc2a91a;--accent-border:#4cc2a973;--accent-faint:#4cc2a938;--danger:#f7768e;--danger-bg:#f7768e26;--danger-border:#f7768e8c;--warn:#e0af68;--warn-bg:#e0af6826;--ph-bg:#e0af6824;--ph-border:#e0af688c;--backdrop:#0406099e;--shadow:0 18px 48px #00000080;--sel:#7aa2f747;--active-line:#7aa2f712;--active-line-gutter:#7aa2f71f;--search:#e0af6847;--search-active:#e0af688c;--bracket-bg:#8fb1ff2e;--bracket-border:#8fb1ff73;--switch-checked:#4cc2a959;--info-bg:#1a56b0;--info-bg-soft:#7aa2f726;--ok:#9ece6a;--ok-bg:#9ece6a26;--visual:#bb9af7;--visual-bg:#bb9af726;--syn-keyword:#7aa2f7;--syn-control:#bb9af7;--syn-string:#9ece6a;--syn-number:#ff9e64;--syn-comment:#5f6b85;--syn-variable:#d7dee7;--syn-func:#7dcfff;--syn-operator:#89ddff;--syn-def:#e0af68;--syn-tag:#bb9af7;--syn-attr:#73daca;--syn-meta:#a9b1d6;--syn-link:#7dcfff;--syn-heading:#e0af68;--syn-invalid:#f7768e;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--editor-font-size:14px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f2f5f7;--bg-editor:#fff;--bg-toolbar:#eaeef2;--bg-panel:#fff;--bg-control:#e2e8ee;--control-hover-bg:#d7dfe7;--control-hover-border:#b6c3cf;--border:#ccd6df;--text:#1e2833;--muted:#55636f;--muted-2:#8794a0;--accent:#0e8a74;--accent-strong:#0a7260;--on-accent:#fff;--accent-soft:#0e8a741a;--accent-border:#0e8a7466;--accent-faint:#0e8a7447;--danger:#c5304b;--danger-bg:#c5304b1a;--danger-border:#c5304b80;--warn:#9a6700;--warn-bg:#9a67001f;--ph-bg:#9a67001f;--ph-border:#9a670080;--backdrop:#0f172073;--shadow:0 18px 48px #1724312e;--sel:#1a56b038;--active-line:#1a56b00f;--active-line-gutter:#1a56b01a;--search:#9a670033;--search-active:#9a670061;--bracket-bg:#1a56b01f;--bracket-border:#1a56b066;--switch-checked:#0e8a7459;--info-bg:#1a56b0;--info-bg-soft:#1a56b01f;--ok:#2e7d32;--ok-bg:#2e7d321f;--visual:#7c3aad;--visual-bg:#7c3aad1f;--syn-keyword:#1a56b0;--syn-control:#7c3aad;--syn-string:#2e7d32;--syn-number:#b45309;--syn-comment:#9099a4;--syn-variable:#1e2833;--syn-func:#0e7490;--syn-operator:#0e7490;--syn-def:#9a6700;--syn-tag:#7c3aad;--syn-attr:#0e8a74;--syn-meta:#55636f;--syn-link:#0e7490;--syn-heading:#9a6700;--syn-invalid:#c5304b}[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#000;--bg-editor:#000;--bg-toolbar:#0a0a0a;--bg-panel:#0d0d0d;--bg-control:#161616;--control-hover-bg:#222;--control-hover-border:#6a6a6a;--border:#5a5a5a;--text:#fff;--muted:#c9cfd6;--muted-2:#9aa3ad;--accent:#00e6a8;--accent-strong:#4dffd8;--on-accent:#001b12;--accent-soft:#00e6a824;--accent-border:#00e6a899;--accent-faint:#00e6a859;--danger:#ff8aa0;--danger-bg:#ff8aa02e;--danger-border:#ff8aa0;--warn:#ffd166;--warn-bg:#ffd1662e;--ph-bg:#ffd16633;--ph-border:#ffd166;--backdrop:#000000bf;--shadow:0 18px 48px #000c;--sel:#00e6a859;--active-line:#ffffff14;--active-line-gutter:#ffffff24;--search:#ffd16659;--search-active:#ffd16699;--bracket-bg:#ffffff26;--bracket-border:#ffffff80;--switch-checked:#00e6a873;--info-bg:#8ab4ff;--info-bg-soft:#8ab4ff38;--ok:#7dffa8;--ok-bg:#7dfaa833;--visual:#d0a5ff;--visual-bg:#d0a5ff38;--syn-keyword:#8ab4ff;--syn-control:#d0a5ff;--syn-string:#7dffa8;--syn-number:#ffb86b;--syn-comment:#9aa3ad;--syn-variable:#fff;--syn-func:#6ee7ff;--syn-operator:#6ee7ff;--syn-def:#ffd166;--syn-tag:#d0a5ff;--syn-attr:#4dffd8;--syn-meta:#c9cfd6;--syn-link:#6ee7ff;--syn-heading:#ffd166;--syn-invalid:#ff8aa0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text);font-family:var(--font-ui);margin:0;font-size:14px}.app{flex-direction:column;height:100dvh;display:flex}.spacer{flex:1}button,select,input{font-family:inherit}button:focus-visible,select:focus-visible,input:focus-visible,[role=switch]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.brand{align-items:center;gap:7px;margin-right:4px;display:inline-flex}.brand-mark{font-family:var(--font-mono);color:var(--on-accent);background:var(--accent);letter-spacing:-1px;border-radius:5px;padding:3px 6px;font-size:12px;font-weight:700}.brand-name{letter-spacing:.2px;font-weight:650}.lang-wrap{align-items:center;gap:6px;display:inline-flex}.select{background:var(--bg-control);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:13px}.lang-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px}.lang-badge.auto{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.lang-badge.manual{color:var(--warn);border-color:var(--warn-bg);background:var(--warn-bg)}.vim-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.vim-toggle input[role=switch]{appearance:none;background:var(--bg-control);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:34px;height:19px;margin:0;transition:background .15s;position:relative}.vim-toggle input[role=switch]:before{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.vim-toggle input[role=switch]:checked{background:var(--switch-checked);border-color:var(--accent)}.vim-toggle input[role=switch]:checked:before{background:var(--accent-strong);transform:translate(15px)}.vim-toggle:has(input:checked){color:var(--text)}.ph-nav{align-items:center;gap:5px;display:inline-flex}.ph-count{color:var(--muted);border:1px solid var(--border);background:var(--bg-control);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12.5px}.btn{border:1px solid var(--border);background:var(--bg-control);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:13px;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--control-hover-border);background:var(--control-hover-bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:0 0}.btn.icon{padding:5px 9px;line-height:1}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger);font-weight:600}.hint{color:var(--muted);background:var(--accent-soft);border-bottom:1px solid var(--accent-faint);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.hint kbd{font-family:var(--font-mono);color:var(--accent-strong);background:var(--bg-control);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}.hint-close{padding:2px 8px}.settings-section{margin-bottom:6px}.settings-section h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted-2);margin:14px 0 8px;font-size:12px}.mode-options{flex-direction:column;gap:8px;display:flex}.mode-option{border:1px solid var(--border);cursor:pointer;background:var(--bg-control);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .12s;display:flex}.mode-option:hover{border-color:var(--control-hover-border)}.mode-option.active{border-color:var(--accent);background:var(--accent-soft)}.mode-option input[type=radio]{accent-color:var(--accent);margin:3px 0 0}.mode-option-text{flex-direction:column;gap:2px;display:flex}.mode-option-label{font-size:13.5px;font-weight:600}.mode-option-desc{color:var(--muted);font-size:12px}.font-size-row{align-items:center;gap:12px;display:flex}.font-size-row input[type=range]{accent-color:var(--accent);flex:1}.font-size-value{font-family:var(--font-mono);color:var(--text);text-align:right;min-width:4em;font-size:13px}.update-banner{color:var(--warn);background:var(--warn-bg);border-bottom:1px solid var(--warn);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.app-body{flex:1;min-height:0;display:flex}.editor-area{flex:1;min-width:0;min-height:0;display:flex}.editor-host{flex:1;min-width:0;overflow:hidden}.statusbar{color:var(--muted);background:var(--bg-toolbar);border-top:1px solid var(--border);font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:14px;padding:5px 12px;display:flex}.mode-badge{letter-spacing:.6px;border-radius:4px;padding:2px 9px;font-size:11px;font-weight:700}.mode-normal{color:var(--info-bg);background:var(--info-bg-soft)}.mode-insert{color:var(--ok);background:var(--ok-bg)}.mode-visual{color:var(--visual);background:var(--visual-bg)}.mode-command{color:var(--warn);background:var(--warn-bg)}.mode-replace{color:var(--danger);background:var(--danger-bg)}.mode-emacs{color:var(--accent);background:var(--accent-soft)}.mode-off{color:var(--muted-2);background:var(--bg-control)}.privacy{color:var(--accent)}.dialog-backdrop{background:var(--backdrop);z-index:50;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:600px;max-height:84vh;box-shadow:var(--shadow);border-radius:10px;overflow:auto}.dialog-header{border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.dialog-title{margin:0;font-size:15px}.dialog-body{padding:6px 16px 16px}.help-section h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted-2);margin:14px 0 6px;font-size:12px}.help-row{align-items:baseline;gap:10px;padding:3px 0;font-size:13px;display:flex}.help-row kbd{font-family:var(--font-mono);color:var(--accent-strong);background:var(--bg-control);border:1px solid var(--border);white-space:nowrap;text-align:center;border-radius:4px;min-width:9em;padding:1px 7px;font-size:12px}.help-flow{font-family:var(--font-mono);color:var(--accent-strong);margin:8px 0;font-size:13px}.help-note{color:var(--muted);margin:8px 0 4px;font-size:12.5px;line-height:1.7}.toast{background:var(--bg-panel);border:1px solid var(--accent);color:var(--text);z-index:60;box-shadow:var(--shadow);border-radius:8px;padding:9px 16px;font-size:13px;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.toast.err{border-color:var(--danger)}.toast.info{border-color:var(--border);color:var(--muted)}.history-panel{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.history-panel.docked{flex:0 0 300px;width:300px}.history-backdrop{background:var(--backdrop);z-index:40;position:fixed;inset:0}.history-panel.drawer{width:min(330px,88vw);box-shadow:var(--shadow);z-index:41;animation:.16s history-slide-in;position:fixed;top:0;bottom:0;left:0}@keyframes history-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.history-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 12px 11px 14px;display:flex}.history-title{flex:1;margin:0;font-size:14.5px}.history-count{color:var(--muted-2);font-size:12px;font-family:var(--font-mono)}.history-actions{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.switch input[role=switch]{appearance:none;background:var(--bg-control);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:34px;height:19px;margin:0;transition:background .15s;position:relative}.switch input[role=switch]:before{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch input[role=switch]:checked{background:var(--switch-checked);border-color:var(--accent)}.switch input[role=switch]:checked:before{background:var(--accent-strong);transform:translate(15px)}.switch:has(input:checked){color:var(--text)}.history-search-wrap{padding:9px 12px 4px}.history-search{background:var(--bg-control);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px}.history-search::placeholder{color:var(--muted-2)}.history-list{flex:1;min-height:0;margin:0;padding:2px 8px 10px;list-style:none;overflow-y:auto}.history-group{text-transform:uppercase;letter-spacing:1px;color:var(--muted-2);-webkit-user-select:none;user-select:none;padding:12px 6px 4px;font-size:11px}.history-row{border-radius:8px;align-items:stretch;display:flex}.history-row:hover,.history-row.active{background:var(--accent-soft)}.history-row.active .history-item-title{color:var(--accent-strong)}.history-item{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px 0 0 8px;flex:1;padding:7px 2px 7px 7px;font-family:inherit;display:block}.history-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.45;display:block;overflow:hidden}.history-item-meta{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;display:block;overflow:hidden}.history-item-delete{opacity:0;align-self:center;margin-right:4px;padding:2px 8px}.history-row:hover .history-item-delete,.history-item-delete:focus-visible{opacity:1}@media (hover:none){.history-item-delete{opacity:1}}.history-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:28px 16px;font-size:13px;line-height:1.9;display:flex}.history-footer{border-top:1px solid var(--border);color:var(--muted-2);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:11.5px;display:flex}@media (width<=640px){.toolbar{gap:6px;padding:6px 8px}.brand-name{display:none}.select{max-width:130px}.ph-count{padding:4px 6px;font-size:11.5px}.btn{padding:5px 10px}.statusbar{gap:10px;font-size:11px}.toast{max-width:calc(100vw - 32px);bottom:56px}}