:root{--bg:#f6f6f7;--bg-elevated:#ffffffb8;--bg-glass:#ffffff8c;--bg-opaque:#fafafc;--border:#0000001f;--border-strong:#00000038;--fg:#1a1a1a;--fg-muted:#1a1a1ad1;--fg-subtle:#1a1a1ab8;--accent:#3468ff;--pref-tab-indicator:#5a6573;--add-bg:#2ea04324;--add-bg-strong:#2ea04342;--del-bg:#f8514924;--del-bg-strong:#f8514947;--chrome-height:44px;--chrome-focus-ring:#00000052;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-ui:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1115;--bg-elevated:#1a1c22b8;--bg-glass:#12141a99;--bg-opaque:#15171c;--border:#ffffff14;--border-strong:#ffffff29;--fg:#e6e6e8;--fg-muted:#e6e6e89e;--fg-subtle:#e6e6e86b;--accent:#5b86ff;--pref-tab-indicator:#8f9bab;--add-bg:#3fb95029;--add-bg-strong:#3fb95052;--del-bg:#f851492e;--del-bg-strong:#f8514957;--chrome-focus-ring:#ffffff61;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:0 0;margin:0;padding:0;overflow:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}body{-webkit-backdrop-filter:blur(40px)saturate(160%);background:#fafafceb}:root[data-theme=dark] body{background:#0c0d108c}#chrome{height:var(--chrome-height);z-index:10;border-bottom:1px solid var(--border);-webkit-app-region:drag;background:0 0;align-items:center;padding:6px 12px 6px 84px;display:flex;position:fixed;top:0;left:0;right:0}:root[data-prefs-open] #chrome{z-index:1000}#toolbar{flex:1;align-items:center;gap:8px;display:flex}#toolbar>:first-child{margin-left:12px}#toolbar button:focus,#toolbar input:focus{outline:none}:is(#toolbar button:focus-visible,#toolbar input:focus-visible){outline:1.5px solid var(--chrome-focus-ring);outline-offset:2px}.tb-nav{align-items:center;gap:2px;display:inline-flex}.tb-nav-btn{justify-content:center;gap:0;width:26px;height:26px;padding:0}.tb-nav-btn svg{flex-shrink:0}.tb-nav-glyph{font-size:15px;font-weight:400;line-height:1;display:inline-block;transform:translateY(-.5px)}.tb-nav-btn:disabled{cursor:default;opacity:1;border-color:var(--border);color:var(--fg-muted);background:0 0}.tb-nav-btn:disabled:hover{border-color:var(--border);background:0 0}.tb-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);font:500 12px/1 var(--font-ui);cursor:pointer;-webkit-app-region:no-drag;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:background 80ms,border-color 80ms;display:inline-flex}.tb-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.tb-btn:active{transform:translateY(.5px)}.tb-btn.primary{border-color:var(--border-strong);background:#0000001a}:root[data-theme=dark] .tb-btn.primary{background:#ffffff1f}.tb-btn.ghost{background:0 0}.tb-spacer{flex:1}.diff-stats{font:600 11px var(--font-mono);font-variant-numeric:tabular-nums;-webkit-app-region:no-drag;align-items:center;gap:8px;padding:0 4px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diff-stats[hidden]{display:none}.diff-stat-added{color:#46b45a}.diff-stat-removed{color:#e15a5a}.diff-nav{-webkit-appearance:none;appearance:none;color:var(--fg-subtle);cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:inline-flex}.diff-nav svg{flex-shrink:0}.diff-nav:hover{background:var(--border);color:var(--fg)}.diff-nav:active{transform:translateY(.5px)}.tb-theme,.tb-lang,.tb-prefs,.tb-prefs-host{-webkit-app-region:no-drag;position:relative}.tb-theme-trigger{padding:6px 8px}.tb-lang-trigger{font-variant-numeric:tabular-nums;padding:6px 8px}.tb-icon-btn{justify-content:center;width:28px;height:28px;padding:0}.tb-menu{background:var(--bg-opaque);border:1px solid var(--border-strong);z-index:11;border-radius:10px;flex-direction:column;gap:1px;min-width:140px;max-height:320px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 8px 24px #0000002e}.tb-menu[hidden]{display:none}.tb-theme-menu{right:0}.tb-lang-menu{gap:4px;min-width:200px;padding:6px;left:0;overflow:hidden}.tb-lang-search{-webkit-appearance:none;appearance:none;border:1px solid var(--border);color:var(--fg);font:500 12px var(--font-ui);background:0 0;border-radius:6px;outline:none;flex:none;padding:6px 8px}.tb-lang-search:focus{border-color:var(--border-strong)}.tb-lang-search::placeholder{color:var(--fg-subtle)}.tb-lang-list{flex-direction:column;gap:1px;min-height:0;display:flex;overflow-y:auto}.tb-lang-list button{justify-content:flex-start;gap:10px}.lang-icon{color:#1a1a1a66;flex:none;width:14px;height:14px}:root[data-theme=dark] .lang-icon{color:#e6e6e859}.tb-lang-list button:hover .lang-icon,.tb-lang-list button.active .lang-icon{color:#1a1a1ab3}:root[data-theme=dark] .tb-lang-list button:hover .lang-icon,:root[data-theme=dark] .tb-lang-list button.active .lang-icon{color:#e6e6e899}.lang-label{text-align:left;flex:auto}.tb-menu button{-webkit-appearance:none;appearance:none;color:var(--fg);font:500 12px var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.tb-menu button[hidden]{display:none}.tb-menu button:hover{background:var(--border)}.tb-menu button.active:after{content:"✓";color:var(--fg-muted);font-weight:600}.tb-prefs-modal{z-index:80;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));box-sizing:border-box;-webkit-app-region:no-drag;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tb-prefs-modal[hidden]{display:none}.tb-prefs-backdrop{cursor:default;-webkit-app-region:no-drag;background:#0000006b;position:absolute;inset:0}:root[data-theme=dark] .tb-prefs-backdrop{background:#00000094}.tb-prefs-panel{z-index:1;background:var(--bg-opaque);border:1px solid var(--border-strong);-webkit-app-region:no-drag;border-radius:12px;flex-direction:column;width:min(430px,100%);min-height:0;max-height:min(520px,100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000047}:is(.tb-prefs-panel:focus,.tb-prefs-panel:focus-visible){outline:none}.pref-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px 8px;display:flex}.pref-title{letter-spacing:-.02em;color:var(--fg);min-width:0;font-size:15px;font-weight:600}.pref-close{color:var(--fg-subtle);background:0 0;border:none;flex-shrink:0;padding:4px 8px}.pref-close:hover{background:var(--border);color:var(--fg)}.pref-close:active{transform:translateY(.5px)}.pref-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;gap:2px;padding:0 18px;display:flex}.pref-tab{-webkit-appearance:none;appearance:none;color:var(--fg-subtle);font:500 12px var(--font-ui);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin:0 0 -1px;padding:8px 12px 7px}.pref-tab:hover{color:var(--fg);background:#00000008}:root[data-theme=dark] .pref-tab:hover{background:#ffffff0a}.pref-tab.active{color:var(--fg);border-bottom-color:var(--pref-tab-indicator);background:0 0;font-weight:600}.pref-body{flex:1;min-height:0;padding:12px 18px 16px;overflow-y:auto}.pref-view{flex-direction:column;gap:12px;min-height:min-content;display:flex}.pref-view[hidden]{display:none}.pref-shortcut-group{flex-direction:column;display:flex}.pref-shortcut-row{flex-direction:column;gap:8px;padding:14px 0;display:flex}.pref-shortcut-group .pref-shortcut-row+.pref-shortcut-row{border-top:1px solid color-mix(in srgb, var(--border) 85%, transparent)}.pref-copy{min-width:0}.pref-label{color:var(--fg);font-size:12px;font-weight:600;line-height:1.25}.pref-help{color:var(--fg-subtle);overflow-wrap:break-word;margin-top:5px;font-size:11px;line-height:1.45}.pref-inline-code{font:600 10.5px var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:1px 4px}.pref-shortcuts-toolbar{justify-content:flex-end;align-items:center;padding:2px 0 10px;display:flex}.pref-shortcuts-list{flex-direction:column;gap:12px;padding-right:2px;display:flex}.pref-shortcuts-footnote{color:var(--fg-muted);max-width:52ch;margin:0;padding-top:2px;font-size:10.5px;line-height:1.45}.pref-shortcuts-footnote strong{color:var(--fg-subtle);font-weight:600}.pref-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:0;padding:10px 0 8px;font-size:10px;font-weight:600}.pref-shortcut-group:first-of-type .pref-section-title{padding-top:2px}.pref-shortcut-row-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px;display:grid}.pref-shortcut-controls{flex-shrink:0;align-self:start;align-items:center;gap:10px;max-width:16rem;display:flex}.pref-shortcut-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.pref-shortcut-icon-btn{justify-content:center;width:32px;height:32px;padding:0;position:relative}.pref-shortcut-capture.listening{border-color:var(--accent);color:var(--accent)}.pref-shortcut-input{box-sizing:border-box;-webkit-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);width:9.5rem;min-width:7.5rem;max-width:min(11rem,100%);color:var(--fg);font:500 11.5px var(--font-mono);border-radius:8px;outline:none;flex:0 auto;padding:7px 9px;overflow-x:auto}.pref-shortcut-input:focus{border-color:var(--accent)}.pref-shortcut-row.invalid .pref-shortcut-input{border-color:#f85149cc}.pref-shortcut-error{color:#e15a5a;margin:0;padding:0 0 0 2px;font-size:10.5px;line-height:1.35}.pref-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pref-about{flex-direction:column;gap:14px;display:flex}.pref-about-hero{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.pref-about-hero-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pref-about-name{color:var(--fg);font-size:18px;font-weight:600;line-height:1.2}.pref-about-version{color:var(--fg-muted);font-size:11px}.pref-about-app-icon{border:1px solid color-mix(in srgb, var(--border-strong) 55%, var(--fg) 6%);object-fit:cover;background:var(--bg-elevated);width:52px;height:52px;box-shadow:0 1px 2px color-mix(in srgb, var(--fg) 6%, transparent);border-radius:12px;flex-shrink:0;display:block}.pref-about-copy{max-width:52ch;color:var(--fg-muted);margin:0;font-size:12px;line-height:1.55}.pref-about-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pref-about-link{border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;-webkit-app-region:no-drag;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.pref-about-link:hover{background:var(--bg-opaque);border-color:var(--border-strong);color:var(--fg)}.pref-about-link:focus-visible{outline:2px solid var(--chrome-focus-ring);outline-offset:2px}.pref-about-link-icon{flex-shrink:0;display:block}.pref-about-update{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pref-about-update[hidden]{display:none}.pref-about-update-btn{-webkit-app-region:no-drag;flex-shrink:0}.pref-about-update-btn:disabled{opacity:.6;cursor:default}.pref-about-update-status{flex-direction:column;gap:2px;min-width:0;display:flex}.pref-about-update-state{color:var(--fg);font-size:12px;line-height:1.3}.pref-about-update-state:empty{display:none}.pref-about-update-meta{color:var(--fg-muted);font-size:11px;line-height:1.3}.pref-about-update[data-status=error] .pref-about-update-state{color:var(--danger,var(--fg))}.pref-about-update[data-status=ready] .pref-about-update-state{font-weight:600}#app{top:var(--chrome-height);position:absolute;bottom:0;left:0;right:0;overflow:hidden}#app>.differ-merge{display:flex;position:absolute;inset:0}.differ-pane{flex:1 1 0;min-width:0;height:100%;position:relative}.differ-pane .cm-editor{height:100%}.differ-merge:after{content:"";background:var(--border);pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0;left:50%}.cm-editor{font-family:var(--font-mono);-webkit-user-select:text;user-select:text;background:0 0;min-height:0;font-size:13px}.cm-editor .cm-scroller{font-family:var(--font-mono);overscroll-behavior:none}:root[data-scroll-locked=true] .differ-pane[data-side=a] .cm-scroller{scrollbar-width:none}:root[data-scroll-locked=true] .differ-pane[data-side=a] .cm-scroller::-webkit-scrollbar{width:0;height:0;display:none}.cm-editor .cm-gutters{color:var(--fg-subtle);background:0 0;border-right:0}.cm-editor.cm-focused{outline:none}.cm-editor.cm-focused .cm-activeLineGutter,.cm-editor.cm-focused .cm-activeLine{background:#00000008}:root[data-theme=dark] .cm-editor.cm-focused .cm-activeLineGutter,:root[data-theme=dark] .cm-editor.cm-focused .cm-activeLine{background:#ffffff0a}.cm-editor:not(.cm-focused) .cm-activeLine,.cm-editor:not(.cm-focused) .cm-activeLineGutter{background:0 0!important}.cm-editor:not(.cm-focused) .cm-cursor,.cm-editor:not(.cm-focused) .cm-cursor-primary,.cm-editor:not(.cm-focused) .cm-dropCursor,.cm-editor:not(.cm-focused) .cm-cursorLayer,.cm-editor:not(.cm-focused) .cm-selectionLayer{display:none!important}.cm-editor .cm-cursor,.cm-editor .cm-cursor-primary{opacity:1!important;animation:none!important}.cm-changedLine{background:0 0!important}.differ-pane[data-side=a] .cm-changedText{background:var(--del-bg-strong)}.differ-pane[data-side=b] .cm-changedText{background:var(--add-bg-strong)}.cm-removedLineGutter{background:var(--del-bg);color:var(--del-fg,#ff6464)}.cm-addedLineGutter{background:var(--add-bg);color:var(--add-fg,#46b45a)}.cm-panels{color:var(--fg);font-family:var(--font-ui);background:0 0}.cm-panels.cm-panels-top{pointer-events:none;border:0;justify-content:flex-end;padding:0 14px 0 0;display:flex}.cm-panels.cm-panels-top>*{pointer-events:auto}.cm-vs-search{background:var(--bg-opaque);border:1px solid var(--border);border-top:0;border-radius:0 0 4px 4px;align-items:flex-start;gap:2px;padding:4px 4px 4px 2px;display:flex;box-shadow:0 3px 8px #00000029}.cm-vs-chevron{-webkit-appearance:none;appearance:none;width:20px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-self:stretch;align-items:center;padding:0;display:flex}.cm-vs-chevron svg{width:14px;height:14px}.cm-vs-chevron:hover{background:var(--border);color:var(--fg)}.cm-vs-rows{flex-direction:column;gap:4px;min-width:0;display:flex}.cm-vs-row{align-items:center;gap:4px;display:flex}.cm-vs-row[hidden]{display:none}.cm-vs-field{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;align-items:center;gap:2px;min-width:260px;padding:0 2px 0 6px;transition:border-color 80ms;display:flex}.cm-vs-field:focus-within{border-color:var(--accent)}.cm-vs-input{-webkit-appearance:none;appearance:none;color:var(--fg);font:500 12px var(--font-ui);background:0 0;border:0;outline:none;flex:auto;min-width:0;padding:4px 2px}.cm-vs-input::placeholder{color:var(--fg-subtle)}.cm-vs-options{flex:none;align-items:center;gap:1px;display:flex}.cm-vs-toggle{-webkit-appearance:none;appearance:none;color:var(--fg-subtle);font:600 10.5px var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cm-vs-toggle:hover{background:var(--border);color:var(--fg)}.cm-vs-toggle[aria-pressed=true]{color:var(--fg);background:#3468ff2e;outline:1px solid #3468ff8c}.cm-vs-word{text-underline-offset:1px;text-decoration:underline}.cm-vs-actions{flex:none;align-items:center;gap:1px;display:flex}.cm-vs-icon{-webkit-appearance:none;appearance:none;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.cm-vs-icon svg{width:14px;height:14px}.cm-vs-icon:hover{background:var(--border);color:var(--fg)}.cm-editor .cm-searchMatch{background:#eab30838;border-radius:2px;outline:1px solid #eab30873}.cm-editor .cm-searchMatch-selected{background:#eab3086b;outline-color:#eab308b3}.swap-zone{pointer-events:none;z-index:4;width:10%;position:absolute;top:0;bottom:0;left:45%}.swap-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--border);color:var(--fg-subtle);cursor:pointer;isolation:isolate;-webkit-backdrop-filter:blur(40px)saturate(180%);pointer-events:none;opacity:0;background:#f5f5f7eb;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-theme=dark] .swap-btn{background:#14161aeb}.swap-zone.visible .swap-btn{opacity:1;pointer-events:auto}.swap-btn:hover{color:var(--fg);border-color:var(--border-strong)}.swap-btn:active{transform:translate(-50%,calc(.5px - 50%))}#history-drawer{top:var(--chrome-height);background:var(--bg-opaque);border-left:1px solid var(--border);z-index:9;flex-direction:column;width:340px;transition:transform .22s cubic-bezier(.2,.7,.1,1);display:flex;position:fixed;bottom:0;right:0;transform:translate(100%)}#history-drawer.open{transform:translate(0)}.hd-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.hd-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-size:12px;font-weight:600}.hd-list{flex:1;padding:6px;overflow-y:auto}.hd-row{cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:relative}.hd-row:hover{background:var(--bg-elevated)}.hd-row .hd-preview{font:500 12px var(--font-mono);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hd-row .hd-meta{font:500 10px var(--font-ui);color:var(--fg-subtle);gap:8px;display:flex}.hd-row .hd-delete{-webkit-appearance:none;appearance:none;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:none;position:absolute;top:4px;right:4px}.hd-row:hover .hd-delete{display:inline-flex}.hd-row .hd-delete:hover{background:var(--del-bg-strong);color:var(--fg)}.hd-empty{height:100%;color:var(--fg-subtle);justify-content:center;align-items:center;font-size:13px;display:flex}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);font:500 12px var(--font-ui);color:var(--fg);z-index:20;opacity:0;pointer-events:none;border-radius:10px;padding:8px 14px;transition:opacity .16s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}
