:root{--bg-body: #f5f5f7;--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-thick: rgba(255, 255, 255, .88);--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--text-inverse: #ffffff;--accent: #007AFF;--accent-hover: #0071e3;--accent-light: rgba(0, 122, 255, .1);--accent-gradient: linear-gradient(135deg, #007AFF, #5856D6);--success: #34C759;--success-light: rgba(52, 199, 89, .1);--warning: #FF9500;--warning-light: rgba(255, 149, 0, .1);--error: #FF3B30;--error-light: rgba(255, 59, 48, .1);--info: #5AC8FA;--info-light: rgba(90, 200, 250, .1);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--divider: rgba(0, 0, 0, .06);--shadow-xs: 0 .5px 1px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .16), 0 4px 16px rgba(0, 0, 0, .08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--blur: blur(20px) saturate(180%);--blur-heavy: blur(40px) saturate(200%);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--transition: .25s cubic-bezier(.25, .1, .25, 1);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--navbar-height: 52px;--seg-bg: rgba(0, 0, 0, .06);--seg-active-bg: #ffffff;--seg-active-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 .5px 1px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg-body: #000000;--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-glass: rgba(28, 28, 30, .72);--bg-glass-thick: rgba(28, 28, 30, .88);--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .08);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-inverse: #000000;--accent-light: rgba(0, 122, 255, .25);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--divider: rgba(255, 255, 255, .08);--shadow-xs: 0 .5px 1px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .7), 0 4px 16px rgba(0, 0, 0, .5);--seg-bg: rgba(255, 255, 255, .1);--seg-active-bg: rgba(255, 255, 255, .15);--seg-active-shadow: 0 1px 4px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;color-scheme:light dark}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-body);line-height:1.5;overflow:hidden;height:100vh;transition:background-color var(--duration-slow) var(--ease-apple),color var(--duration-slow) var(--ease-apple),border-color var(--duration-slow) var(--ease-apple);position:relative;z-index:0}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);border:2px solid transparent;background-clip:padding-box}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.4);opacity:0}}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes tahoeFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,5%) scale(1.05)}66%{transform:translate(-5%,2%) scale(.95)}to{transform:translateY(-5%) scale(1)}}.navbar{position:fixed;top:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:1200px;z-index:100;height:var(--navbar-height);background:var(--bg-glass-thick);backdrop-filter:var(--blur-heavy);-webkit-backdrop-filter:var(--blur-heavy);border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-apple)}.navbar.stuck{top:0;width:100%;max-width:100%;border-radius:0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-strong);box-shadow:none}.navbar-inner{max-width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);gap:var(--space-md)}.navbar-left,.navbar-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.navbar-center{display:flex;justify-content:center;flex:1}.logo{display:flex;align-items:center;gap:var(--space-sm);-webkit-user-select:none;user-select:none}.logo-text{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.segmented-control{display:inline-flex;align-items:center;background:var(--seg-bg);border-radius:var(--radius-sm);padding:2px;position:relative;gap:1px}.seg-btn{position:relative;z-index:1;padding:5px 16px;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:color var(--duration-fast) var(--ease-apple);white-space:nowrap}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{color:var(--text-primary);font-weight:600}.seg-indicator{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:var(--seg-active-bg);border-radius:calc(var(--radius-sm) - 2px);box-shadow:var(--seg-active-shadow);transition:transform var(--duration-normal) var(--ease-apple),width var(--duration-normal) var(--ease-apple);z-index:0}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-apple);white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.02);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--accent);background:var(--accent-light);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-apple)}.btn-secondary:hover{background:var(--accent);color:#fff;transform:scale(1.02)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-apple)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:5px 12px;font-size:12px}.link-btn{background:none;border:none;color:var(--accent);font-size:inherit;font-family:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:color var(--duration-fast) var(--ease-apple)}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-apple);position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-sm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-apple)}.icon-btn-sm:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}.theme-dropdown{position:relative}.theme-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--bg-glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;box-shadow:var(--shadow-lg);animation:fadeInDown var(--duration-fast) var(--ease-apple);z-index:200}.theme-option{display:block;width:100%;padding:8px 12px;font-size:13px;font-weight:400;font-family:var(--font-sans);color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-apple)}.theme-option:hover{background:var(--bg-hover)}.theme-option.active{font-weight:600;color:var(--accent)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;color:#fff;background:var(--accent);border-radius:var(--radius-full)}.dropzone-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--navbar-height) - 24px);padding:var(--space-xl);animation:fadeInUp .6s var(--ease-apple)}.dropzone{width:100%;max-width:520px;border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-apple);background:var(--bg-primary);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--duration-normal) var(--ease-apple);border-radius:inherit}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);transform:scale(1.01);box-shadow:0 0 0 4px var(--accent-light)}.dropzone.drag-over:before{opacity:.06}.dropzone-content{position:relative;z-index:1}.dropzone-icon{color:var(--text-tertiary);margin-bottom:var(--space-lg);transition:all var(--duration-normal) var(--ease-apple)}.dropzone:hover .dropzone-icon,.dropzone.drag-over .dropzone-icon{color:var(--accent);transform:translateY(-4px)}.dropzone-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.3px}.dropzone-desc{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-md)}.dropzone-hint{font-size:12px;color:var(--text-tertiary)}.dropzone-or{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-tertiary);font-size:13px}.dropzone-or:before,.dropzone-or:after{content:"";height:1px;width:40px;background:var(--divider)}.sidebar{width:240px;height:100%;background:var(--bg-glass-thick);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;animation:fadeIn var(--duration-normal) var(--ease-apple)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--divider)}.sidebar-header h3{font-size:13px;font-weight:600;color:var(--text-primary)}.file-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.file-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-apple);font-size:13px;color:var(--text-primary)}.file-item:hover{background:var(--bg-hover)}.file-item.active{background:var(--accent-light);color:var(--accent);font-weight:500}.file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);font-size:14px;opacity:0;transition:all var(--duration-fast) var(--ease-apple)}.file-item:hover .file-item-remove{opacity:1}.file-item-remove:hover{background:var(--error-light);color:var(--error)}.sidebar-actions{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--divider);display:flex;gap:var(--space-sm)}.toast-container{position:fixed;top:calc(var(--navbar-height) + 24px);right:var(--space-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-md);background:var(--bg-glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;color:var(--text-primary);animation:fadeInDown var(--duration-normal) var(--ease-apple);pointer-events:auto;max-width:360px}.toast.toast-success{border-left:3px solid var(--success)}.toast.toast-error{border-left:3px solid var(--error)}.toast.toast-info{border-left:3px solid var(--accent)}.toast.toast-warning{border-left:3px solid var(--warning)}.toast-icon{flex-shrink:0;font-size:16px}.toast-dismiss{animation:fadeIn 3s var(--ease-apple)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:flex-end;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-apple)}.modal-sheet{width:100%;max-width:400px;background:var(--bg-glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl);box-shadow:var(--shadow-xl);animation:slideUp var(--duration-normal) var(--ease-apple);text-align:center}.modal-sheet h3{font-size:17px;font-weight:600;margin-bottom:var(--space-lg);color:var(--text-primary)}.progress-bar-wrap{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.progress-bar{height:100%;width:0%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-apple);background-size:40px 40px}.progress-text{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-md)}.zoom-level{font-size:12px;font-weight:500;color:var(--text-tertiary);min-width:38px;text-align:center}@media(max-width:768px){.navbar-inner{padding:0 var(--space-md)}.navbar-center{display:none}.dropzone{padding:var(--space-2xl) var(--space-md)}.sidebar{width:200px}.logo-text{display:none}}@media(max-width:480px){.dropzone-section{padding:var(--space-md)}.btn-primary span{display:none}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:var(--bg-tertiary);background-image:linear-gradient(90deg,var(--bg-tertiary) 0px,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-title{height:24px;margin-bottom:16px;width:60%}.skeleton-block{height:200px;margin-bottom:16px;width:100%;border-radius:var(--radius-md)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:50;display:flex;flex-direction:column;padding:40px;opacity:1;transition:opacity .3s ease}.loading-overlay.fade-out{opacity:0;pointer-events:none}.app-main{margin-top:calc(var(--navbar-height) + 24px);height:calc(100vh - var(--navbar-height) - 24px);display:flex;flex-direction:column;transition:all var(--duration-normal) var(--ease-apple)}body.editor-active .app-main{margin-top:var(--navbar-height);height:calc(100vh - var(--navbar-height))}.editor-section{display:flex;height:100%;overflow:hidden;animation:fadeIn var(--duration-normal) var(--ease-apple)}.split-view{flex:1;display:flex;height:100%;overflow:hidden}.editor-pane,.preview-pane{display:flex;flex-direction:column;height:100%;min-width:280px;overflow:hidden}.editor-pane{flex:1;border-right:none;background:var(--bg-primary);transition:background var(--duration-slow) var(--ease-apple)}.preview-pane{flex:1;background:var(--bg-secondary);transition:background var(--duration-slow) var(--ease-apple)}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-md);border-bottom:1px solid var(--divider);flex-shrink:0;height:36px}.pane-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.pane-meta{font-size:11px;color:var(--text-tertiary)}.pane-actions{display:flex;align-items:center;gap:2px}.md-editor{flex:1;width:100%;padding:var(--space-lg);font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;overflow-y:auto;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;word-wrap:break-word}.md-editor::placeholder{color:var(--text-tertiary)}.md-editor:focus{outline:none}.divider{width:1px;height:100%;background:var(--border);cursor:col-resize;position:relative;flex-shrink:0;z-index:10;transition:background var(--duration-fast) var(--ease-apple)}.divider:hover,.divider.active{background:var(--accent)}.divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;background:var(--text-tertiary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-fast) var(--ease-apple)}.divider:hover .divider-handle,.divider.active .divider-handle{opacity:.5;background:var(--accent)}.divider:before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:9px;cursor:col-resize}.preview-content{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-2xl);font-size:15px;line-height:1.7;color:var(--text-primary);background:var(--bg-secondary);transition:font-size var(--duration-fast) var(--ease-apple),background var(--duration-slow) var(--ease-apple),color var(--duration-slow) var(--ease-apple)}.preview-content h1{font-size:2em;font-weight:700;letter-spacing:-.5px;margin:1.2em 0 .6em;color:var(--text-primary);line-height:1.2}.preview-content h1:first-child{margin-top:0}.preview-content h2{font-size:1.5em;font-weight:600;letter-spacing:-.3px;margin:1.2em 0 .5em;color:var(--text-primary);padding-bottom:.3em;border-bottom:1px solid var(--divider)}.preview-content h3{font-size:1.25em;font-weight:600;margin:1em 0 .5em;color:var(--text-primary)}.preview-content h4,.preview-content h5,.preview-content h6{font-weight:600;margin:1em 0 .4em;color:var(--text-secondary)}.preview-content p{margin:.6em 0}.preview-content a{color:var(--accent);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content strong{font-weight:600}.preview-content img{max-width:100%;border-radius:var(--radius-md);margin:1em 0}.preview-content ul,.preview-content ol{padding-left:1.5em;margin:.6em 0}.preview-content li{margin:.25em 0}.preview-content li>ul,.preview-content li>ol{margin:.2em 0}.preview-content input[type=checkbox]{margin-right:6px;accent-color:var(--accent)}.preview-content blockquote{border-left:3px solid var(--accent);padding:var(--space-sm) var(--space-md);margin:1em 0;background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.preview-content blockquote p{margin:.3em 0}.preview-content code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-xs);color:var(--text-primary)}.preview-content pre{margin:1em 0;border-radius:var(--radius-md);overflow:hidden;position:relative}.preview-content pre code{display:block;padding:var(--space-md) var(--space-lg);background:#1a1a2e;color:#e4e4e7;font-size:13px;line-height:1.6;overflow-x:auto;border-radius:var(--radius-md)}[data-theme=light] .preview-content pre code{background:#f8f8fa;color:#1d1d1f;border:1px solid var(--border)}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:11px;font-weight:500;font-family:var(--font-sans);background:#ffffff1f;color:#ffffffb3;border:none;border-radius:var(--radius-xs);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-apple);z-index:2}[data-theme=light] .code-copy-btn{background:var(--bg-glass);color:var(--text-secondary)}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#fff3;color:#fff}[data-theme=light] .code-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.preview-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}.preview-content th{text-align:left;font-weight:600;padding:10px 12px;background:var(--bg-tertiary);border-bottom:2px solid var(--border-strong);color:var(--text-primary)}.preview-content td{padding:8px 12px;border-bottom:1px solid var(--divider);color:var(--text-primary)}.preview-content tr:last-child td{border-bottom:none}.preview-content tr:hover td{background:var(--bg-hover)}.preview-content hr{border:none;height:1px;background:var(--divider);margin:2em 0}.alert-block{padding:var(--space-md);margin:1em 0;border-radius:var(--radius-md);border-left:4px solid;font-size:14px}.alert-block .alert-title{font-weight:600;font-size:13px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.alert-note{background:var(--accent-light);border-color:var(--accent)}.alert-note .alert-title{color:var(--accent)}.alert-tip{background:var(--success-light);border-color:var(--success)}.alert-tip .alert-title{color:var(--success)}.alert-important{background:#af52de1a;border-color:#af52de}.alert-important .alert-title{color:#af52de}.alert-warning{background:var(--warning-light);border-color:var(--warning)}.alert-warning .alert-title{color:var(--warning)}.alert-caution{background:var(--error-light);border-color:var(--error)}.alert-caution .alert-title{color:var(--error)}.mermaid-wrapper{display:flex;justify-content:center;margin:1em 0;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}.export-settings{position:fixed;bottom:0;left:0;right:0;z-index:400;background:var(--bg-glass-thick);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--border);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:center;gap:var(--space-xl);animation:slideUp var(--duration-normal) var(--ease-apple);flex-wrap:wrap}.export-settings-group{display:flex;flex-direction:column;gap:var(--space-sm)}.export-settings-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.custom-segmented{display:flex;background:var(--bg-tertiary);padding:3px;border-radius:8px;gap:2px}.custom-seg-btn{flex:1;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.custom-seg-btn:hover{color:var(--text-primary)}.custom-seg-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.custom-margins-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.margin-input-wrap{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:6px;padding:4px 8px;border:1px solid transparent;transition:all .2s ease}.margin-input-wrap:focus-within{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 2px var(--accent-light)}.margin-icon{font-size:14px;color:var(--text-secondary);margin-right:6px;-webkit-user-select:none;user-select:none}.margin-input-wrap input{width:100%;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-primary);outline:none;padding:0;-moz-appearance:textfield}.margin-input-wrap input::-webkit-outer-spin-button,.margin-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-border-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.custom-border-grid::-webkit-scrollbar{height:4px}.custom-border-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.border-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:64px}.border-card:hover{background:var(--bg-hover)}.border-card.active{background:var(--accent-light);border-color:var(--accent)}.border-card.active span{color:var(--accent)}.border-preview{width:32px;height:40px;background:var(--bg-primary);box-shadow:0 1px 2px #0000000d}.border-preview.none{border:none}.border-preview.thin{border:1px solid var(--border-strong)}.border-preview.thick{border:2px solid var(--text-primary)}.border-preview.double{border:3px double var(--text-primary)}.border-preview.decorative{border:1.5px solid var(--accent);outline:1px solid var(--accent-light);outline-offset:1px;border-radius:2px}.border-card span{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.settings-close-btn{position:absolute;top:8px;right:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);font-size:16px;transition:all var(--duration-fast) var(--ease-apple)}.settings-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.split-view{flex-direction:column}.editor-pane,.preview-pane{min-width:100%;min-height:40vh}.divider{width:100%;height:1px;cursor:row-resize}.divider-handle{width:32px;height:4px}.divider:before{top:-4px;left:0;right:0;width:100%;height:9px}.preview-content{padding:var(--space-md)}}.export-themed{margin:0 auto;-webkit-font-smoothing:antialiased}.export-themed *{margin:0;padding:0;box-sizing:border-box}.export-themed hr{border:none;height:1px;margin:32px 0}.export-themed img{max-width:100%;border-radius:8px;margin:1em 0}.export-themed ul,.export-themed ol{padding-left:24px;margin:20px 0}.export-themed li{padding:4px 0}.alert-block{padding:12px 16px;margin:1em 0;border-radius:8px;border-left:4px solid;font-size:14px}.alert-block .alert-title{font-weight:600;font-size:13px;margin-bottom:4px}.theme-clean{--black: #1d1d1f;--gray1: #424245;--gray2: #6e6e73;--gray3: #86868b;--gray4: #d2d2d7;--gray5: #f5f5f7;--white: #ffffff;--blue: #0071e3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.47;color:var(--black);background:var(--white);padding:48px 40px}.theme-clean h1,.theme-clean h2,.theme-clean h3,.theme-clean h4{page-break-after:avoid;break-after:avoid}.theme-clean h1{font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--black);margin-bottom:24px}.theme-clean h2{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--black);margin:48px 0 16px;border-bottom:none;padding-bottom:0}.theme-clean h3{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--black);margin:40px 0 16px}.theme-clean p{margin:12px 0;color:var(--gray1)}.theme-clean a{color:var(--blue);text-decoration:none}.theme-clean code{background:var(--gray5);color:var(--black);font-family:SF Mono,Consolas,monospace;font-size:14px;padding:3px 6px;border-radius:6px}.theme-clean pre{background:var(--gray5);border-radius:16px;padding:20px;margin:24px 0;border:none;overflow-x:auto}.theme-clean pre code{background:transparent;padding:0}.theme-clean blockquote{background:var(--gray5);border-radius:16px;padding:20px 24px;margin:24px 0;font-size:15px;color:var(--gray1);line-height:1.53;border-left:none}.theme-clean blockquote strong{color:var(--black)}.theme-clean table{width:100%;border-collapse:collapse;font-size:14px;letter-spacing:-.01em;margin:20px 0;min-width:480px}.theme-clean th{text-align:left;font-weight:600;color:var(--gray3);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 14px 10px;border-bottom:1px solid var(--gray4);white-space:nowrap;background:transparent}.theme-clean td{padding:12px 14px;border-bottom:.5px solid rgba(0,0,0,.06);color:var(--gray1)}.theme-clean td strong{color:var(--black);font-weight:600}.theme-clean hr{border-top:.5px solid var(--gray4);background:transparent;height:0}.theme-clean .alert-note{background:#edf4ff;border-color:transparent}.theme-clean .alert-tip{background:#eefbf0;border-color:transparent}.theme-clean .alert-important{background:#fff0f0;border-color:transparent}.theme-clean .alert-warning{background:#fff8ee;border-color:transparent}.theme-clean .alert-caution{background:#fff0f0;border-color:transparent}@media print{.export-themed{padding:0!important;max-width:100%}.no-print{display:none!important}.export-themed pre code{white-space:pre-wrap;word-break:break-word}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}