*{box-sizing:border-box;margin:0;padding:0}:root{--font:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-size:14px;--line-height:1.5;--pane-radius:6px}:root,[data-theme=tokyo-night]{--bg:#11121d;--bg-pane:#0e0f1a;--bg-alt:#16172b;--bg-highlight:#3b4261;--bg-status:#0a0b14;--fg:#c0caf5;--fg-muted:#9aa5ce;--fg-dim:#565f89;--accent:#9ece6a;--accent-2:#7aa2f7;--accent-3:#bb9af7;--border:#2a2e4a;--border-soft:#1d1f33;--error:#f7768e;--warn:#e0af68;--success:#9ece6a;--info:#7dcfff;--prompt:#9ece6a;--selection-fg:#11121d;--gutter:#2a2e4a;--keyword:#bb9af7;--string:#9ece6a;--number:#ff9e64;--comment:#565f89}[data-theme=nord]{--bg:#2e3440;--bg-pane:#292e39;--bg-alt:#3b4252;--bg-highlight:#4c566a;--bg-status:#242933;--fg:#eceff4;--fg-muted:#d8dee9;--fg-dim:#7b88a1;--accent:#a3be8c;--accent-2:#88c0d0;--accent-3:#b48ead;--border:#434c5e;--border-soft:#3b4252;--error:#bf616a;--warn:#ebcb8b;--success:#a3be8c;--info:#88c0d0;--prompt:#a3be8c;--selection-fg:#2e3440;--gutter:#434c5e;--keyword:#81a1c1;--string:#a3be8c;--number:#d08770;--comment:#616e88}[data-theme=gruvbox]{--bg:#282828;--bg-pane:#1d2021;--bg-alt:#3c3836;--bg-highlight:#504945;--bg-status:#1d2021;--fg:#ebdbb2;--fg-muted:#d5c4a1;--fg-dim:#928374;--accent:#b8bb26;--accent-2:#83a598;--accent-3:#d3869b;--border:#504945;--border-soft:#3c3836;--error:#fb4934;--warn:#fabd2f;--success:#b8bb26;--info:#83a598;--prompt:#b8bb26;--selection-fg:#282828;--gutter:#504945;--keyword:#fb4934;--string:#b8bb26;--number:#fe8019;--comment:#928374}[data-theme=cyberpunk]{--bg:#0f0a1e;--bg-pane:#150f2a;--bg-alt:#1d1538;--bg-highlight:#3a2068;--bg-status:#0a0518;--fg:#e8e3ff;--fg-muted:#c4b5ff;--fg-dim:#7c5fad;--accent:#ff79c6;--accent-2:#66d9ef;--accent-3:#f1fa8c;--border:#3a2068;--border-soft:#2a1a4a;--error:#f55;--warn:#f1fa8c;--success:#50fa7b;--info:#66d9ef;--prompt:#ff79c6;--selection-fg:#0f0a1e;--gutter:#3a2068;--keyword:#ff79c6;--string:#50fa7b;--number:#ffb86c;--comment:#6272a4}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100vw;height:100vh}.yazi{background:var(--bg);grid-template-rows:auto 1fr auto auto;gap:6px;height:100vh;padding:8px 12px 12px;display:grid}.topbar{color:var(--fg-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.topbar-prompt{color:var(--prompt);font-size:16px;font-weight:700}.topbar-path{color:var(--accent-2);font-weight:500}.topbar-spacer{flex:1}.topbar-focus{color:var(--accent);font-weight:500}.topbar-time,.topbar-mode,.topbar-theme{color:var(--fg-dim);margin-left:6px}#theme-badge{color:var(--accent)}.panes{border:1px solid var(--border);border-radius:var(--pane-radius);background:var(--border);grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(240px,1.5fr);gap:4px;min-height:0;display:grid}.pane{background:var(--bg-pane);border-radius:calc(var(--pane-radius) - 1px);flex-direction:column;min-width:0;min-height:0;transition:box-shadow .12s ease-out;animation:.22s ease-out pane-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.pane.is-focused{box-shadow:inset 0 0 0 1px var(--accent)}@keyframes pane-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pane,.dir-item.is-selected,.caret{animation:none!important}*,:before,:after{transition-duration:.01ms!important}}.bottombar{color:var(--fg-muted);-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;min-height:36px;padding:4px 8px;font-size:13px;display:flex}.bottombar-row{align-items:center;gap:6px;display:flex}.bottombar-row .prompt{color:var(--prompt);font-size:16px;font-weight:700}.bottombar-row .path{color:var(--accent-2);font-weight:500}.bottombar-row .chev{color:var(--fg-dim)}.cmd-input{color:var(--fg);font-family:var(--font);align-items:center;min-height:1.2em;display:inline-flex}.cmd-input.dim{color:var(--fg-dim)}.caret{color:var(--accent);margin-left:0;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}.bottombar-hints{color:var(--fg-dim);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.bottombar kbd{font-family:var(--font);background:var(--accent-soft);color:var(--fg-muted);border:1px solid var(--border);border-radius:3px;margin:0 2px;padding:1px 5px;font-size:11px}.statusbar{min-height:18px;color:var(--fg-dim);padding:2px 8px;font-size:12px}.status-empty{color:var(--fg-dim)}::selection{background:var(--accent);color:var(--selection-fg)}.pane-header{color:var(--fg-muted);border-bottom:1px solid var(--border-soft);background:var(--bg-alt);-webkit-user-select:none;user-select:none;letter-spacing:.02em;padding:8px 14px;font-size:12px;font-weight:500}.pane-body{flex:1;padding:12px 14px;overflow:hidden auto}.pane-body,.code-body,.preview-body,.help-modal-body,.dir-list{scrollbar-width:thin;scrollbar-color:var(--gutter) transparent}.pane-body::-webkit-scrollbar{width:6px;height:4px}.code-body::-webkit-scrollbar{width:6px;height:4px}.preview-body::-webkit-scrollbar{width:6px;height:4px}.help-modal-body::-webkit-scrollbar{width:6px;height:4px}.dir-list::-webkit-scrollbar{width:6px;height:4px}.pane-body::-webkit-scrollbar-thumb{background:var(--gutter);border:0;border-radius:3px}.code-body::-webkit-scrollbar-thumb{background:var(--gutter);border:0;border-radius:3px}.preview-body::-webkit-scrollbar-thumb{background:var(--gutter);border:0;border-radius:3px}.help-modal-body::-webkit-scrollbar-thumb{background:var(--gutter);border:0;border-radius:3px}.dir-list::-webkit-scrollbar-thumb{background:var(--gutter);border:0;border-radius:3px}.pane-body::-webkit-scrollbar-thumb:hover{background:var(--bg-highlight)}.code-body::-webkit-scrollbar-thumb:hover{background:var(--bg-highlight)}.preview-body::-webkit-scrollbar-thumb:hover{background:var(--bg-highlight)}.help-modal-body::-webkit-scrollbar-thumb:hover{background:var(--bg-highlight)}.dir-list::-webkit-scrollbar-thumb:hover{background:var(--bg-highlight)}.pane-body::-webkit-scrollbar-track{background:0 0}.code-body::-webkit-scrollbar-track{background:0 0}.preview-body::-webkit-scrollbar-track{background:0 0}.help-modal-body::-webkit-scrollbar-track{background:0 0}.dir-list::-webkit-scrollbar-track{background:0 0}.pane-empty,.pane-placeholder,.preview-placeholder{color:var(--fg-dim);font-style:italic}.dir-list{margin:0;padding:6px 0;list-style:none}.dir-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg);align-items:center;gap:8px;padding:4px 14px;font-size:13px;display:flex;position:relative}.dir-item:hover{background:var(--accent-soft)}.dir-item.is-selected{background:var(--accent);color:var(--selection-fg);animation:.24s ease-out select-flash}@keyframes select-flash{0%{background:var(--accent-2)}to{background:var(--accent)}}.dir-icon{color:var(--fg-dim);text-align:center;width:12px;font-size:10px}.dir-item.is-selected .dir-icon{color:var(--selection-fg);opacity:.7}.dir-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-row{color:var(--fg);gap:8px;padding:2px 0;font-size:13.5px;display:flex}.file-name{color:var(--fg)}.text-body{color:var(--fg);flex-direction:column;gap:2px;font-size:14px;display:flex}.text-line{white-space:pre-wrap}.text-line.dim{color:var(--fg-dim);font-size:13px}.status-msg.tone-info{color:var(--info)}.status-msg.tone-success{color:var(--success)}.status-msg.tone-warn{color:var(--warn)}.status-msg.tone-error{color:var(--error)}.home-intro{color:var(--fg);flex-direction:column;gap:14px;font-size:14px;display:flex}.home-intro p{line-height:1.6}.home-intro p.dim{color:var(--fg-dim);font-size:13px}.home-intro p.dim code{color:var(--accent);font-family:inherit}.home-commands{flex-direction:column;gap:3px;margin-top:4px;font-size:13px;display:flex}button.home-cmd{text-align:left;width:100%;font:inherit;color:var(--fg-muted);cursor:pointer;transition:background var(--transition,.12s ease-out);background:0 0;border:0;border-radius:2px;grid-template-columns:100px 14px 1fr;align-items:baseline;gap:4px;padding:2px 0;display:grid}button.home-cmd:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button.home-cmd .home-cmd-name{color:var(--accent)}button.home-cmd:active .home-cmd-name{text-decoration:underline}button.home-cmd .home-cmd-dash{color:var(--fg-dim)}button.home-cmd .home-cmd-desc{color:var(--fg-muted)}.code-body,.preview-body{padding:0;overflow:auto}pre.code{font-family:var(--font);color:var(--fg);white-space:pre;tab-size:2;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.5}.tok-keyword{color:var(--keyword)}.tok-string{color:var(--string)}.tok-number{color:var(--number)}.tok-comment{color:var(--comment);font-style:italic}.list-body{padding:0}.list-header{color:var(--fg-muted);-webkit-user-select:none;user-select:none;padding:10px 14px 6px;font-size:12px}.list-row{cursor:pointer;grid-template-columns:36px 1fr auto;align-items:baseline;gap:10px;padding:3px 14px;font-size:13.5px;display:grid}.list-row.is-selected{background:var(--accent);color:var(--selection-fg)}.list-check{color:var(--fg-dim);font-size:13px}.list-row.is-selected .list-check{color:var(--selection-fg);opacity:.7}.list-name{white-space:nowrap}.list-meta{color:var(--fg-dim);text-align:right;font-size:12.5px}.list-row.is-selected .list-meta{color:var(--selection-fg);opacity:.85}.list-desc{color:var(--fg-dim);padding:0 14px 6px 60px;font-size:12.5px;line-height:1.4}.list-desc.is-selected{color:var(--selection-fg);opacity:.75}.table-body{padding:0}.table-header{color:var(--fg-muted);-webkit-user-select:none;user-select:none;padding:10px 14px 8px;font-size:13px}.table-row{cursor:pointer;grid-template-columns:100px 1fr;align-items:baseline;gap:12px;padding:6px 14px;font-size:13.5px;display:grid}.table-row.is-selected{background:var(--accent);color:var(--selection-fg)}.table-row.is-selected .table-link{color:var(--selection-fg);text-decoration:underline}.table-key{color:var(--fg-dim)}.table-row.is-selected .table-key{color:var(--selection-fg);opacity:.85}.table-value{color:var(--accent-2)}.table-link{color:var(--accent-2);text-decoration:none}.table-link:hover{text-decoration:underline}.help-body{flex-direction:column;gap:18px;display:flex}.help-section{flex-direction:column;gap:4px;display:flex}.help-section-title{color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-soft);margin-bottom:2px;padding-bottom:4px;font-size:12px;font-weight:500}.help-binding{grid-template-columns:140px 1fr;gap:12px;padding:1px 0;font-size:13px;display:grid}.help-keys{color:var(--accent)}.help-desc{color:var(--fg-muted)}.help-overlay{z-index:100;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.help-overlay.is-visible{display:flex}.help-overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:absolute;inset:0}.help-modal-wrap{z-index:1;width:100%;max-width:600px;max-height:80vh;display:flex;position:relative}.help-modal{background:var(--bg-pane);border:1px solid var(--border);border-radius:var(--pane-radius);flex-direction:column;width:100%;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0009}.help-modal-header{background:var(--bg-alt);border-bottom:1px solid var(--border-soft);-webkit-user-select:none;user-select:none;align-items:center;padding:10px 16px;display:flex}.help-modal-title{color:var(--accent-2);font-size:13px;font-weight:500}.help-modal-body{flex-direction:column;gap:18px;padding:16px 20px;display:flex;overflow-y:auto}.help-modal-footer{background:var(--bg-alt);border-top:1px solid var(--border-soft);color:var(--fg-dim);-webkit-user-select:none;user-select:none;justify-content:space-between;padding:8px 16px;font-size:12px;display:flex}html.is-touch .help-overlay,html.is-touch .help-modal-wrap{display:none!important}.preview-body{flex-direction:column;gap:8px;display:flex}.preview-line{color:var(--fg);white-space:pre-wrap;font-size:13.5px;line-height:1.5}.preview-placeholder{color:var(--fg-dim);font-style:italic}@media (width<=720px){.topbar-focus,.bottombar-hints,.topbar-theme{display:none}.panes{border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:1fr!important}.pane-left{border-bottom:1px solid var(--border);border-radius:0}.pane-left .pane-header{display:none}.pane-left .pane-body{padding:0;overflow:visible}.dir-list{-webkit-overflow-scrolling:touch;flex-direction:row;gap:0;margin:0;padding:0;display:flex;overflow-x:auto}.dir-item{min-height:48px;color:var(--fg-dim);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:14px 18px}.dir-item:hover{background:0 0}.dir-item:active{background:var(--accent-soft)}.dir-item.is-selected{color:var(--accent);border-bottom-color:var(--accent);background:0 0}.dir-item.is-selected .dir-icon{color:var(--selection-fg);opacity:1}.pane-right{display:none}.list-row,.table-row{cursor:pointer;min-height:56px;padding:14px 18px}button.home-cmd{min-height:48px;padding:12px 14px;font-size:14px}.list-desc{padding:0 18px 8px 64px}input,textarea,select{font-size:16px}}