:root{--c-neutral-100:#f9f4ed;--c-neutral-200:#eee7db;--c-neutral-300:#dcd3c4;--c-neutral-400:#c0b6a5;--c-neutral-500:#a19786;--c-neutral-600:#82796a;--c-neutral-700:#645c50;--c-neutral-800:#474238;--c-neutral-900:#2e2b25;--c-accent-100:#fff2eb;--c-accent-200:#ffe1d0;--c-accent-300:#ffc6a5;--c-accent-400:#f6a06b;--c-accent-500:#d67f48;--c-accent-600:#b2622d;--c-accent-700:#8c491a;--c-accent-800:#643312;--c-accent-900:#402310;--c-sage-100:#f0fae1;--c-sage-200:#e1eecc;--c-sage-300:#ccdbb2;--c-sage-400:#aebf92;--c-sage-500:#8fa073;--c-sage-600:#728157;--c-sage-700:#56633f;--c-sage-800:#3d472b;--c-sage-900:#272e1b;--font-display:"Caprasimo", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-ui:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--editor-font-size:14px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#211c17;--bg-editor:#1a1611;--bg-toolbar:#2c251e;--bg-panel:#2c251e;--bg-control:#f4e9d717;--bg-raised:#362e25;--control-hover-bg:#f4e9d726;--control-hover-border:#f4e9d752;--border:#f4e9d729;--border-strong:#f4e9d747;--text:#f4e9d7;--muted:#f4e9d7b8;--muted-2:#f4e9d780;--accent:var(--c-accent-400);--accent-strong:var(--c-accent-300);--on-accent:#2c1a0c;--accent-soft:#f6a06b24;--accent-border:#f6a06b6b;--accent-faint:#f6a06b3d;--accent-ink:var(--c-accent-200);--sage:var(--c-sage-500);--sage-strong:var(--c-sage-400);--on-sage:#1b2010;--sage-soft:var(--c-sage-900);--sage-border:var(--c-sage-700);--sage-ink:var(--c-sage-200);--danger:#f0846b;--danger-bg:#f0846b29;--danger-border:#f0846b8c;--warn:var(--c-accent-300);--warn-bg:#ffc6a524;--ph-bg:var(--c-accent-800);--ph-border:var(--c-accent-400);--ph-ink:var(--c-accent-100);--backdrop:#14100ca8;--shadow-sm:0 1px 2px #00000059;--shadow:0 12px 32px #00000073;--shadow-lg:0 22px 56px #0000008c;--sel:#f6a06b42;--active-line:#f4e9d70d;--active-line-gutter:#f4e9d717;--search:#f6a06b4d;--search-active:#f6a06b8c;--bracket-bg:#aebf9233;--bracket-border:#aebf9280;--switch-checked:var(--c-sage-600);--info:#9fc0e8;--info-bg:#9fc0e829;--ok:var(--c-sage-400);--ok-bg:#aebf9229;--visual:#d6a9d8;--visual-bg:#d6a9d829;--syn-keyword:var(--c-accent-400);--syn-control:#e2a6c8;--syn-string:var(--c-sage-300);--syn-number:var(--c-accent-300);--syn-comment:#f4e9d76b;--syn-variable:#e8dcc8;--syn-func:#a8cbe0;--syn-operator:#e8dcc89e;--syn-def:var(--c-accent-300);--syn-tag:#e2a6c8;--syn-attr:var(--c-sage-300);--syn-meta:#f4e9d799;--syn-link:#a8cbe0;--syn-heading:var(--c-accent-300);--syn-invalid:#f0846b;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpath d='M4 4l8 8 8-8' fill='none' stroke='%23bdb2a2' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f5ead8;--bg-editor:var(--c-neutral-100);--bg-toolbar:#ebddc5;--bg-panel:#ebddc5;--bg-control:var(--c-neutral-200);--bg-raised:#fff;--control-hover-bg:var(--c-neutral-300);--control-hover-border:var(--c-neutral-400);--border:var(--c-neutral-300);--border-strong:var(--c-neutral-400);--text:#201e1d;--muted:var(--c-neutral-700);--muted-2:var(--c-neutral-600);--accent:#c67139;--accent-strong:var(--c-accent-600);--on-accent:#fff;--accent-soft:var(--c-accent-100);--accent-border:var(--c-accent-300);--accent-faint:var(--c-accent-200);--accent-ink:var(--c-accent-800);--sage:var(--c-sage-600);--sage-strong:var(--c-sage-700);--on-sage:#fff;--sage-soft:var(--c-sage-100);--sage-border:var(--c-sage-300);--sage-ink:var(--c-sage-800);--danger:#a8331b;--danger-bg:#ffe3dc;--danger-border:#e0a493;--warn:var(--c-accent-700);--warn-bg:var(--c-accent-100);--ph-bg:var(--c-accent-300);--ph-border:var(--c-accent-600);--ph-ink:var(--c-accent-900);--backdrop:#2e2b2580;--shadow-sm:0 1px 2px #2e2b2524;--shadow:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538;--sel:#c671393d;--active-line:#c6713912;--active-line-gutter:#c6713921;--search:#c671393d;--search-active:#c6713980;--bracket-bg:#72815729;--bracket-border:#72815780;--switch-checked:var(--c-sage-500);--info:#2a5a8c;--info-bg:#2a5a8c1f;--ok:var(--c-sage-700);--ok-bg:var(--c-sage-100);--visual:#7a4a8c;--visual-bg:#7a4a8c1f;--syn-keyword:var(--c-accent-700);--syn-control:#8c4a72;--syn-string:var(--c-sage-700);--syn-number:var(--c-accent-600);--syn-comment:var(--c-neutral-500);--syn-variable:#3a332b;--syn-func:#2a5a74;--syn-operator:var(--c-neutral-600);--syn-def:var(--c-accent-600);--syn-tag:#8c4a72;--syn-attr:var(--c-sage-700);--syn-meta:var(--c-neutral-700);--syn-link:#2a5a74;--syn-heading:var(--c-accent-700);--syn-invalid:#a8331b;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpath d='M4 4l8 8 8-8' fill='none' stroke='%2382796a' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[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:#191512;--bg-raised:#1f1a16;--control-hover-bg:#2a231d;--control-hover-border:#8a8079;--border:#6a625a;--border-strong:#8a8079;--text:#fff;--muted:#e6ded4;--muted-2:#bdb4a9;--accent:#ffb877;--accent-strong:#ffd0a3;--on-accent:#1a0d02;--accent-soft:#ffb8772e;--accent-border:#ffb877;--accent-faint:#ffb87761;--accent-ink:#ffd0a3;--sage:#bfe08a;--sage-strong:#d6f0ad;--on-sage:#10180a;--sage-soft:#bfe08a33;--sage-border:#bfe08a;--sage-ink:#d6f0ad;--danger:#ff9c85;--danger-bg:#ff9c8538;--danger-border:#ff9c85;--warn:#ffd166;--warn-bg:#ffd16633;--ph-bg:#ffb87747;--ph-border:#ffb877;--ph-ink:#fff;--backdrop:#000000c7;--shadow-sm:0 1px 2px #000c;--shadow:0 12px 32px #000c;--shadow-lg:0 22px 56px #000000d9;--sel:#ffb87761;--active-line:#ffffff14;--active-line-gutter:#ffffff26;--search:#ffd16659;--search-active:#ffd1669e;--bracket-bg:#ffffff29;--bracket-border:#ffffff8c;--switch-checked:#6f8a4a;--info:#9cc6ff;--info-bg:#9cc6ff38;--ok:#bfe08a;--ok-bg:#bfe08a38;--visual:#e0aaff;--visual-bg:#e0aaff38;--syn-keyword:#ffb877;--syn-control:#e0aaff;--syn-string:#bfe08a;--syn-number:#ffd166;--syn-comment:#bdb4a9;--syn-variable:#fff;--syn-func:#9cc6ff;--syn-operator:#e6ded4;--syn-def:#ffd166;--syn-tag:#e0aaff;--syn-attr:#bfe08a;--syn-meta:#e6ded4;--syn-link:#9cc6ff;--syn-heading:#ffd166;--syn-invalid:#ff9c85;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpath d='M4 4l8 8 8-8' fill='none' stroke='%23e6ded4' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;font-weight:700;line-height:1.2}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.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}::selection{background:var(--sel)}.toolbar,.statusbar,.history-panel,.dialog,.hint,.update-banner{transition:background-color .2s,border-color .2s,color .2s}.en{font-family:var(--font-ui);color:var(--muted-2);font-size:.82em;font-weight:400}.btn .en{color:inherit;opacity:.72}.btn{background:var(--bg-control);color:var(--text);border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:600;line-height:1.2;transition:background .14s,border-color .14s,color .14s,transform 80ms;display:inline-flex}.btn svg{flex:none;display:block}.btn:hover:not(:disabled){background:var(--control-hover-bg)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--control-hover-bg);color:var(--text)}.btn.icon{border-radius:var(--radius-pill);width:34px;height:34px;padding:0}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.sage{background:var(--sage);color:var(--on-sage)}.btn.sage:hover:not(:disabled){background:var(--sage-strong)}.btn.soft{background:var(--accent-faint);color:var(--accent-ink)}.btn.soft:hover:not(:disabled){background:var(--accent-border)}.btn.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}kbd,.kbd{font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-faint);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-size:11.5px;font-weight:500}.btn.primary .kbd,.btn.sage .kbd{color:inherit;background:#ffffff3d;border-color:#0000}.tag{letter-spacing:.02em;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.tag.sage{background:var(--sage-soft);color:var(--sage-ink)}.tag.neutral{background:var(--bg-control);color:var(--muted)}.select{appearance:none;background:var(--bg-control);background-image:var(--select-arrow);color:var(--text);border-radius:var(--radius-pill);font-family:var(--font-mono);cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;border:1px solid #0000;padding:7px 32px 7px 14px;font-size:12.5px;font-weight:500;transition:background-color .14s,border-color .14s}.select:hover{background-color:var(--control-hover-bg)}.select option{font-family:var(--font-ui);background:var(--bg-panel);color:var(--text)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.switch input[role=switch]{appearance:none;border-radius:var(--radius-pill);background:var(--bg-control);border:1px solid var(--border);cursor:pointer;flex:none;width:32px;height:19px;margin:0;transition:background .16s,border-color .16s;position:relative}.switch input[role=switch]:before{content:"";background:var(--muted-2);border-radius:50%;width:13px;height:13px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.switch input[role=switch]:checked{background:var(--switch-checked);border-color:#0000}.switch input[role=switch]:checked:before{background:#fff;transform:translate(13px)}.switch:has(input:checked){color:var(--text)}@media (prefers-reduced-motion:reduce){.brand-cursor,.dialog,.dialog-backdrop,.toast,.history-panel.drawer,.copy-confirm{animation:none}.btn:active:not(:disabled){transform:none}}.toolbar{background:var(--bg-toolbar);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.brand{align-items:center;gap:9px;margin-right:2px;display:inline-flex}.brand-mark{border-radius:var(--radius-pill);background:var(--accent);width:30px;height:30px;color:var(--on-accent);font-family:var(--font-mono);letter-spacing:-1px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.brand-cursor{animation:1.15s step-end infinite cursor-blink}@keyframes cursor-blink{0%,55%{opacity:1}56%,to{opacity:0}}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700}.lang-wrap{background:var(--bg-control);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 6px 3px 3px;display:inline-flex}.lang-wrap .select{background-color:#0000}.lang-badge{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 9px;font-size:10.5px;font-weight:600}.lang-badge.auto{color:var(--sage-ink);background:var(--sage-soft)}.lang-badge.manual{color:var(--accent-ink);background:var(--accent-soft)}.ph-nav{border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-faint);align-items:center;gap:6px;padding:4px 5px 4px 14px;display:inline-flex}.ph-dot{border-radius:var(--radius-pill);background:var(--accent);flex:none;width:8px;height:8px}.ph-count{color:var(--accent-ink);white-space:nowrap;font-size:12.5px;font-weight:700}.ph-nav .en{color:var(--accent-ink);opacity:.75;margin-right:2px}.ph-btn{border-radius:var(--radius-pill);background:var(--bg-raised);width:27px;height:27px;color:var(--accent-ink);cursor:pointer;box-shadow:var(--shadow-sm);border:0;flex:none;place-items:center;padding:0;transition:background .14s,transform 80ms;display:grid}.ph-btn:hover:not(:disabled){background:var(--accent-faint)}.ph-btn:active:not(:disabled){transform:scale(.92)}.ph-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ph-nav.done{background:var(--sage-soft);border-color:var(--sage-border)}.ph-nav.done .ph-count,.ph-nav.done .en{color:var(--sage-ink)}.ph-check{color:var(--sage);flex:none}.ph-nav.idle{background:var(--bg-control);border-color:#0000}.ph-nav.idle .ph-count,.ph-nav.idle .en{color:var(--muted)}.ph-nav.idle .ph-dot{background:var(--muted-2)}.toolbar .btn.icon.ghost{color:var(--muted)}.copy-btn{padding:9px 18px;font-size:14px}@media (width<=900px){.toolbar{gap:8px;padding:10px 12px}.toolbar .en,.ph-nav .en{display:none}}@media (width<=640px){.brand-name{display:none}.lang-wrap .select{max-width:148px}.ph-btn{width:34px;height:34px}.copy-btn{padding:9px 14px}.copy-btn .kbd{display:none}}.app-body{flex:1;min-height:0;display:flex}.editor-area{background:var(--bg-page);flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:14px 18px;display:flex}.editor-frame{border-radius:var(--radius-lg);background:var(--bg-editor);border:2px solid var(--border);flex:1;min-height:0;transition:border-color .2s;display:flex;overflow:hidden}.editor-frame.copied{border-color:var(--sage)}.editor-host{flex:1;min-width:0;overflow:hidden}.hint{color:var(--sage-ink);background:var(--sage-soft);border:1px solid var(--sage-border);border-radius:var(--radius-pill);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 10px 9px 16px;font-size:13px;display:flex}.hint-flow{flex-wrap:wrap;align-items:center;gap:9px;font-weight:600;display:inline-flex}.hint kbd{color:var(--sage-ink);background:var(--bg-raised);border-color:#0000;font-weight:600}.hint-close{width:26px;height:26px;color:var(--sage-ink);background:var(--bg-raised)}.copy-confirm{border-radius:var(--radius-pill);background:var(--sage-soft);border:1px solid var(--sage-border);flex-wrap:wrap;align-self:flex-start;align-items:center;gap:10px;max-width:100%;padding:8px 16px 8px 8px;animation:.18s confirm-in;display:flex}@keyframes confirm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.copy-confirm-mark{border-radius:var(--radius-pill);background:var(--sage);width:24px;height:24px;color:var(--on-sage);flex:none;place-items:center;display:grid}.copy-confirm-text{color:var(--sage-ink);font-size:13px;font-weight:700}.copy-confirm-note{color:var(--sage-ink);opacity:.8;font-size:12px}.copy-confirm.err{background:var(--danger-bg);border-color:var(--danger-border)}.copy-confirm.err .copy-confirm-mark{background:var(--danger);color:var(--bg-page)}.copy-confirm.err .copy-confirm-text,.copy-confirm.err .copy-confirm-note{color:var(--danger)}.update-banner{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-faint);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;gap:10px;margin:0 18px;padding:9px 10px 9px 16px;font-size:13px;display:flex}@media (width<=640px){.editor-area{gap:10px;padding:10px 12px}.update-banner{margin:0 12px}}.history-panel{background:var(--bg-panel);flex-direction:column;gap:10px;min-height:0;padding:16px 14px;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{border-radius:0 var(--radius-xl) var(--radius-xl) 0;width:min(330px,88vw);box-shadow:var(--shadow-lg);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{align-items:center;gap:8px;display:flex}.history-title{font-family:var(--font-display);margin:0;font-size:17px;font-weight:700}.history-count{color:var(--muted-2);font-size:12px}.history-close{width:26px;height:26px;margin-left:auto}.history-new{background:var(--accent-faint);color:var(--accent-ink);justify-content:center}.history-new:hover:not(:disabled){background:var(--accent-border)}.history-search-wrap{border-radius:var(--radius-pill);background:var(--bg-editor);border:1px solid var(--border);align-items:center;gap:9px;padding:0 14px;transition:border-color .14s;display:flex}.history-search-wrap:focus-within{border-color:var(--accent)}.history-search-wrap svg{color:var(--muted-2);flex:none}.history-search{min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:9px 0;font-size:13px}.history-search:focus-visible{outline:none}.history-search::placeholder{color:var(--muted-2)}.history-list,.dialog{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.history-list::-webkit-scrollbar{width:8px}.dialog::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.dialog::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.history-list::-webkit-scrollbar-track{background:0 0}.dialog::-webkit-scrollbar-track{background:0 0}.history-list{flex-direction:column;flex:1;gap:5px;min-height:0;margin:0;padding:0 0 6px;list-style:none;display:flex;overflow-y:auto}.history-group{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);-webkit-user-select:none;user-select:none;align-items:baseline;gap:6px;padding:10px 6px 2px;font-size:11px;display:flex}.history-row{border-radius:var(--radius-md);border:1px solid #0000;align-items:stretch;transition:background .14s,border-color .14s;display:flex;position:relative}.history-row:hover{background:var(--bg-control)}.history-row.active{background:var(--accent-soft);border-color:var(--accent-border)}.history-item{text-align:left;min-width:0;color:inherit;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;flex-direction:column;flex:1;gap:5px;padding:10px 12px;font-family:inherit;display:flex}.history-item-title{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;line-height:1.45;display:block;overflow:hidden}.history-row.active .history-item-title{color:var(--accent-ink)}.history-item-meta-row{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;display:flex}.history-item-meta-row .tag{flex:none;padding:2px 7px;font-size:10px}.history-item-meta{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.history-row.active .history-item-meta{color:var(--accent-ink);opacity:.85}.history-item-delete{opacity:0;background:var(--bg-raised);width:26px;height:26px;color:var(--muted);box-shadow:var(--shadow-sm);align-self:center;margin-right:8px;transition:opacity .14s}.history-row:hover .history-item-delete,.history-row.active .history-item-delete,.history-item-delete:focus-visible{opacity:1}@media (hover:none){.history-item-delete{opacity:1;width:40px;height:40px}}.history-empty{text-align:center;color:var(--muted);border-radius:var(--radius-lg);background:var(--bg-editor);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:26px 18px;font-size:13px;line-height:1.7;display:flex}.history-empty-mark{border-radius:var(--radius-pill);background:var(--sage-soft);width:52px;height:52px;color:var(--sage);place-items:center;display:grid}.history-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:10px;display:flex}.history-footer .btn{padding:6px 12px;font-size:12px}.history-note{color:var(--muted-2);text-align:center;font-size:11.5px}.dialog-backdrop{background:var(--backdrop);z-index:50;justify-content:center;align-items:center;padding:16px;animation:.14s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{background:var(--bg-panel);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:84vh;box-shadow:var(--shadow-lg);animation:.16s cubic-bezier(.2,.9,.3,1.2) dialog-in;overflow:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.dialog-header{background:var(--bg-panel);z-index:1;align-items:center;gap:10px;padding:20px 22px 12px;display:flex;position:sticky;top:0}.dialog-title{font-family:var(--font-display);margin:0;font-size:21px;font-weight:700}.dialog-close{width:30px;height:30px;margin-left:auto}.dialog-body{flex-direction:column;gap:18px;padding:0 22px 22px;display:flex}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-head{align-items:baseline;gap:8px;display:flex}.settings-section h3{font-family:var(--font-ui);letter-spacing:.02em;color:var(--text);margin:0;font-size:13px;font-weight:700}.mode-options{flex-direction:column;gap:8px;display:flex}.mode-option{border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-control);border:1.5px solid #0000;align-items:center;gap:12px;padding:12px 15px;transition:border-color .14s,background .14s;display:flex}.mode-option:hover{background:var(--control-hover-bg)}.mode-option.active{border-color:var(--accent);background:var(--accent-soft)}.mode-option input[type=radio]{appearance:none;border:2px solid var(--border-strong);background:var(--bg-raised);cursor:pointer;border-radius:50%;flex:none;width:19px;height:19px;margin:0;transition:border-color .14s,border-width .14s}.mode-option input[type=radio]:checked{border-color:var(--accent);border-width:5px}.mode-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-option-label{font-size:14px;font-weight:700}.mode-option.active .mode-option-label{color:var(--accent-ink)}.mode-option-desc{color:var(--muted);font-size:12.5px}.mode-option.active .mode-option-desc{color:var(--accent-ink);opacity:.85}.font-size-row{align-items:center;gap:14px;display:flex}.font-size-row input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.font-size-value{font-family:var(--font-mono);color:var(--text);background:var(--bg-control);border-radius:var(--radius-pill);text-align:center;min-width:4.5em;padding:5px 12px;font-size:12.5px}.help-flow{border-radius:var(--radius-lg);background:var(--sage-soft);color:var(--sage-ink);flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.help-flow kbd{color:var(--sage-ink);background:var(--bg-raised);border-color:#0000;font-size:12.5px}.help-section{flex-direction:column;gap:2px;display:flex}.help-section h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin:0 0 6px;font-size:12px}.help-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:8px 4px;font-size:13.5px;display:flex}.help-row:last-child{border-bottom:0}.help-row kbd{text-align:center;min-width:9.5em;padding:4px 12px;font-size:12.5px}.help-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.7}.help-privacy{border-radius:var(--radius-lg);background:var(--accent-soft);align-items:flex-start;gap:12px;padding:15px;display:flex}.help-privacy-mark{border-radius:var(--radius-pill);background:var(--accent-faint);width:32px;height:32px;color:var(--accent-ink);flex:none;place-items:center;display:grid}.help-privacy p{color:var(--accent-ink);margin:0;font-size:12.5px;line-height:1.7}.statusbar{color:var(--muted);background:var(--bg-toolbar);font-size:12.5px;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:16px;padding:9px 20px;display:flex}.mode-badge{border-radius:var(--radius-pill);letter-spacing:.06em;padding:3px 12px;font-size:11px;font-weight:700}.mode-normal{color:var(--on-sage);background:var(--sage)}.mode-insert{color:var(--on-accent);background:var(--accent)}.mode-visual{color:var(--bg-page);background:var(--visual)}.mode-command{color:var(--bg-page);background:var(--warn)}.mode-replace{color:var(--bg-page);background:var(--danger)}.mode-emacs{color:var(--bg-page);background:var(--info)}.mode-off{color:var(--muted);background:var(--bg-control)}.privacy{color:var(--sage);align-items:center;gap:7px;display:inline-flex}.toast{background:var(--bg-panel);border:1px solid var(--sage-border);color:var(--text);border-radius:var(--radius-pill);z-index:60;box-shadow:var(--shadow-lg);padding:10px 18px;font-size:13px;font-weight:600;animation:.18s toast-in;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast.err{border-color:var(--danger-border);color:var(--danger)}.toast.info{border-color:var(--border);color:var(--muted)}@media (width<=640px){.statusbar{gap:10px;padding:8px 12px;font-size:11.5px}.toast{max-width:calc(100vw - 32px);bottom:64px}}