:root{color:#131b2e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{-webkit-user-select:none;user-select:none}.app{--app-bg:#f2f3ff;--panel-bg:#fff;--panel-bg-strong:#f2f3ff;--text:#131b2e;--heading:#131b2e;--muted:#434655;--border:#c3c6d7;--accent:#004ac6;--accent-strong:#003ea8;--accent-soft:#dbe1ff;--danger:#ba1a1a;--danger-soft:#ffdad6;--input-bg:#fff;--code-bg:#0f172a;--code-toolbar-bg:#1e293b;--code-border:#334155;--code-text:#e2e8f0;--blockquote-bg:#eaedff;--blockquote-border:#004ac6;--blockquote-text:#131b2e;--shadow-soft:0 4px 20px #0f172a14;--shadow-strong:0 16px 48px #0f172a29;--search-highlight-bg:#fde68a;--search-highlight-text:#000;--search-highlight-active-bg:#ea580c;--search-highlight-active-text:#fff;--accent-text:#fff;--syntax-keyword:#d73a49;--syntax-string:#22863a;--syntax-comment:#6a737d;--syntax-function:#6f42c1;--syntax-number:#005cc5;--syntax-operator:#d73a49;--syntax-tag:#22863a;--syntax-regex:#032f62;--syntax-variable:#e36209;--syntax-constant:#005cc5;background:radial-gradient(circle at top left, #004ac612, transparent 32rem), var(--app-bg);height:100vh;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.app.theme-dark{--app-bg:#131b2e;--panel-bg:#1c2540;--panel-bg-strong:#283044;--text:#e2e8f0;--heading:#eef0ff;--muted:#8e92a8;--border:#374262;--accent:#b4c5ff;--accent-strong:#dbe1ff;--accent-soft:#b4c5ff1f;--danger:#ffb4ab;--danger-soft:#ffb4ab1f;--input-bg:#1c2540;--code-bg:#0d1117;--code-toolbar-bg:#161b27;--code-border:#2d3650;--code-text:#e2e8f0;--blockquote-bg:#283044;--blockquote-border:#b4c5ff;--blockquote-text:#c8cfe8;--shadow-soft:0 4px 20px #00000052;--shadow-strong:0 16px 48px #00000085;--search-highlight-bg:#854d0e;--search-highlight-text:#fef9c3;--search-highlight-active-bg:#facc15;--search-highlight-active-text:#000;--accent-text:#131b2e;--syntax-keyword:#ff7b72;--syntax-string:#a5d6ff;--syntax-comment:#8b949e;--syntax-function:#d2a8ff;--syntax-number:#79c0ff;--syntax-operator:#ff7b72;--syntax-tag:#7ee787;--syntax-regex:#a5d6ff;--syntax-variable:#ffa657;--syntax-constant:#79c0ff;background:radial-gradient(circle at top left, #b4c5ff14, transparent 34rem), var(--app-bg)}.app.theme-sepia{--app-bg:#f5ead6;--panel-bg:#fdf6e8;--panel-bg-strong:#f5e7cc;--text:#4a3424;--heading:#2f2118;--muted:#7c5d45;--border:#d6c099;--accent:#7c3f11;--accent-strong:#5c2d09;--accent-soft:#ead8b8;--danger:#b91c1c;--danger-soft:#f8e1d4;--input-bg:#fdf6e8;--code-bg:#1c120b;--code-toolbar-bg:#2f2118;--code-border:#4a3424;--code-text:#fff7e8;--blockquote-bg:#ead8b8;--blockquote-border:#7c3f11;--blockquote-text:#4a3424;--shadow-soft:0 4px 20px #4a34241a;--shadow-strong:0 16px 48px #4a342438;--search-highlight-bg:#d4a373;--search-highlight-text:#2f2118;--search-highlight-active-bg:#9a3412;--search-highlight-active-text:#fff;--accent-text:#fff;--syntax-keyword:sienna;--syntax-string:#556b2f;--syntax-comment:#8b7d6b;--syntax-function:#8b4513;--syntax-number:#4682b4;--syntax-operator:sienna;--syntax-tag:#2e8b57;--syntax-regex:#5f9ea0;--syntax-variable:peru;--syntax-constant:#4682b4;background:radial-gradient(circle at top left, #7c3f1114, transparent 34rem), var(--app-bg)}.header{z-index:20;background:color-mix(in srgb, var(--panel-bg) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.header h1.logo{color:var(--heading);letter-spacing:-.02em;white-space:nowrap;align-items:baseline;margin:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:800;display:flex}.logo-y{margin-right:1px;font-family:Newsreader,serif;font-size:1.1em;font-style:italic;font-weight:400;transform:translateY(-.05em)}.logo-markdown{font-weight:800}.logo-reader{margin-left:.5px;font-weight:400}.header-divider{background:var(--border);flex-shrink:0;width:1px;height:18px}.header-file-chip{background:var(--panel-bg-strong);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:260px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:inline-flex}.header-file-chip span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-stat-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;line-height:1;display:flex}.header-stat-chip strong{color:var(--heading);background:var(--panel-bg-strong);border-radius:6px;justify-content:center;align-items:center;padding:2.5px 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.stat-label{opacity:.8;align-items:center;font-weight:600;line-height:1;display:inline-flex;transform:translateY(.5px)}.stat-separator{opacity:.4;align-items:center;margin:0 2px;line-height:1;display:inline-flex;transform:translateY(.5px)}.topbar-icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.topbar-icon-btn:hover{background:var(--panel-bg-strong);color:var(--accent)}.topbar-icon-btn:active{transform:scale(.94)}.topbar-icon-btn:disabled{opacity:.38;cursor:not-allowed}.topbar-icon-btn--active{background:var(--accent-soft);color:var(--accent)}.topbar-export-btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .15s;box-shadow:0 2px 8px #004ac640}.topbar-export-btn:hover{background:var(--accent-strong)}.topbar-export-btn:active{transform:scale(.96)}.topbar-export-btn:disabled{opacity:.38;cursor:not-allowed}.view-controls button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.view-controls button:hover{background:var(--panel-bg-strong);color:var(--text)}.view-controls button:active{transform:scale(.97)}.view-controls button:disabled{opacity:.4;cursor:not-allowed}.view-controls button.active{background:var(--accent-soft);border-color:var(--border);color:var(--accent);font-weight:600}.restore-actions button,.settings-footer button,.export-menu button,.theme-menu button{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-family:inherit;transition:border-color .15s,color .15s,background .15s,transform .15s;display:inline-flex}.restore-actions button{gap:5px;padding:4px 10px;font-size:12px}.restore-actions button:hover,.settings-footer button:hover,.export-menu button:hover,.theme-menu button:hover{border-color:var(--accent);color:var(--accent)}.restore-actions button:active,.settings-footer button:active{transform:translateY(1px)}.search-nav-button:disabled,.floating-search-button:disabled{opacity:.45;cursor:not-allowed}.settings-footer button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.tooltip-wrapper{display:inline-flex;position:relative}.custom-tooltip{z-index:70;opacity:0;visibility:hidden;pointer-events:none;border:1px solid var(--border);background:var(--heading);width:max-content;max-width:260px;color:var(--panel-bg);box-shadow:var(--shadow-strong);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity 80ms,transform 80ms,visibility 80ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.custom-tooltip:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--heading) transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .custom-tooltip,.tooltip-wrapper:focus-within .custom-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.theme-menu-wrapper,.export-menu-wrapper{position:relative}.theme-menu,.export-menu{z-index:50;border:1px solid var(--border);background:var(--panel-bg);min-width:140px;box-shadow:var(--shadow-strong);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.theme-menu button,.export-menu button{width:100%;box-shadow:none;border-radius:8px;justify-content:flex-start;margin-bottom:2px;font-size:13px}.theme-menu button:last-child,.export-menu button:last-child{margin-bottom:0}.selected-menu-item{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent)!important}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.main{flex:1;min-width:0;padding:20px 24px 48px;overflow-y:auto}.restore-banner{border:1px solid var(--accent-soft);background:color-mix(in srgb, var(--accent-soft) 60%, var(--panel-bg));border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 16px;display:flex}.restore-banner strong{color:var(--heading);font-size:13px}.restore-banner p{color:var(--muted);margin:2px 0 0;font-size:12px}.restore-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.tabs-bar{border-bottom:1px solid var(--border);align-items:stretch;gap:0;min-width:0;margin-bottom:16px;display:flex}.tabs-scroll{scrollbar-width:none;flex:1;align-items:stretch;gap:0;min-width:0;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.file-tab{min-width:140px;max-width:240px;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;align-items:center;margin-bottom:-1px;display:inline-flex;position:relative;overflow:hidden}.file-tab.active{border-bottom-color:var(--accent);background:0 0}.file-tab-main{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:10px 6px 10px 12px;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.file-tab.active .header-stat-chip strong{color:var(--text);font-weight:800}.header-info-wrapper{cursor:help;align-items:center;margin-left:8px;display:flex;position:relative}.header-info-icon{color:var(--muted);opacity:.6;transition:opacity .2s}.header-info-wrapper:hover .header-info-icon{opacity:1;color:var(--accent)}.header-info-tooltip{background:var(--panel-bg);border:1px solid var(--border);width:280px;box-shadow:0 10px 30px -10px #00000080, var(--shadow-strong);pointer-events:none;opacity:0;visibility:hidden;z-index:1000;text-align:left;white-space:normal;border-radius:10px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(8px)}.header-info-tooltip:before{content:"";background:var(--panel-bg);border-top:1px solid var(--border);border-left:1px solid var(--border);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.header-info-wrapper:hover .header-info-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);white-space:normal;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.header-info-tooltip p{color:var(--text);opacity:.9;text-transform:none;white-space:normal;margin:0;font-size:12px;font-weight:400;line-height:1.6}.file-tab.active .file-tab-main{color:var(--accent);font-weight:600}.file-tab-main:hover{color:var(--text)}.file-tab-main span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-tab-main em{color:var(--accent);font-style:normal;font-weight:900}.file-tab-close{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:8px 10px 8px 4px;transition:color .12s;display:inline-flex}.file-tab-close:hover{color:var(--danger)}.new-tab-button{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;align-self:center;place-items:center;margin:0 8px;font-size:15px;font-weight:500;line-height:1;transition:background .12s,color .12s;display:grid}.new-tab-button:hover{background:var(--panel-bg-strong);color:var(--accent)}.view-controls{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;padding:8px 10px;display:flex}.search-control{border:1px solid var(--border);background:var(--panel-bg-strong);border-radius:8px;flex:1;align-items:center;gap:6px;max-width:300px;margin-left:auto;padding:5px 6px 5px 10px;transition:border-color .12s;display:flex}.search-control:focus-within{border-color:var(--accent)}.search-control svg{color:var(--muted);flex:none}.search-control input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.search-control input::placeholder{color:var(--muted)}.search-count{color:var(--muted);white-space:nowrap;font-size:12px}.search-nav-button,.search-clear-button,.floating-search-button{background:var(--panel-bg-strong);width:28px;height:28px;color:var(--muted);cursor:pointer;border:0;border-radius:999px;place-items:center;display:inline-grid}.search-nav-button:hover,.search-clear-button:hover,.floating-search-button:hover{color:var(--accent);background:var(--accent-soft)}.nav-pane-container{z-index:100;flex-shrink:0;width:256px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1),opacity .3s,transform .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-pane-container.nav-closed{opacity:0;pointer-events:none;width:0;transform:translate(-12px)}.nav-pane-container.nav-open{opacity:1;width:256px;overflow:visible;transform:translate(0)}.nav-pane{border-right:1px solid var(--border);background:var(--panel-bg);scrollbar-width:thin;z-index:101;flex-direction:column;width:256px;height:100%;padding:16px 0 0;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}.nav-pane:hover{width:560px;box-shadow:12px 0 32px #00000026}.app.theme-dark .nav-pane:hover{box-shadow:20px 0 40px #0006}.app.theme-sepia .nav-pane:hover{box-shadow:12px 0 32px #4a342433}.nav-header{flex-direction:column;gap:12px;margin-bottom:20px;padding:0 16px;display:flex}.nav-app-title{color:var(--heading);border-bottom:1px solid var(--border);align-items:baseline;margin:0;padding:0 0 4px;font-size:15px;display:flex}.nav-app-title .logo-y{font-size:1.15em}.nav-app-title .logo-markdown{letter-spacing:-.01em;font-size:.95em}.nav-app-title .logo-reader{font-size:.95em}.nav-section-label{color:var(--muted);letter-spacing:.05em;opacity:.8;font-size:11px;font-weight:700}.nav-global-actions{align-items:center;gap:8px;display:flex}.nav-text-btn{background:var(--panel-bg-strong);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:4px;margin:0;padding:3px 10px;font-size:10px;font-weight:600;transition:all .2s}.nav-text-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.nav-text-btn:active{transform:translateY(0)}.nav-list{flex-direction:column;flex:1;gap:1px;padding-left:8px;display:flex}.nav-link-row{align-items:stretch;display:flex;position:relative}.nav-active-bar{background:var(--accent);border-radius:0 4px 4px 0;width:3px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link-container{align-items:center;gap:2px;width:100%;display:flex;position:relative}.nav-collapse-btn{cursor:pointer;width:22px;height:22px;color:var(--muted);z-index:5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.nav-collapse-btn:hover{background:var(--accent-soft);color:var(--accent)}.nav-link{color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 12px 6px 4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;overflow:hidden}.nav-link:hover{background:var(--panel-bg-strong);color:var(--text)}.nav-link.active-heading{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-link.no-children{padding-left:28px}.nav-level-1 .nav-link{color:var(--text);font-size:14px;font-weight:700}.nav-level-1{padding-left:8px}.nav-level-2 .nav-link{font-weight:600}.nav-level-2{padding-left:20px}.nav-level-3{padding-left:32px;font-size:13px}.nav-level-4{opacity:.85;padding-left:44px;font-size:12.5px}.nav-level-5{opacity:.75;padding-left:56px;font-size:12px}.nav-level-6{opacity:.65;padding-left:68px;font-size:12px}.nav-empty{color:var(--muted);padding:8px 16px;font-size:13px;line-height:1.5}.nav-empty p{color:var(--text);margin:0 0 4px;font-weight:600}.workspace{min-width:0}.workspace.split{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:18px;display:grid}.panel{border:1px solid var(--border);background:var(--panel-bg);min-width:0;box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.editor-panel{flex-direction:column;display:flex}.workspace .panel{flex-direction:column;height:calc(100vh - 260px);min-height:480px;display:flex}.workspace .preview-panel-body{flex:1;min-height:0;overflow:auto}.panel-header{border-bottom:1px solid var(--border);color:var(--muted);background:var(--panel-bg-strong);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.panel-header-left{align-items:center;gap:8px;display:flex}.panel-header-right{align-items:center;gap:10px;display:flex}.header-toggle-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);opacity:.8;white-space:nowrap;font-size:10px;font-weight:600}.switch.mini{width:32px;height:18px}.switch.mini .slider{border-radius:18px}.switch.mini .slider:before{width:12px;height:12px;bottom:3px;left:3px}.switch.mini input:checked+.slider:before{transform:translate(14px)}.editor-panel{background:var(--panel-bg)}.editor-panel textarea{resize:vertical;background:var(--panel-bg);width:100%;min-height:calc(100vh - 310px);color:var(--text);caret-color:var(--accent);border:0;outline:none;padding:20px;font-family:Space Grotesk,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.7;overflow:auto}.editor-panel textarea::placeholder{color:var(--muted);opacity:.5}.panel-header-word-chip{letter-spacing:.05em;color:var(--muted);text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:700}.workspace.split .editor-panel textarea{resize:none;flex:1;min-height:0}.preview-panel{min-height:calc(100vh - 260px)}.markdown-preview{width:min(var(--preview-width), calc(100% - 32px));line-height:var(--preview-line-height);font-size:var(--preview-body-size);color:var(--text);margin:0 auto;padding:34px 16px 56px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--heading);font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-weight:800;line-height:1.2}.markdown-preview h1{font-size:var(--preview-h1-size);letter-spacing:-.04em;margin:0 0 24px}.markdown-preview h2{font-size:var(--preview-h2-size);border-bottom:2px solid var(--border);margin-top:42px;margin-bottom:16px;padding-bottom:10px}.markdown-preview h3{font-size:var(--preview-h3-size);margin-top:30px;margin-bottom:12px}.markdown-preview h4{font-size:var(--preview-h4-size);margin-top:26px;margin-bottom:10px}.markdown-preview p{margin:16px 0}.markdown-preview strong{color:var(--heading);font-weight:800}.markdown-preview em{color:var(--muted)}.markdown-preview a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.markdown-preview ul,.markdown-preview ol{padding-left:28px}.markdown-preview li{margin:8px 0}.markdown-preview hr{border:0;border-top:2px solid var(--border);margin:32px 0}.markdown-preview code:not(.syntax-code){background:var(--panel-bg-strong);color:var(--heading);border-radius:6px;padding:2px 6px;font-size:.9em;font-weight:700}.code-block-wrapper{background:var(--code-bg);border:1px solid var(--code-border);border-radius:12px;margin:24px 0;overflow:hidden}.code-block-toolbar{background:var(--code-toolbar-bg);border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;gap:12px;padding:9px 10px 9px 14px;display:flex}.code-block-toolbar span{color:var(--code-text);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.copy-code-button{border:1px solid var(--code-border);color:var(--code-text);cursor:pointer;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:inline-flex}.copy-code-button:hover,.copy-code-button.copied{background:#ffffff29}.syntax-scroller{background:var(--code-bg);color:var(--code-text);margin:0;padding:18px;overflow-x:auto}.syntax-code{color:var(--code-text);white-space:pre;background:0 0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.65}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--syntax-comment);font-style:italic}.token.punctuation{color:var(--code-text);opacity:.7}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--syntax-tag)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--syntax-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--syntax-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--syntax-keyword)}.token.function,.token.class-name{color:var(--syntax-function)}.token.regex,.token.important,.token.variable{color:var(--syntax-variable)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.markdown-preview blockquote{border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);color:var(--blockquote-text);border-radius:0 8px 8px 0;margin:24px 0;padding:12px 20px;font-style:italic}.markdown-preview table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px;overflow:hidden}.markdown-preview th,.markdown-preview td{border:1px solid var(--border);text-align:left;padding:11px 13px}.markdown-preview th{background:var(--panel-bg-strong);color:var(--heading);font-weight:800}.markdown-preview tr:nth-child(2n) td{background:var(--panel-bg-strong)}.markdown-preview img{border-radius:14px;max-width:100%}.empty-state{min-height:calc(100vh - 310px);color:var(--muted);text-align:center;place-items:center;padding:38px;display:grid}.empty-state h2{color:var(--heading);margin:12px 0 6px}.search-highlight{background:var(--search-highlight-bg);color:var(--search-highlight-text);border-radius:2px;padding:0 2px;transition:all .15s}.active-search-highlight{border-radius:2px;font-weight:600;background:var(--search-highlight-active-bg)!important;color:var(--search-highlight-active-text)!important}.floating-search-tab{z-index:60;border:1px solid var(--border);background:var(--panel-bg);max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-strong);border-radius:16px;align-items:center;gap:12px;padding:8px 10px;display:flex;position:fixed;bottom:24px;right:24px}.floating-search-main{align-items:center;gap:9px;min-width:0;display:flex}.floating-search-main span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;display:block}.drop-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#131b2e8f;place-items:center;display:grid;position:fixed;inset:0}.drop-card{border:1px solid var(--border);background:var(--panel-bg);width:min(400px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-strong);text-align:center;border-radius:20px;padding:36px 32px}.drop-card svg{color:var(--accent)}.drop-card h2{color:var(--heading);margin:14px 0 6px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:18px}.drop-card p{color:var(--muted);margin:0;font-size:13px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#131b2e7a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.settings-modal,.export-confirm-modal{border:1px solid var(--border);background:var(--panel-bg);width:min(660px,100vw - 32px);max-height:calc(100vh - 44px);color:var(--text);box-shadow:var(--shadow-strong);border-radius:20px;padding:24px;overflow:auto}.export-confirm-modal{width:min(480px,100vw - 32px)}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.settings-header h2{color:var(--heading);margin:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700}.settings-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.icon-button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:color .12s,border-color .12s,background .12s;display:grid}.icon-button:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.settings-grid{gap:18px;display:grid}.settings-grid label{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.settings-grid label span{color:var(--text);font-size:13px;font-weight:600}.settings-grid label strong{color:var(--accent);text-align:right;min-width:48px;font-size:13px;font-weight:700}.settings-grid input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;height:4px}.settings-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}.export-theme-options{gap:8px;display:grid}.export-theme-option{border:1px solid var(--border);background:var(--panel-bg-strong);color:var(--text);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.export-theme-option span{color:var(--text);font-size:14px;font-weight:600}.export-theme-option strong{color:var(--muted);font-size:12px;font-weight:600}.export-theme-option:hover{border-color:var(--accent)}.export-theme-option.selected{border-color:var(--accent);background:var(--accent-soft)}.export-theme-option.selected strong,.export-theme-option.selected span{color:var(--accent)}@media (width<=1100px){.nav-pane{width:220px}.workspace.split{grid-template-columns:1fr}.workspace.split .editor-panel,.workspace.split .preview-panel{height:auto;min-height:0}.workspace.split .editor-panel textarea{resize:vertical;min-height:calc(100vh - 260px)}.workspace.split .preview-panel-body{flex:none;overflow:visible}}@media (width<=860px){.header{flex-wrap:wrap;height:auto;min-height:56px;padding:10px 16px}.header-stat-chip,.nav-pane{display:none}.main{padding:16px 16px 48px}.stats{grid-template-columns:1fr}.search-control{max-width:none;margin-left:0}.floating-search-tab{justify-content:space-between;max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=720px){.tabs-bar{align-items:stretch}.file-tab{min-width:130px;max-width:220px}.new-tab-button{width:36px;height:36px}.view-controls{gap:4px;padding:6px 8px}.search-control{flex-basis:100%}.markdown-preview{width:calc(100% - 20px);padding:26px 10px 44px}.settings-grid label{grid-template-columns:1fr}.settings-footer{justify-content:stretch}.settings-footer button{flex:1;justify-content:center}}@media (width<=520px){.theme-menu,.export-menu{left:0;right:auto}.floating-search-tab{flex-direction:column;align-items:stretch}.floating-search-actions{justify-content:space-between}}.syntax-line{min-height:1.65em;display:block}.editor-panel.editor-wrap-disabled textarea{white-space:pre;overflow-wrap:normal}.editor-panel.editor-wrap-enabled textarea{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.syntax-scroller{position:relative}.code-source-line-anchors{z-index:0;pointer-events:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.65;position:absolute;top:18px;left:18px;right:18px}.code-source-line-anchor{height:1.65em;display:block}.syntax-scroller>div:not(.code-source-line-anchors){z-index:1;position:relative}.attribution-footer{color:var(--muted);opacity:.5;pointer-events:none;z-index:100;letter-spacing:.02em;align-items:center;gap:3px;font-size:10px;font-weight:500;transition:opacity .2s;display:flex;position:fixed;bottom:12px;right:16px}.app .editor-panel.dark-editor-active{background:#0f172a!important}.app .editor-panel.dark-editor-active .panel-header{color:#94a3b8!important;background:#1e293b!important;border-bottom-color:#334155!important}.app .editor-panel.dark-editor-active .panel-header svg:not(.switch svg){color:#60a5fa!important}.app .editor-panel.dark-editor-active .header-toggle-label{color:#94a3b8!important}.app .editor-panel.dark-editor-active .switch.mini .slider{background-color:#334155!important}.app .editor-panel.dark-editor-active .switch.mini input:checked+.slider{background-color:#60a5fa!important}.app .editor-panel.dark-editor-active textarea{color:#e2e8f0!important;caret-color:#60a5fa!important;background:#0f172a!important}.app .editor-panel.dark-editor-active textarea::placeholder,.app .editor-panel.dark-editor-active .panel-header-word-chip{color:#475569!important}.app.theme-sepia .editor-panel.dark-editor-active{background:#1c120b!important}.app.theme-sepia .editor-panel.dark-editor-active .panel-header{color:#dec9a6!important;background:#2f2118!important;border-bottom-color:#4a3424!important}.app.theme-sepia .editor-panel.dark-editor-active .panel-header svg:not(.switch svg){color:#dec9a6!important}.app.theme-sepia .editor-panel.dark-editor-active .header-toggle-label{opacity:.7;color:#dec9a6!important}.app.theme-sepia .editor-panel.dark-editor-active .switch.mini .slider{background-color:#4a3424!important}.app.theme-sepia .editor-panel.dark-editor-active .switch.mini input:checked+.slider{background-color:#dec9a6!important}.app.theme-sepia .editor-panel.dark-editor-active .switch.mini input:checked+.slider:before{background-color:#1c120b!important}.app.theme-sepia .editor-panel.dark-editor-active textarea{color:#fff7e8!important;caret-color:#8a4b16!important;background:#1c120b!important}.app.theme-sepia .editor-panel.dark-editor-active textarea::placeholder,.app.theme-sepia .editor-panel.dark-editor-active .panel-header-word-chip{color:#4a3424!important}.settings-section{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.settings-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px;font-size:11px}.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-info span{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.setting-info p{color:var(--muted);margin:0;font-size:12px}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(20px)}