@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg-base:#0b0d13;--bg-sidebar:#0f121b;--bg-panel:#10141df0;--bg-toolbar:#0f121bd9;--bg-statusbar:#0c0e16;--bg-input:#151926;--bg-card:#151926;--bg-card-hover:#1b2133;--bg-card-active:#20273d;--border:#ffffff14;--border-light:#ffffff24;--border-subtle:#ffffff0a;--border-focus:#6366f1a6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-hover:#797bf5;--accent-dim:#6366f124;--accent-dimmer:#6366f114;--accent-glow:0 0 24px #6366f140;--green:#10b981;--green-dim:#10b98126;--amber:#f59e0b;--amber-dim:#f59e0b26;--red:#f43f5e;--red-dim:#f43f5e26;--radius-xs:4px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-pill:9999px;--sidebar-w:230px;--toolbar-h:46px;--statusbar-h:28px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 16px 40px -8px #00000080;--shadow-panel:0 10px 30px #00000059;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, monospace}:root[data-theme=light]{--bg-base:#f8fafc;--bg-sidebar:#f1f5f9;--bg-panel:#fffffff2;--bg-toolbar:#f8fafce0;--bg-statusbar:#edf2f7;--bg-input:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card-active:#e2e8f0;--border:#e2e8f0;--border-light:#cbd5e1;--border-subtle:#f1f5f9;--border-focus:#4f46e599;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4f46e5;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-hover:#4338ca;--accent-dim:#4f46e51a;--accent-dimmer:#4f46e50d;--accent-glow:0 0 20px #4f46e533;--green:#059669;--green-dim:#0596691f;--amber:#d97706;--amber-dim:#d977061f;--red:#e11d48;--red-dim:#e11d481f;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 16px 36px -6px #0000001f;--shadow-panel:0 8px 24px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5;overflow:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit}.app-shell{background:var(--bg-base);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.editor-wrap{background:var(--bg-base);flex:1;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;transition:width .2s;display:flex}.sidebar-header{height:var(--toolbar-h);box-sizing:border-box;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sidebar-title{font-family:var(--font-mono);letter-spacing:.22em;color:var(--accent);text-transform:uppercase;font-size:21px;font-weight:700;line-height:1}.sidebar-header-actions{align-items:center;gap:6px;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.sidebar-search-wrap{flex-shrink:0;padding:8px 10px 4px}.sidebar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:flex}.sidebar-search:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.sidebar-search-icon{color:var(--text-muted);flex-shrink:0}.sidebar-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:11.5px}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.sidebar-search-clear:hover{color:var(--text-primary)}.doc-list{flex-direction:column;flex:1;gap:2px;padding:6px 8px;display:flex;overflow-y:auto}.doc-empty{color:var(--text-muted);text-align:center;padding:32px 14px;font-size:12px;line-height:1.6}.doc-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);outline:none;align-items:center;gap:8px;padding:6px 8px;transition:all .15s;display:flex;position:relative}.doc-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.doc-item.active{background:linear-gradient(90deg, var(--accent-dim) 0%, #6366f108 100%);color:var(--text-primary);font-weight:500}.doc-item.active:before{content:"";background:var(--accent);width:2.5px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;top:5px;bottom:5px;left:0}.doc-icon{color:var(--text-muted);flex-shrink:0}.doc-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.doc-rename-input{background:var(--bg-input);border:1px solid var(--accent);min-width:0;color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-dim);border-radius:4px;outline:none;flex:1;padding:1px 6px;font-family:inherit;font-size:12px}.doc-ext-badge{background:var(--accent-dim);color:var(--accent);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;letter-spacing:.02em;border:1px solid #6c8aff59;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:600;transition:all .12s}:root[data-theme=light] .doc-ext-badge{color:#1d4ed8;background:#e0edff;border-color:#93c5fd}.doc-ext-badge:hover{border-color:var(--accent);color:#fff;background:var(--accent)}.doc-item.active .doc-ext-badge{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.doc-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:3px;line-height:1;transition:all .12s;display:none}.doc-delete:hover{color:var(--red);background:var(--red-dim)}.doc-item:hover .doc-delete{justify-content:center;align-items:center;display:flex}@keyframes doc-item-flash{0%,to{box-shadow:0 0 #0000}30%,70%{box-shadow:0 0 0 2px var(--accent)}}.doc-item.flash{animation:.9s cubic-bezier(.16,1,.3,1) doc-item-flash}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;font-family:var(--font-mono);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;padding:8px 12px;display:flex}.toolbar{height:var(--toolbar-h);background:var(--bg-toolbar);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 10px;display:grid}.toolbar-left{justify-self:start;align-items:center;display:flex}.menu-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:none}.menu-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-card-hover)}.toolbar-tools{justify-content:center;justify-self:center;align-items:center;gap:3px;display:flex}.tool-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.tool-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.tool-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.tool-label{font-weight:500}.toolbar-right{justify-self:end;align-items:center;gap:10px;display:flex}.toolbar-stats{color:var(--text-muted);font-family:var(--font-mono);gap:12px;margin-left:auto;font-size:12px;display:flex}.theme-toggle-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:2px 6px;transition:all .15s;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-light)}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-bar{background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-panel);z-index:15;flex-shrink:0;animation:.18s cubic-bezier(.16,1,.3,1) panelSlideDown}.panel-bar-header{justify-content:space-between;align-items:center;padding:10px 16px 4px;display:flex}.panel-bar-header-info{align-items:baseline;gap:10px;display:flex}.panel-bar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.panel-bar-subtitle{color:var(--text-muted);font-size:11px}.panel-bar-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:1px solid #0000;padding:3px 6px;font-size:13px;transition:all .15s}.panel-bar-close:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border)}.panel-content{padding:8px 16px 14px}.panel-row{align-items:center;gap:12px;margin-bottom:9px;display:flex}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:80px;font-size:11px;font-weight:600}.input-group{flex:1;align-items:center;gap:6px;display:flex}.input-with-controls{flex:1;align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.text-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:12.5px;font-family:var(--font-mono);outline:none;padding:6px 10px 6px 30px;transition:all .15s}.text-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.text-input.mono{padding-left:10px}.match-counter-pill{font-family:var(--font-mono);background:var(--accent-dim);color:var(--accent);pointer-events:none;border:1px solid #6366f140;border-radius:10px;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;right:8px}.input-toggle-group{gap:3px;display:flex}.toggle-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s}.toggle-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.panel-actions{align-items:center;gap:8px;margin-top:8px;padding-top:4px;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-.5px);box-shadow:0 4px 14px #6366f173}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-card-hover)}.btn-sm{padding:4px 8px;font-size:11.5px}.checkbox-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.checkbox-label input{cursor:pointer;accent-color:var(--accent)}.error-msg{color:var(--red);background:var(--red-dim);border-radius:var(--radius-sm);font-size:11.5px;font-family:var(--font-mono);border:1px solid #f43f5e4d;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;display:inline-flex}.panel-sort-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0 4px;display:grid}.panel-hint-bar{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.panel-hint-badge{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px}.preset-chip-list{flex-wrap:wrap;gap:5px;display:flex}.preset-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;padding:3px 8px;font-size:11px;transition:all .15s}.preset-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.convert-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.convert-categories{flex-wrap:wrap;gap:4px;display:flex}.convert-category-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.convert-category-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.convert-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #6366f159}.convert-search-wrap{align-items:center;display:flex;position:relative}.convert-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.convert-filter-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;width:180px;padding:4px 10px 4px 28px;font-size:11.5px;transition:all .15s}.convert-filter-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.convert-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:230px;padding-right:4px;display:grid;overflow-y:auto}.convert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;transition:all .15s;display:flex}.convert-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.convert-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.convert-label{font-family:var(--font-mono);color:var(--text-primary);font-size:11.5px;font-weight:600}.convert-arrow-icon{color:var(--text-muted);transition:color .15s}.convert-card:hover .convert-arrow-icon{color:var(--accent)}.convert-desc{color:var(--text-muted);font-size:10px}.convert-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:24px;font-size:12px}.indent-options{gap:4px;display:flex}.indent-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:11px;transition:all .15s}.indent-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.indent-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.beautify-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:230px;display:grid;overflow-y:auto}.beautify-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.beautify-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.beautify-icon-pill{font-family:var(--font-mono);border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:24px;font-size:11px;font-weight:700;display:flex}.beautify-label{color:var(--text-secondary);flex:1;font-size:12px;font-weight:500}.beautify-card:hover .beautify-label{color:var(--text-primary)}.beautify-sparkle{color:var(--text-muted);transition:color .15s}.beautify-card:hover .beautify-sparkle{color:var(--accent)}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;max-width:380px;padding:8px 12px;animation:.22s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--accent)}.toast-text{color:var(--text-primary);flex:1;font-size:12px;font-weight:500}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.toast-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.empty-state-badge{border-radius:var(--radius-lg);background:var(--accent-dim);width:52px;height:52px;color:var(--accent);box-shadow:var(--accent-glow);border:1px solid #6366f140;justify-content:center;align-items:center;display:flex}.empty-state h2{color:var(--text-primary);font-size:18px;font-weight:700}.empty-state p{max-width:360px;font-size:13px;line-height:1.5}.overlay-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#03050aa6;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.overlay-modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:min(480px,92vw);max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden}.overlay-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.overlay-title-group{align-items:center;gap:10px;display:flex}.overlay-title{color:var(--text-primary);font-size:14px;font-weight:700}.overlay-sub-badge{color:var(--text-muted);font-size:10.5px}.overlay-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:all .15s;display:flex}.overlay-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.overlay-body{flex-direction:column;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.overlay-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:0 12px;transition:all .15s;display:flex}.overlay-field:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.overlay-field-icon{color:var(--text-muted);flex-shrink:0}.overlay-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.overlay-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.overlay-tag-filter{gap:6px;padding:2px 0;display:flex}.overlay-tag-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s}.overlay-tag-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.overlay-tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.overlay-type-list{flex-direction:column;gap:4px;max-height:300px;padding-right:2px;display:flex;overflow-y:auto}.overlay-type-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .12s;display:flex}.overlay-type-card:hover,.overlay-type-card.focused{border-color:var(--border-light);background:var(--bg-card-hover)}.overlay-type-card.current{border-color:var(--accent);background:var(--accent-dimmer)}.overlay-type-ext{width:48px;font-family:var(--font-mono);text-align:center;border:1px solid;border-radius:4px;flex-shrink:0;padding:3px 0;font-size:11px;font-weight:700}.overlay-type-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.overlay-type-label-row{align-items:center;gap:8px;display:flex}.overlay-type-label{color:var(--text-primary);font-size:12.5px;font-weight:600}.overlay-type-tag{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}.overlay-type-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.overlay-current-indicator{color:var(--accent);flex-shrink:0}.overlay-empty{color:var(--text-muted);text-align:center;padding:24px;font-size:12px}.overlay-footer{border-top:1px solid var(--border);background:var(--bg-statusbar);justify-content:flex-end;align-items:center;padding:8px 18px;display:flex}.overlay-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.overlay-hint kbd{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:1px 4px;font-size:10px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-backdrop{display:none}@media (width<=768px){.menu-btn{display:flex}.sidebar{z-index:60;width:min(var(--sidebar-w), 80vw);box-shadow:var(--shadow-lg);transition:transform .22s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;background:#03050a99;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.tool-label{display:none}.tool-btn{padding:6px 8px}.toolbar-stats span:nth-child(2),.toolbar-stats span:nth-child(3){display:none}.overlay-backdrop{padding-top:5vh}.overlay-modal{width:min(480px,95vw);max-height:88vh}}@media (width<=420px){.toolbar-stats{display:none}}