:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f293d;--bg-surface:#111827d9;--bg-glass:#111827b3;--bg-glass-hover:#1f293dcc;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-glow:#6366f159;--accent-secondary:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--grad-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--grad-surface:linear-gradient(180deg, #1f293d66 0%, #11182799 100%);--grad-glow:radial-gradient(circle at 50% 0%, #6366f12e 0%, transparent 70%);--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-serif:"Playfair Display", "Merriweather", Georgia, serif;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-glow:0 0 25px #6366f14d;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--paper-width:210mm;--paper-min-height:297mm;--paper-padding:24mm}body.light-mode{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-surface:#ffffffe6;--bg-glass:#fffc;--bg-glass-hover:#f1f5f9e6;--border-subtle:#00000014;--border-medium:#00000026;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#f8fafc;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 10px #0000000f;--shadow-lg:0 12px 24px #00000014;--shadow-xl:0 20px 30px #0000001a;--shadow-glow:0 0 20px #6366f133}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100vh;font-size:15px;line-height:1.5;display:flex;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 12px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-medium);color:var(--text-primary)}body.light-mode .btn-secondary{color:#0f172a;background:#f1f5f9;border-color:#0000001a}body.light-mode .btn-secondary:hover{color:#0f172a;background:#e2e8f0;border-color:#0000002e}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{border-color:var(--text-secondary);background:#ffffff0d}body.light-mode .btn-outline{color:#0f172a;border-color:#0003}body.light-mode .btn-outline:hover{background:#0000000a;border-color:#0f172a}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-tertiary)}body.light-mode .btn-icon:hover{color:#0f172a;background:#f1f5f9}.btn-icon.active{color:var(--accent-primary);background:#6366f126}.btn-sm{padding:6px 10px;font-size:.82rem}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:1.05rem}.badge{border-radius:var(--radius-full);color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}body.light-mode .badge{color:#4338ca;background:#6366f11a;border-color:#6366f140}.badge-emerald{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}body.light-mode .badge-emerald{color:#047857;background:#10b9811a;border-color:#10b98140}.badge-amber{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}body.light-mode .badge-amber{color:#b45309;background:#f59e0b1a;border-color:#f59e0b40}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-xl);transition:transform var(--transition-base);overflow-y:auto;transform:scale(.95)}.modal-overlay.open .modal-card{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.modal-body{padding:24px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 18px;font-size:.88rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex}.toast.toast-success{border-left:4px solid var(--accent-emerald)}.toast.toast-info{border-left:4px solid var(--accent-primary)}.toast.toast-warning{border-left:4px solid var(--accent-amber)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.landing-page{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.landing-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;height:850px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}body.light-mode .landing-grid-bg{background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.landing-bg-glow{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f11f 0%,#8b5cf60d 45%,#0000 70%);width:1100px;height:750px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}body.light-mode .landing-bg-glow{background:radial-gradient(circle,#6366f112 0%,#8b5cf608 45%,#0000 70%)}.landing-container{z-index:1;width:100%;max-width:1140px;margin:0 auto;padding:0 24px;position:relative}.section-header{text-align:center;max-width:680px;margin:0 auto 48px}.section-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);color:#818cf8;font-size:.76rem;font-weight:700;font-family:var(--font-mono);background:#6366f11f;border:1px solid #6366f140;margin-bottom:14px;padding:4px 12px;display:inline-block}body.light-mode .section-tag{color:#4f46e5;background:#6366f114;border:1px solid #6366f133}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.6}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:80px 0 60px;display:flex}.hero-pill-tag{border-radius:var(--radius-full);color:#a5b4fc;font-size:.8rem;font-weight:600;font-family:var(--font-mono);letter-spacing:-.01em;background:#6366f11a;border:1px solid #6366f140;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;display:inline-flex}body.light-mode .hero-pill-tag{color:#4338ca;background:#6366f114;border-color:#6366f133}.hero-pill-tag .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.hero-title{letter-spacing:-.04em;max-width:860px;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.12}.hero-title .gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-mode .hero-title .gradient-text{background:linear-gradient(135deg,#4338ca 0%,#7c3aed 50%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin-bottom:34px;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:400;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:36px;display:flex}.hero-badges-row{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-bottom:52px;font-size:.84rem;display:flex}.hero-badge-item{align-items:center;gap:6px;display:flex}.hero-badge-item svg{color:var(--accent-emerald)}.hero-workbench-wrapper{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);text-align:left;width:100%;max-width:1040px;margin-bottom:70px;overflow:hidden;box-shadow:0 25px 60px -15px #0009,0 0 50px #6366f11a}body.light-mode .hero-workbench-wrapper{background:#fff;border-color:#0000001a;box-shadow:0 20px 45px -10px #00000014,0 0 0 1px #0000000a}.workbench-top-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}body.light-mode .workbench-top-bar{background:#f8fafc;border-bottom:1px solid #00000014}.workbench-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.workbench-theme-toggles{border-radius:var(--radius-sm);background:#00000040;align-items:center;gap:6px;padding:3px 6px;display:flex}body.light-mode .workbench-theme-toggles{background:#0000000d;border:1px solid #0000000f}.wb-theme-label{color:var(--text-muted);text-transform:uppercase;margin-right:4px;font-size:.72rem;font-weight:700}.wb-theme-btn{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:4px;padding:3px 8px;font-size:.76rem;font-weight:600}.wb-theme-btn:hover{color:var(--text-primary)}.wb-theme-btn.active{background:var(--accent-primary);color:#fff}.workbench-body{grid-template-columns:1fr 1fr;height:390px;display:grid}@media (width<=768px){.workbench-body{grid-template-columns:1fr;height:auto}}.workbench-editor-pane{border-right:1px solid var(--border-subtle);background:#080c14;flex-direction:column;display:flex}body.light-mode .workbench-editor-pane{background:#f8fafc;border-right:1px solid #00000014}.workbench-editor-pane textarea{color:#e2e8f0;resize:none;width:100%;height:100%;font-family:var(--font-mono);background:0 0;border:none;outline:none;padding:20px;font-size:.86rem;line-height:1.6}body.light-mode .workbench-editor-pane textarea{color:#0f172a}.workbench-preview-pane{color:#1e293b;transition:all var(--transition-fast);background:#fff;padding:24px;overflow-y:auto}.features-section{padding:70px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;padding:28px;display:flex}body.light-mode .feature-card{background:#fff;border:1px solid #00000014;box-shadow:0 4px 16px #00000008}.feature-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}body.light-mode .feature-card:hover{border-color:#6366f14d;box-shadow:0 8px 24px #0000000f}.feature-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-primary);background:#6366f11a;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-title{color:var(--text-primary);letter-spacing:-.015em;margin-bottom:8px;font-size:1.15rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.templates-section{padding:80px 0}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.template-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}body.light-mode .template-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 8px #0000000a}.template-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 14px 28px -6px #6366f133}body.light-mode .template-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 24px -6px #6366f126}.template-meta-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.template-file-tag{font-size:.74rem;font-family:var(--font-mono);color:var(--text-muted)}.template-card-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.12rem;font-weight:700}.template-card-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.86rem;line-height:1.5}.template-action-btn{width:100%}.faq-section{padding:70px 0 90px}.faq-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto;display:grid}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}body.light-mode .faq-item{background:#fff;border:1px solid #00000014;box-shadow:0 2px 6px #00000008}.faq-q{color:var(--text-primary);align-items:flex-start;gap:10px;margin-bottom:8px;font-size:1rem;font-weight:700;display:flex}.faq-q svg{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.faq-a{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.faq-a code{color:var(--accent-primary);font-family:var(--font-mono);background:#6366f11a;border-radius:4px;padding:2px 6px;font-size:.85em}body.light-mode .faq-a code{color:#4338ca;background:#6366f114}.landing-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-muted);padding:40px 0;font-size:.88rem}body.light-mode .landing-footer{color:#64748b;background:#fff;border-top:1px solid #00000014}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:10px;font-weight:700;display:flex}.footer-links{align-items:center;gap:24px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}body.light-mode .footer-links a{color:#64748b}body.light-mode .footer-links a:hover{color:#0f172a}.editor-app{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.nav-left{align-items:center;gap:16px;display:flex}.brand-link{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.brand-logo-icon{background:var(--grad-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.doc-title-input{color:var(--text-primary);border-radius:var(--radius-xs);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;width:220px;padding:4px 8px;font-size:.95rem;font-weight:600}.doc-title-input:hover{border-color:var(--border-subtle);background:var(--bg-tertiary)}.doc-title-input:focus{background:var(--bg-tertiary);border-color:var(--border-focus);outline:none}.nav-center,.nav-right{align-items:center;gap:8px;display:flex}.toolbar-container{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;overflow-x:auto}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 6px}.tool-btn{border-radius:var(--radius-xs);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 8px;font-size:.85rem;display:inline-flex}.tool-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tool-btn svg{width:16px;height:16px}.editor-workspace{flex:1;display:flex;position:relative;overflow:hidden}.editor-pane{background:var(--bg-primary);flex-direction:column;flex:1;min-width:280px;display:flex;position:relative}.resizer-divider{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);cursor:col-resize;width:6px;transition:background var(--transition-fast);z-index:10;position:relative}.resizer-divider:hover,.resizer-divider.dragging{background:var(--accent-primary)}.preview-pane{background:var(--bg-primary);flex-direction:column;flex:1;min-width:280px;display:flex;position:relative;overflow:hidden}.editor-textarea-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.line-numbers{text-align:right;width:44px;font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;background:var(--bg-primary);border-right:1px solid var(--border-subtle);padding:16px 8px 16px 0;font-size:.88rem;line-height:1.6;overflow:hidden}.markdown-textarea{height:100%;color:var(--text-primary);resize:none;font-family:var(--font-mono);white-space:pre-wrap;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-size:.92rem;line-height:1.6;overflow-y:auto}.preview-scroll-container{background:#060911;flex-direction:column;flex:1;align-items:center;padding:24px;display:flex;overflow-y:auto}body.light-mode .preview-scroll-container{background:#e2e8f0}.paper-sheet{background:var(--doc-bg,#fff);width:100%;max-width:820px;min-height:1000px;color:var(--doc-text,#1e293b);transition:all var(--transition-fast);border-radius:4px;padding:48px;position:relative;box-shadow:0 10px 30px #0006,0 1px 3px #0003}.preview-pane.continuous-mode .paper-sheet{max-width:100%;box-shadow:none;border-radius:0;min-height:100%;padding:32px 40px}.preview-floating-toolbar{background:var(--bg-surface);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);z-index:15;box-shadow:var(--shadow-md);align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:16px;right:24px}.status-bar{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);height:28px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:.78rem;display:flex}.status-left,.status-right{align-items:center;gap:16px;display:flex}.status-item{align-items:center;gap:6px;display:flex}.settings-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);z-index:50;width:360px;height:calc(100vh - 56px);transition:right var(--transition-smooth);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:56px;right:-360px}.settings-drawer.open{right:0}.settings-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.82rem;font-weight:700}.settings-control-group{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-pill-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);text-align:left;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex}.theme-pill-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.theme-pill-btn.active{border-color:var(--accent-primary);color:var(--text-primary);background:#6366f126}.select-control,.input-control{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:8px 12px;font-size:.88rem}.select-control:focus,.input-control:focus{border-color:var(--border-focus)}.range-wrap{align-items:center;gap:12px;display:flex}.range-control{accent-color:var(--accent-primary);flex:1}.range-val{font-size:.84rem;font-family:var(--font-mono);color:var(--text-secondary);width:36px}body.light-mode .app-navbar,body.light-mode .toolbar-container{background:#fff;border-bottom:1px solid #00000014}body.light-mode .tool-btn{color:#475569}body.light-mode .tool-btn:hover{color:#0f172a;background:#f1f5f9}body.light-mode .toolbar-divider{background:#00000014}body.light-mode .doc-title-input{color:#0f172a}body.light-mode .doc-title-input:hover{background:#f8fafc;border-color:#0000001a}body.light-mode .doc-title-input:focus{border-color:var(--accent-primary);background:#fff}body.light-mode .editor-pane{background:#fff}body.light-mode .line-numbers{color:#94a3b8;background:#f8fafc;border-right:1px solid #00000014}body.light-mode .markdown-textarea{color:#0f172a;background:#fff}body.light-mode .preview-floating-toolbar{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #00000014}body.light-mode .status-bar{color:#64748b;background:#fff;border-top:1px solid #00000014}body.light-mode .settings-drawer{background:#fff;border-left:1px solid #00000014}body.light-mode .settings-header{border-bottom:1px solid #00000014}body.light-mode .theme-pill-btn{color:#334155;background:#f8fafc;border-color:#00000014}body.light-mode .theme-pill-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#00000026}body.light-mode .theme-pill-btn.active{border-color:var(--accent-primary);color:#4338ca;background:#6366f11a}body.light-mode .select-control,body.light-mode .input-control{color:#0f172a;background:#f8fafc;border-color:#0000001f}body.light-mode .select-control:focus,body.light-mode .input-control:focus{border-color:var(--accent-primary);background:#fff}body.light-mode .export-dropdown-menu{background:#fff!important;border:1px solid #0000001a!important;box-shadow:0 10px 25px #0000001a!important}body.light-mode .export-dropdown-menu a{color:#0f172a!important}body.light-mode .export-dropdown-menu a:hover{background:#f1f5f9!important}body.light-mode .find-replace-bar{color:#0f172a;background:#f8fafc!important;border-bottom:1px solid #00000014!important}.ink-saver-box{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:12px}.ink-saver-title{color:var(--text-primary);font-size:.88rem;font-weight:700;display:block}.ink-saver-desc{color:var(--text-muted);font-size:.76rem}body.light-mode .ink-saver-box{background:#f8fafc;border-color:#00000014}body.light-mode .ink-saver-title{color:#0f172a}body.light-mode .ink-saver-desc{color:#64748b}.markdown-body{color:var(--doc-text,inherit);background-color:var(--doc-bg,transparent);font-family:var(--doc-font-family,inherit);font-size:var(--doc-font-size,14.5px);line-height:var(--doc-line-height,1.68);word-wrap:break-word;transition:color var(--transition-fast), background-color var(--transition-fast)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--heading-color,inherit);page-break-after:avoid;break-after:avoid;margin-top:1.4em;margin-bottom:.6em;font-weight:700;line-height:1.25}.markdown-body h1:first-child{margin-top:0}.markdown-body h1{border-bottom:1px solid var(--border-subtle);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border-subtle);padding-bottom:.25em;font-size:1.45em}.markdown-body h3{font-size:1.2em}.markdown-body h4{font-size:1.05em}.markdown-body p{margin-top:0;margin-bottom:1em}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body del{opacity:.7}.markdown-body mark.md-mark{color:#854d0e;background-color:#fef08a;border-radius:3px;padding:1px 4px;font-weight:500}.markdown-body a{color:var(--accent-primary,#6366f1);text-underline-offset:3px;text-decoration:underline}.markdown-body hr{background-color:var(--border-subtle);border:0;height:2px;margin:28px 0;padding:0}.markdown-body .page-break{page-break-before:always;break-before:page;text-align:center;border-top:2px dashed #6366f1;margin:36px 0;position:relative}.markdown-body .page-break:before{content:"✂ EXPLICIT PAGE BREAK";background:var(--bg-tertiary,#1f293d);color:#a5b4fc;font-size:.72rem;font-family:var(--font-mono,monospace);border-radius:var(--radius-full,9999px);letter-spacing:.08em;padding:2px 12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.page-split-divider{pointer-events:none;z-index:10;border-top:2px dashed #6366f180;justify-content:flex-end;align-items:center;height:0;display:flex;position:absolute;left:0;right:0}.page-split-badge{color:#c7d2fe;font-size:.72rem;font-family:var(--font-mono,monospace);border-radius:var(--radius-full,9999px);pointer-events:auto;letter-spacing:.04em;white-space:nowrap;background:#1e1b4b;border:1px solid #6366f1;padding:3px 10px;font-weight:700;position:absolute;right:-10px;transform:translateY(-50%);box-shadow:0 4px 12px #00000059}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:1.1em;padding-left:1.8em}.markdown-body li,.markdown-body li>p{margin-bottom:.4em}.markdown-body ul.contains-task-list{padding-left:0;list-style-type:none}.markdown-body .task-list-item{align-items:flex-start;gap:8px;margin-bottom:.45em;display:flex}.markdown-body .task-list-item input[type=checkbox]{appearance:none;border:1.5px solid var(--border-subtle);cursor:pointer;background:#0000000d;border-radius:4px;outline:none;flex-shrink:0;place-content:center;width:16px;height:16px;margin-top:3px;display:grid}.markdown-body .task-list-item input[type=checkbox]:checked{background:var(--accent-primary,#6366f1);border-color:var(--accent-primary,#6366f1)}.markdown-body .task-list-item input[type=checkbox]:checked:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.markdown-body blockquote{color:var(--blockquote-text,var(--doc-text));border-left:4px solid var(--blockquote-border,var(--accent-primary));background:var(--blockquote-bg,#6366f10d);border-radius:0 6px 6px 0;margin:1.2em 0;padding:.7em 1.2em}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body .alert-box{page-break-inside:avoid;break-inside:avoid;border-left:4px solid;border-radius:8px;margin:1.4em 0;padding:14px 18px;font-size:.94em}.markdown-body .alert-title{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:6px;font-size:.78em;font-weight:700;display:flex}.markdown-body .alert-note{color:inherit;background:#3b82f614;border-color:#3b82f6}.markdown-body .alert-note .alert-title{color:#2563eb}.markdown-body .alert-tip{color:inherit;background:#10b98114;border-color:#10b981}.markdown-body .alert-tip .alert-title{color:#059669}.markdown-body .alert-important{color:inherit;background:#8b5cf614;border-color:#8b5cf6}.markdown-body .alert-important .alert-title{color:#7c3aed}.markdown-body .alert-warning{color:inherit;background:#f59e0b14;border-color:#f59e0b}.markdown-body .alert-warning .alert-title{color:#d97706}.markdown-body .alert-caution{color:inherit;background:#ef444414;border-color:#ef4444}.markdown-body .alert-caution .alert-title{color:#dc2626}.markdown-body table{border-collapse:collapse;page-break-inside:avoid;break-inside:avoid;width:100%;margin:1.4em 0;font-size:.92em}.markdown-body th,.markdown-body td{border:1px solid var(--table-border,var(--border-subtle));text-align:left;padding:10px 14px}.markdown-body th{background-color:var(--table-th-bg,#f1f5f9);color:var(--table-th-text,inherit);font-weight:700}.markdown-body tr:nth-child(2n) td{background-color:var(--table-stripe-bg,#00000005)}.markdown-body code:not(pre code){font-family:var(--font-mono,monospace);background-color:var(--code-inline-bg,#0000000f);color:var(--code-inline-text,inherit);border-radius:4px;padding:2px 6px;font-size:.88em}.code-block-wrapper{page-break-inside:avoid;break-inside:avoid;margin:1.4em 0;position:relative}.markdown-body pre{background-color:var(--code-bg,#0f172a);color:var(--code-text,#f8fafc);border:1px solid var(--border-subtle);page-break-inside:avoid;break-inside:avoid;border-radius:8px;margin:0;padding:16px 20px;overflow-x:auto}.markdown-body pre code{font-family:var(--font-mono,monospace);padding:0;font-size:.88em;line-height:1.55;display:block;color:inherit!important;background-color:#0000!important}.code-lang-tag{color:var(--text-muted,#94a3b8);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:12px}.markdown-body img{page-break-inside:avoid;break-inside:avoid;border-radius:6px;max-width:100%;height:auto;margin:1.2em 0;display:block}.markdown-body .katex-display{page-break-inside:avoid;break-inside:avoid;margin:1.4em 0;padding:10px 0;overflow:auto hidden}.markdown-body .mermaid-container{border:1px solid var(--border-subtle);page-break-inside:avoid;break-inside:avoid;background:#00000005;border-radius:8px;justify-content:center;margin:1.6em 0;padding:18px;display:flex}.markdown-body .mermaid-container svg{max-width:100%;height:auto}.markdown-body .footnotes{border-top:1px solid var(--border-subtle);color:var(--text-secondary,#64748b);margin-top:2.5em;padding-top:1.2em;font-size:.88em}.doc-theme-modern{--doc-bg:#fff;--doc-text:#1e293b;--heading-color:#0f172a;--accent-primary:#4f46e5;--border-subtle:#e2e8f0;--code-bg:#0f172a;--code-text:#f8fafc;--code-inline-bg:#f1f5f9;--code-inline-text:#4f46e5;--blockquote-bg:#f8fafc;--blockquote-border:#6366f1;--blockquote-text:#475569;--table-th-bg:#f8fafc;--table-th-text:#0f172a;--table-stripe-bg:#fff;--table-border:#e2e8f0;--doc-font-family:"Plus Jakarta Sans", "Inter", sans-serif}.doc-theme-modern h1{color:#1e1b4b;border-bottom:2px solid #e0e7ff}.doc-theme-modern h2{color:#312e81;border-bottom:1px solid #e2e8f0}.doc-theme-academic{--doc-bg:#fff;--doc-text:#1c1917;--heading-color:#1c1917;--accent-primary:#1c1917;--border-subtle:#d6d3d1;--code-bg:#292524;--code-text:#fafaf9;--code-inline-bg:#f5f5f4;--code-inline-text:#1c1917;--blockquote-bg:#fafaf9;--blockquote-border:#78716c;--blockquote-text:#44403c;--table-th-bg:#f5f5f4;--table-th-text:#1c1917;--table-stripe-bg:#fff;--table-border:#d6d3d1;--doc-font-family:"Merriweather", "Lora", Georgia, "Times New Roman", serif;text-align:justify;text-justify:inter-word}.doc-theme-academic h1,.doc-theme-academic h2,.doc-theme-academic h3{text-align:left;font-family:Merriweather,Lora,Georgia,serif;font-weight:700}.doc-theme-academic h1{text-align:center;letter-spacing:-.01em;border-bottom:none;margin-bottom:.8em;font-size:2.1em}.doc-theme-academic h2{border-bottom:1px solid #1c1917;padding-bottom:.15em}.doc-theme-github{--doc-bg:#fff;--doc-text:#24292f;--heading-color:#24292f;--accent-primary:#0969da;--border-subtle:#d0d7de;--code-bg:#f6f8fa;--code-text:#24292f;--code-inline-bg:#afb8c133;--code-inline-text:#24292f;--blockquote-bg:#f6f8fa;--blockquote-border:#d0d7de;--blockquote-text:#57606a;--table-th-bg:#f6f8fa;--table-th-text:#24292f;--table-stripe-bg:#fff;--table-border:#d0d7de;--doc-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif}.doc-theme-github h1,.doc-theme-github h2{border-bottom:1px solid #d0d7de}.doc-theme-github pre{border:1px solid #d0d7de}.doc-theme-minimal{--doc-bg:#fff;--doc-text:#171717;--heading-color:#000;--accent-primary:#000;--border-subtle:#e5e5e5;--code-bg:#171717;--code-text:#fff;--code-inline-bg:#f5f5f5;--code-inline-text:#000;--blockquote-bg:#fafafa;--blockquote-border:#000;--blockquote-text:#525252;--table-th-bg:#fafafa;--table-th-text:#000;--table-stripe-bg:#fff;--table-border:#e5e5e5;--doc-font-family:"Space Grotesk", "Inter", -apple-system, sans-serif}.doc-theme-minimal h1,.doc-theme-minimal h2,.doc-theme-minimal h3{letter-spacing:-.03em;border-bottom:none;font-weight:800}.doc-theme-minimal th{border-bottom:2px solid #000}.doc-theme-editorial{--doc-bg:#fff;--doc-text:#2c2724;--heading-color:#1a1614;--accent-primary:#991b1b;--border-subtle:#e7e2d9;--code-bg:#2b2520;--code-text:#fef8f0;--code-inline-bg:#f5efe6;--code-inline-text:#991b1b;--blockquote-bg:#fef2f2;--blockquote-border:#991b1b;--blockquote-text:#7f1d1d;--table-th-bg:#fdf2f2;--table-th-text:#1a1614;--table-stripe-bg:#fff;--table-border:#e7e2d9;--doc-font-family:"Playfair Display", Georgia, serif}.doc-theme-editorial p,.doc-theme-editorial li,.doc-theme-editorial td{font-family:Lora,Merriweather,Georgia,serif}.doc-theme-editorial h1{color:#7f1d1d;border-bottom:2px solid #fca5a5;font-size:2.3em;font-style:italic}.doc-theme-editorial h2{color:#991b1b;border-bottom:1px solid #fecaca}.doc-theme-dark{--doc-bg:#0b0f19;--doc-text:#e2e8f0;--heading-color:#f8fafc;--accent-primary:#38bdf8;--border-subtle:#1e293b;--code-bg:#030712;--code-text:#f8fafc;--code-inline-bg:#1e293b;--code-inline-text:#38bdf8;--blockquote-bg:#111827;--blockquote-border:#38bdf8;--blockquote-text:#cbd5e1;--table-th-bg:#1e293b;--table-th-text:#f8fafc;--table-stripe-bg:#0f172a;--table-border:#1e293b;--doc-font-family:"Plus Jakarta Sans", sans-serif}.doc-theme-dark h1{color:#38bdf8;border-bottom:1px solid #1e293b}.doc-theme-dark h2{color:#7dd3fc;border-bottom:1px solid #1e293b}.doc-theme-nord{--doc-bg:#fff;--doc-text:#2e3440;--heading-color:#2e3440;--accent-primary:#5e81ac;--border-subtle:#d8dee9;--code-bg:#2e3440;--code-text:#eceff4;--code-inline-bg:#e5e9f0;--code-inline-text:#5e81ac;--blockquote-bg:#f8fafc;--blockquote-border:#88c0d0;--blockquote-text:#4c566a;--table-th-bg:#f1f5f9;--table-th-text:#2e3440;--table-stripe-bg:#fff;--table-border:#d8dee9;--doc-font-family:"Inter", sans-serif}.doc-theme-nord h1{color:#5e81ac;border-bottom:2px solid #88c0d0}.doc-theme-nord h2{color:#81a1c1;border-bottom:1px solid #d8dee9}.doc-ink-saver,body.ink-saver-active .paper-sheet{--doc-bg:#fff!important;--doc-text:#0f172a!important;--heading-color:#020617!important;--border-subtle:#cbd5e1!important;--code-bg:#f1f5f9!important;--code-text:#0f172a!important;--code-inline-bg:#f1f5f9!important;--code-inline-text:#0f172a!important;--blockquote-bg:#f8fafc!important;--blockquote-border:#475569!important;--blockquote-text:#334155!important;--table-th-bg:#f1f5f9!important;--table-th-text:#020617!important;--table-stripe-bg:#fff!important;--table-border:#cbd5e1!important}.doc-ink-saver h1,body.ink-saver-active .paper-sheet h1{color:#020617!important;border-bottom-color:#cbd5e1!important}.doc-ink-saver h2,body.ink-saver-active .paper-sheet h2{color:#0f172a!important;border-bottom-color:#e2e8f0!important}@media print{@page{size:auto;margin:var(--print-margin,20mm)}html,body{background-color:var(--doc-bg,#fff)!important;color:var(--doc-text,#1e293b)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}header,footer,.app-navbar,.editor-pane,.resizer-divider,.toolbar-container,.status-bar,.settings-drawer,.modal-overlay,.toast-container,.landing-page,.no-print,.preview-floating-toolbar,.find-replace-bar,.emoji-picker-modal,.page-split-divider,.page-split-badge,#preview-split-lines-container{display:none!important}.editor-workspace{background:0 0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.preview-pane{background:0 0!important;width:100%!important;height:auto!important;padding:0!important;display:block!important;overflow:visible!important;transform:none!important}.preview-scroll-container{background:0 0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.paper-sheet{box-shadow:none!important;width:100%!important;max-width:100%!important;min-height:auto!important;color:var(--doc-text,#1e293b)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}pre{background-color:var(--code-bg,#0f172a)!important;color:var(--code-text,#f8fafc)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}pre code{color:inherit!important;background-color:#0000!important}th{background-color:var(--table-th-bg,#f8fafc)!important;color:var(--table-th-text,#0f172a)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}blockquote{background-color:var(--blockquote-bg,#f8fafc)!important;border-left-color:var(--blockquote-border,#6366f1)!important;color:var(--blockquote-text,#475569)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.alert-box,.task-list-item input[type=checkbox]:checked{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-break{page-break-before:always!important;break-before:page!important;border:none!important;height:0!important;margin:0!important;padding:0!important}.page-break:before{display:none!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid!important;break-after:avoid!important}pre,blockquote,table,.mermaid-container,.alert-box,.katex-display,tr{page-break-inside:avoid!important;break-inside:avoid!important}img{page-break-inside:avoid!important;break-inside:avoid!important;max-width:100%!important}.print-header{color:#64748b;font-size:8.5pt;font-family:var(--font-sans,sans-serif);border-bottom:1px solid #cbd5e1;justify-content:space-between;margin-bottom:18px;padding-bottom:4px;display:flex!important}.print-footer{color:#64748b;font-size:8.5pt;font-family:var(--font-sans,sans-serif);border-top:1px solid #cbd5e1;justify-content:space-between;margin-top:24px;padding-top:4px;display:flex!important}}.print-header,.print-footer{display:none}