:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3fb;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;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{-webkit-user-select:none;user-select:none}.app{--app-bg:#eef3fb;--panel-bg:#fff;--panel-bg-strong:#f8fafc;--text:#172033;--heading:#0f172a;--muted:#64748b;--border:#dbe3ef;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--danger:#dc2626;--danger-soft:#fef2f2;--input-bg:#fff;--code-bg:#020617;--code-toolbar-bg:#0f172a;--code-border:#1e293b;--code-text:#e5e7eb;--blockquote-bg:#f1f5f9;--blockquote-border:#64748b;--blockquote-text:#334155;--shadow-soft:0 12px 32px #0f172a14;--shadow-strong:0 24px 80px #0f172a38;background:radial-gradient(circle at top left, #2563eb1f, transparent 32rem), var(--app-bg);min-height:100vh;color:var(--text)}.app.theme-dark{--app-bg:#020617;--panel-bg:#0f172a;--panel-bg-strong:#111827;--text:#e5e7eb;--heading:#f8fafc;--muted:#94a3b8;--border:#334155;--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:#60a5fa24;--danger:#f87171;--danger-soft:#f871711f;--input-bg:#020617;--code-bg:#020617;--code-toolbar-bg:#111827;--code-border:#1e293b;--code-text:#e5e7eb;--blockquote-bg:#1e293b;--blockquote-border:#64748b;--blockquote-text:#e2e8f0;--shadow-soft:0 12px 32px #00000038;--shadow-strong:0 24px 80px #00000073;background:radial-gradient(circle at top left, #60a5fa24, transparent 34rem), var(--app-bg)}.app.theme-sepia{--app-bg:#f3e5c8;--panel-bg:#fbf3e2;--panel-bg-strong:#f5e7cc;--text:#4a3424;--heading:#2f2118;--muted:#7c5d45;--border:#dec9a6;--accent:#9a5a1f;--accent-strong:#7c3f11;--accent-soft:#ead8b8;--danger:#b91c1c;--danger-soft:#f8e1d4;--input-bg:#fff7e8;--code-bg:#1c120b;--code-toolbar-bg:#2f2118;--code-border:#4a3424;--code-text:#fff7e8;--blockquote-bg:#f5e7cc;--blockquote-border:#a16207;--blockquote-text:#4a3424;--shadow-soft:0 12px 32px #4a34241f;--shadow-strong:0 24px 80px #4a342447;background:radial-gradient(circle at top left, #9a5a1f1f, transparent 34rem), var(--app-bg)}.header{z-index:20;background:color-mix(in srgb, var(--panel-bg) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:22px;padding:18px 28px;display:flex;position:sticky;top:0}.title-row{align-items:center;gap:12px;display:flex}.logo{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.header h1{color:var(--heading);letter-spacing:-.04em;margin:0;font-size:24px}.header p{color:var(--muted);margin:4px 0 0;font-size:14px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.actions button,.view-controls button,.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:9px 13px;transition:border-color .15s,color .15s,background .15s,transform .15s;display:inline-flex}.actions button:hover,.view-controls button:hover,.restore-actions button:hover,.settings-footer button:hover,.export-menu button:hover,.theme-menu button:hover{border-color:var(--accent);color:var(--accent)}.actions button:active,.view-controls button:active,.restore-actions button:active,.settings-footer button:active{transform:translateY(1px)}.actions button:disabled,.view-controls button:disabled,.search-nav-button:disabled,.floating-search-button:disabled{opacity:.45;cursor:not-allowed}.actions .danger{color:var(--danger)}.actions .danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.menu-trigger.menu-open,.view-controls button.active,.settings-footer button.active{background:var(--accent);border-color:var(--accent);color:#fff}.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:280px;color:var(--panel-bg);box-shadow:var(--shadow-strong);border-radius:12px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.35;transition:opacity 80ms,transform 80ms,visibility 80ms;position:absolute;bottom:calc(100% + 10px);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:145px;box-shadow:var(--shadow-strong);border-radius:18px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.theme-menu button,.export-menu button{width:100%;box-shadow:none;border-radius:12px;justify-content:flex-start;margin-bottom:4px}.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}.main{width:min(1720px,100vw - 42px);margin:0 auto;padding:24px 0 48px}.restore-banner{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow-soft);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex}.restore-banner strong{color:var(--heading)}.restore-banner p{color:var(--muted);margin:4px 0 0}.restore-actions{flex-wrap:wrap;gap:10px;display:flex}.tabs-bar{align-items:center;gap:10px;min-width:0;margin:18px 0;display:flex}.tabs-scroll{scrollbar-width:thin;flex:1;align-items:center;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.file-tab{border:1px solid var(--border);background:var(--panel-bg);min-width:150px;max-width:260px;box-shadow:var(--shadow-soft);border-radius:999px;flex:none;align-items:center;display:inline-flex;overflow:hidden}.file-tab.active{border-color:var(--accent);background:var(--accent-soft)}.file-tab-main{min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:9px 6px 9px 12px;display:inline-flex}.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 6px;display:inline-flex}.file-tab-close:hover{color:var(--danger)}.new-tab-button{border:1px solid var(--border);background:var(--panel-bg);width:38px;height:38px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:999px;flex:none;font-size:22px;font-weight:700;line-height:1}.new-tab-button:hover{border-color:var(--accent);color:var(--accent)}.stats{grid-template-columns:minmax(0,2fr) repeat(2,minmax(130px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow-soft);border-radius:20px;min-width:0;padding:14px 16px}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.stat-card strong{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;font-size:18px;display:block;overflow:hidden}.view-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.search-control{border:1px solid var(--border);background:var(--panel-bg);min-width:min(480px,100%);max-width:560px;box-shadow:var(--shadow-soft);border-radius:999px;flex:1;align-items:center;gap:7px;margin-left:auto;padding:6px 7px 6px 12px;display:flex}.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}.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)}.reader-layout{align-items:start;gap:18px;display:grid}.reader-layout.with-nav{grid-template-columns:280px minmax(0,1fr)}.reader-layout.without-nav{grid-template-columns:minmax(0,1fr)}.nav-pane{border:1px solid var(--border);background:var(--panel-bg);max-height:calc(100vh - 120px);box-shadow:var(--shadow-soft);border-radius:24px;padding:14px;position:sticky;top:100px;overflow:auto}.nav-header{color:var(--heading);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.nav-header>div{align-items:center;gap:8px;display:flex}.nav-header span{color:var(--muted);font-size:12px}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-link{color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:12px;padding:8px 10px;overflow:hidden}.nav-link:hover{background:var(--panel-bg-strong);color:var(--accent)}.nav-link.active-heading{background:var(--accent-soft);color:var(--accent);font-weight:800}.nav-level-2{padding-left:20px}.nav-level-3{padding-left:32px;font-size:13px}.nav-level-4{color:var(--muted);padding-left:44px;font-size:13px}.nav-empty{color:var(--muted);padding:12px 4px;font-size:14px}.nav-empty p{color:var(--text);margin:0 0 5px}.workspace{min-width:0}.workspace.split{grid-template-columns:minmax(320px,.85fr) minmax(360px,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:24px;overflow:hidden}.editor-panel{flex-direction:column;display:flex}.workspace.split .editor-panel,.workspace.split .preview-panel{height:calc(100vh - 310px);min-height:520px}.workspace.split .preview-panel{overflow:auto}.workspace.split .preview-panel .panel-header{z-index:3;position:sticky;top:0}.panel-header{border-bottom:1px solid var(--border);color:var(--muted);background:var(--panel-bg-strong);letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:800}.editor-panel textarea{resize:vertical;background:var(--input-bg);width:100%;min-height:calc(100vh - 310px);color:var(--text);border:0;outline:none;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.7;overflow:auto}.workspace.split .editor-panel textarea{resize:none;flex:1;min-height:0}.preview-panel{min-height:calc(100vh - 310px)}.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}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--heading);font-weight:850;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{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:16px;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}.markdown-preview blockquote{border-left:5px solid var(--blockquote-border);background:var(--blockquote-bg);color:var(--blockquote-text);border-radius:0 12px 12px 0;margin:24px 0;padding:14px 20px}.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 - 360px);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{color:#111827;background:#fde68a;border-radius:4px;padding:0 2px}.active-search-highlight{color:#fff7ed;background:#f97316}.floating-search-tab{z-index:60;border:1px solid var(--border);background:var(--panel-bg);max-width:min(620px,100vw - 32px);box-shadow:var(--shadow-strong);border-radius:22px;align-items:center;gap:14px;padding: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}.floating-search-main strong{white-space:nowrap;text-overflow:ellipsis;max-width:240px;color:var(--heading);display:block;overflow:hidden}.floating-search-actions{align-items:center;gap:5px;display:flex}.floating-search-count{color:var(--muted);white-space:nowrap;font-size:12px}.drop-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a85;place-items:center;display:grid;position:fixed;inset:0}.drop-card{border:1px solid var(--border);background:var(--panel-bg);width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-strong);text-align:center;border-radius:28px;padding:32px}.drop-card svg{color:var(--accent)}.drop-card h2{color:var(--heading);margin:14px 0 8px}.drop-card p{color:var(--muted);margin:0}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;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(680px,100vw - 32px);max-height:calc(100vh - 44px);color:var(--text);box-shadow:var(--shadow-strong);border-radius:28px;padding:22px;overflow:auto}.export-confirm-modal{width:min(520px,100vw - 32px)}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.settings-header h2{color:var(--heading);margin:0}.settings-header p{color:var(--muted);margin:5px 0 0}.icon-button{border:1px solid var(--border);background:var(--panel-bg);color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.settings-grid{gap:16px;display:grid}.settings-grid label{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.settings-grid label span{color:var(--text);font-weight:700}.settings-grid label strong{color:var(--muted)}.settings-grid input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.settings-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.export-theme-options{gap:10px;display:grid}.export-theme-option{border:1px solid var(--border);background:var(--panel-bg-strong);color:var(--text);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.export-theme-option span{font-weight:800}.export-theme-option strong{color:var(--muted)}.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){.reader-layout.with-nav{grid-template-columns:240px minmax(0,1fr)}.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 - 310px)}.workspace.split .preview-panel{overflow:visible}.workspace.split .preview-panel .panel-header{position:static}.nav-pane{top:92px}}@media (width<=860px){.header{flex-direction:column;align-items:stretch;padding:18px;position:static}.actions{justify-content:flex-start}.main{width:min(100vw - 24px,1720px);padding-top:16px}.stats,.reader-layout.with-nav{grid-template-columns:1fr}.nav-pane{max-height:300px;position:static}.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{align-items:stretch}.view-controls>button{flex:auto;justify-content:center}.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){.actions button{flex:calc(50% - 8px);justify-content:center}.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}