*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#6366f1;--brand-hover:#4f46e5;--brand-light:#eef2ff;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition-fast:.15s ease;--transition-normal:.2s ease;--editor-width:50%;--preview-width:50%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px}body{font-family:var(--font-body,"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--text-primary);background:var(--bg-primary);width:100vw;height:100vh;line-height:1.6;overflow:hidden}#app{width:100vw;height:100vh;overflow:hidden}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}kbd{font-family:var(--font-mono,"JetBrains Mono", monospace);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 1px 0 var(--border-color);white-space:nowrap;border-radius:4px;padding:.125rem .375rem;font-size:.8rem;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--brand-light);color:var(--brand)}.app-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-area{flex:1;min-height:0;display:flex;overflow:hidden}.pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-editor{border-right:1px solid var(--border-color);background:var(--bg-primary)}.pane-preview{background:var(--bg-secondary);flex-direction:column;min-height:0;display:flex}.pane-divider{background:var(--border-color);cursor:col-resize;width:1px;transition:background var(--transition-fast);flex-shrink:0}.pane-divider:hover{background:var(--brand);width:3px;margin-left:-1px}.stats-container{border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.app-footer{border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;padding:.5rem 1.5rem}.footer-content{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.footer-links{gap:1rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.75rem}.footer-links a:hover{color:var(--link-color)}.error-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.error-screen h1{margin-bottom:.5rem;font-size:1.5rem}.error-screen p{color:var(--text-secondary)}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#1a1a2e;--text-secondary:#64748b;--border-color:#e2e8f0;--code-bg:#f1f5f9;--link-color:#3b82f6;--heading-color:#0f172a;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border-color:#334155;--code-bg:#1e293b;--link-color:#60a5fa;--heading-color:#f1f5f9;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=github]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--text-primary:#24292f;--text-secondary:#656d76;--border-color:#d0d7de;--code-bg:#f6f8fa;--link-color:#0969da;--heading-color:#1f2328;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--preview-max-width:880px;--line-height:1.6}[data-theme=dracula]{--bg-primary:#282a36;--bg-secondary:#21222c;--text-primary:#f8f8f2;--text-secondary:#6272a4;--border-color:#44475a;--code-bg:#21222c;--link-color:#bd93f9;--heading-color:#ff79c6;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=minimal]{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#737373;--border-color:#e5e5e5;--code-bg:#f5f5f5;--link-color:#000;--heading-color:#1a1a1a;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--preview-max-width:640px;--line-height:1.9}[data-theme=newspaper]{--bg-primary:#fdfaf3;--bg-secondary:#f7f3e8;--text-primary:#2c1810;--text-secondary:#6b5b4f;--border-color:#d4c5b2;--code-bg:#f7f3e8;--link-color:#8b0000;--heading-color:#1a0f07;--font-body:"Georgia", "Times New Roman", serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--preview-max-width:640px;--line-height:1.9}[data-theme=nord]{--bg-primary:#2e3440;--bg-secondary:#3b4252;--text-primary:#eceff4;--text-secondary:#d8dee9;--border-color:#4c566a;--code-bg:#3b4252;--link-color:#88c0d0;--heading-color:#e5e9f0;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=solarized-light]{--bg-primary:#fdf6e3;--bg-secondary:#eee8d5;--text-primary:#657b83;--text-secondary:#93a1a1;--border-color:#d3cbb7;--code-bg:#eee8d5;--link-color:#268bd2;--heading-color:#586e75;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=solarized-dark]{--bg-primary:#002b36;--bg-secondary:#073642;--text-primary:#839496;--text-secondary:#586e75;--border-color:#0a4a5c;--code-bg:#073642;--link-color:#2aa198;--heading-color:#93a1a1;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--preview-max-width:720px;--line-height:1.8}[data-theme=sepia]{--bg-primary:#f4ecd8;--bg-secondary:#ece1c1;--text-primary:#5b4636;--text-secondary:#8a7560;--border-color:#d4c5a0;--code-bg:#ece1c1;--link-color:#8b4513;--heading-color:#3e2f1d;--font-body:"Georgia", "Times New Roman", serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--preview-max-width:640px;--line-height:1.9}[data-theme=monokai]{--bg-primary:#272822;--bg-secondary:#1e1f1c;--text-primary:#f8f8f2;--text-secondary:#75715e;--border-color:#49483e;--code-bg:#1e1f1c;--link-color:#a6e22e;--heading-color:#f92672;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--preview-max-width:720px;--line-height:1.8}.toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 1rem;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:.5rem;display:flex}.toolbar-brand{color:var(--brand);white-space:nowrap;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.brand-icon{font-size:1.25rem}.toolbar-divider{background:var(--border-color);width:1px;height:24px;margin:0 .25rem}.platform-selector{background:var(--bg-secondary);border-radius:var(--radius-md);scrollbar-width:thin;flex-wrap:nowrap;gap:.25rem;max-width:min(46vw,420px);padding:.2rem;display:flex;overflow-x:auto}.platform-selector .platform-btn{flex-shrink:0}.footer-platforms{opacity:.75;font-size:.85em}.platform-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;display:flex}.platform-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.platform-btn.active{background:var(--bg-primary);color:var(--brand);box-shadow:var(--shadow-sm)}.platform-icon{font-size:.7rem;font-weight:700}.toolbar-btn{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;display:flex;position:relative}.toolbar-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.toolbar-btn svg{flex-shrink:0}.toolbar-btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:500}.toolbar-btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;margin-top:.25rem;display:none;position:absolute;top:100%;right:0;overflow:hidden}.dropdown.visible{display:block}.dropdown-item{width:100%;color:var(--text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.selected{color:var(--brand);font-weight:500}.theme-dropdown{min-width:200px}.theme-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.lang-dropdown{min-width:160px}.lang-code{font-family:var(--font-mono);flex-shrink:0;width:48px;font-size:.75rem;font-weight:600}.lang-name{color:var(--text-secondary)}.stats-bar{justify-content:center;align-items:center;gap:1.5rem;padding:.4rem 1.5rem;font-size:.75rem;display:flex}.stat-item{align-items:baseline;gap:.25rem;display:flex}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.stat-label{color:var(--text-secondary);font-size:.7rem}.stat-divider{background:var(--border-color);width:1px;height:12px}.side-panel{background:var(--bg-primary);border-left:1px solid var(--border-color);width:320px;max-width:100vw;box-shadow:var(--shadow-lg);z-index:200;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.side-panel[hidden]{display:none}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-header h3{font-size:1rem;font-weight:600}.panel-close{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1.1rem}.panel-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.panel-body{flex:1;padding:.75rem;overflow-y:auto}.panel-footer{border-top:1px solid var(--border-color);padding:.75rem 1.25rem}.draft-item{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);cursor:default;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;padding:.75rem;display:flex}.draft-item:hover{border-color:var(--brand)}.draft-item-main{flex:1;min-width:0}.draft-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.85rem;font-weight:500;overflow:hidden}.draft-meta{color:var(--text-secondary);gap:.5rem;font-size:.7rem;display:flex}.draft-item-actions{flex-shrink:0;gap:.25rem;margin-left:.5rem;display:flex}.draft-btn{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:.25rem .5rem;font-size:.7rem}.draft-btn:hover{border-color:var(--brand);color:var(--brand)}.draft-btn-delete:hover{color:#ef4444;border-color:#ef4444}.drafts-empty{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.85rem}.btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-full{width:100%}.modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90vw;max-width:440px;max-height:80vh;animation:.2s slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{font-size:1rem;font-weight:600}.modal-close{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1.1rem}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto}.shortcuts-grid{flex-direction:column;gap:.75rem;display:flex}.shortcut-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;display:flex}.shortcut-row:last-child{border-bottom:none}#toast-container{z-index:400;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:auto;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.8rem;font-weight:500;transition:all .25s;display:flex;transform:translateY(.5rem)}.toast-visible{opacity:1;transform:translateY(0)}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid #3b82f6}.toast-action{border-left:3px solid var(--brand)}.toast-btn{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.preview-watermark{color:var(--text-secondary);opacity:.6;pointer-events:none;z-index:10;font-size:.65rem;position:fixed;bottom:.5rem;right:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-dropdown-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.template-category{padding:.25rem 0}.template-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--border-color);padding:.4rem .75rem;font-size:.65rem;font-weight:600}.template-category:first-child .template-category-title{border-top:none}.template-item{align-items:center;gap:.6rem;padding:.45rem .75rem;display:flex}.template-icon{text-align:center;flex-shrink:0;width:24px;font-size:1rem}.template-label{font-size:.82rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-divider{background:var(--border-color);height:1px;margin:.25rem .5rem}.dropdown-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.4rem .75rem .2rem;font-size:.65rem;font-weight:600}.export-fontsize{color:var(--text-secondary);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;display:flex}.fs-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:22px;height:22px;color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.fs-btn:hover{background:var(--bg-secondary);border-color:var(--brand)}.fs-value{color:var(--text-primary);text-align:center;min-width:20px;font-weight:600}.fs-unit{font-size:.7rem}.ai-btn{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border-color:#c4b5fd!important}.ai-btn:hover{border-color:var(--brand)!important;background:var(--brand-light)!important}.ai-btn:disabled{opacity:.6;cursor:wait}.ai-btn.ai-loading>*{visibility:hidden}.ai-btn.ai-loading:after{content:"⏳";font-size:14px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-btn{position:relative}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ai-dropdown{max-height:min(70vh,480px);overflow-y:auto}.ai-scope-note{color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.45rem .75rem;font-size:.72rem;line-height:1.4}.ai-title-modal{width:min(92vw,480px);max-width:480px}.ai-title-hint{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem}.ai-title-list{flex-direction:column;gap:.4rem;display:flex}.ai-title-item{text-align:left;border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;transition:border-color .15s,background .15s;display:flex}.ai-title-item:hover{border-color:var(--brand);background:var(--bg-secondary)}.ai-title-num{background:var(--bg-secondary);width:1.4rem;height:1.4rem;color:var(--brand);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.ai-title-text{font-size:.92rem;font-weight:500;line-height:1.45}.ai-review-modal{flex-direction:column;width:min(920px,96vw);max-width:min(920px,96vw);max-height:min(88vh,720px);display:flex}.ai-review-modal .modal-body{flex:1;overflow:auto}.ai-review-hint{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem}.ai-review-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=700px){.ai-review-grid{grid-template-columns:1fr}}.ai-review-col{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;flex-direction:column;min-height:160px;display:flex;overflow:hidden}.ai-review-col-after{border-color:color-mix(in srgb, var(--brand,#6366f1) 45%, var(--border-color))}.ai-review-col-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.4rem .65rem;font-size:.7rem;font-weight:700}.ai-review-text{font-family:var(--font-body,system-ui, sans-serif);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);flex:1;max-height:42vh;margin:0;padding:.7rem .75rem;font-size:.85rem;line-height:1.55;overflow:auto}.ai-review-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.ai-review-discard{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.45rem .9rem;font-weight:600}.ai-review-apply,.ai-review-actions .btn-primary{background:var(--brand,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.45rem 1rem;font-weight:600}.ai-tldr-preview{border-left:4px solid var(--brand,#6366f1);background:var(--bg-secondary);color:var(--text-primary);border-radius:0 8px 8px 0;margin:.5rem 0 0;padding:.75rem 1rem;line-height:1.55}.panel-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:0;display:flex}.panel-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.55rem .5rem;font-size:.8rem;font-weight:600;position:relative}.panel-tab.active{color:var(--brand,#6366f1)}.panel-tab.active:after{content:"";background:var(--brand,#6366f1);height:2px;position:absolute;bottom:0;left:0;right:0}.history-reason{text-transform:capitalize}.history-reason-ai{color:#7c3aed}.history-reason-export{color:#0369a1}.history-reason-auto{color:#64748b}.history-reason-manual{color:#15803d}.blocker-gate-modal{width:min(92vw,440px);max-width:440px}.gate-lead{color:var(--text-primary);margin:0 0 .75rem;font-size:.92rem;line-height:1.5}.gate-list{flex-direction:column;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.gate-item{color:#991b1b;background:#fef2f2;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.45rem .55rem;font-size:.85rem;line-height:1.4;display:flex}[data-theme=dark] .gate-item,[data-theme=dracula] .gate-item,[data-theme=nord] .gate-item,[data-theme=solarized-dark] .gate-item,[data-theme=monokai] .gate-item{color:#fecaca;background:#7f1d1d}.gate-item-icon{flex-shrink:0;font-weight:800}.gate-hint{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.gate-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.gate-actions .btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.45rem .85rem;font-weight:600}.gate-force{color:#b91c1c!important;background:#fef2f2!important;border-color:#ef4444!important}.editor-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-wrapper .ql-toolbar{background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:.35rem .5rem}.editor-wrapper .ql-toolbar button{color:var(--text-secondary)}.editor-wrapper .ql-toolbar button:hover,.editor-wrapper .ql-toolbar button.ql-active{color:var(--brand)}.editor-wrapper .ql-toolbar button:hover .ql-fill,.editor-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--brand)}.editor-wrapper .ql-toolbar button:hover .ql-stroke,.editor-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--brand)}.editor-wrapper .ql-toolbar .ql-stroke{stroke:var(--text-secondary)}.editor-wrapper .ql-toolbar .ql-fill{fill:var(--text-secondary)}.editor-wrapper .ql-picker{color:var(--text-secondary)}.editor-wrapper .ql-picker-label:hover,.editor-wrapper .ql-picker-label.ql-active{color:var(--brand)}.editor-wrapper .ql-picker-options{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-lg)}.editor-wrapper .ql-picker-item{color:var(--text-primary)}.editor-wrapper .ql-picker-item:hover,.editor-wrapper .ql-picker-item.ql-selected{color:var(--brand);background:var(--bg-secondary)}.editor-wrapper .ql-container{min-height:0;font-family:var(--font-body,"Inter", system-ui, sans-serif);background:var(--bg-primary);color:var(--text-primary);border:none;flex:1;font-size:1rem;overflow-y:auto}.editor-wrapper .ql-editor{min-height:100%;padding:1.5rem;line-height:1.8}.editor-wrapper .ql-editor.ql-blank:before{color:var(--text-secondary);opacity:.5;font-style:normal}.editor-wrapper .ql-editor h1{color:var(--heading-color);margin:1.5rem 0 .5rem;font-size:2rem}.editor-wrapper .ql-editor h2{color:var(--heading-color);margin:1.2rem 0 .4rem;font-size:1.5rem}.editor-wrapper .ql-editor h3{color:var(--heading-color);margin:1rem 0 .3rem;font-size:1.2rem}.editor-wrapper .ql-editor pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono,"JetBrains Mono", monospace);padding:.75rem 1rem;font-size:.875rem}.editor-wrapper .ql-editor code{background:var(--code-bg);font-family:var(--font-mono);border-radius:4px;padding:.125rem .375rem;font-size:.875em}.editor-wrapper .ql-editor blockquote{border-left:4px solid var(--link-color);color:var(--text-secondary);background:var(--bg-secondary);margin:.8rem 0;padding:.3rem 1rem}.editor-wrapper .ql-editor a{color:var(--link-color)}.editor-hint{background:var(--brand-light);border-bottom:1px solid var(--brand);color:var(--brand);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;font-size:.82rem;display:flex}.editor-hint-close{color:var(--brand);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 .25rem;font-size:1rem}.editor-hint-close:hover{opacity:1}.editor-recover-bar{color:#92400e;background:#fffbeb;border-bottom:1px solid #f59e0b;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;font-size:.85rem;display:flex}[data-theme=dark] .editor-recover-bar,[data-theme=dracula] .editor-recover-bar,[data-theme=nord] .editor-recover-bar,[data-theme=solarized-dark] .editor-recover-bar,[data-theme=monokai] .editor-recover-bar{color:#fde68a;background:#422006;border-bottom-color:#d97706}.editor-recover-actions{gap:.4rem;display:flex}.editor-recover-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.editor-recover-btn:hover{opacity:.85}.editor-recover-yes{color:#111;background:#f59e0b;border-color:#f59e0b}.editor-loading{min-height:200px;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.editor-loading:before{content:"";border:2px solid var(--border-color);border-top-color:var(--brand,#3b82f6);border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite editor-spin}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-wrapper{position:relative}.editor-drop-overlay{z-index:20;background:color-mix(in srgb, var(--brand,#3b82f6) 12%, var(--bg-primary,#fff));border:2px dashed var(--brand,#3b82f6);color:var(--brand,#3b82f6);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.editor-drop-overlay[hidden]{display:none!important}.ql-editor .check-jump-highlight,.ql-editor .check-jump-highlight img{outline-offset:3px;border-radius:4px;transition:background .2s,outline .2s;background:#f59e0b2e!important;outline:2px solid #f59e0b!important}.ql-editor a.check-jump-highlight{box-shadow:0 0 0 3px #f59e0b73}.preview-wrapper{background:var(--bg-secondary);flex-direction:column;flex:1;min-height:0;display:flex}.preview-frame{background:var(--bg-secondary);border:none;flex:1;width:100%}.preview-empty{height:60vh;color:var(--text-secondary);text-align:center;opacity:.5;flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-empty svg{stroke:var(--text-secondary);margin-bottom:1rem}.preview-empty p{font-size:.9rem}.publish-panel{border-bottom:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);flex-shrink:0;font-size:.8rem}.publish-panel-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:36px;padding:.45rem .85rem;display:flex}.publish-panel-left,.publish-panel-right{align-items:center;gap:.5rem;min-width:0;display:flex}.publish-panel-left{flex:1;overflow:hidden}.publish-platform{color:var(--text-primary);flex-shrink:0;font-weight:600}.publish-tip{white-space:nowrap;text-overflow:ellipsis;opacity:.9;overflow:hidden}.publish-copy-hint{color:var(--text-secondary);opacity:.85;white-space:nowrap;font-size:.75rem}.publish-toggle{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.publish-toggle:hover{border-color:var(--brand);color:var(--brand)}.publish-toggle-count{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:inline-flex}.pub-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.pub-badge-ok{color:#166534;background:#dcfce7}.pub-badge-warn{color:#92400e;background:#fef3c7}.pub-badge-error{color:#991b1b;background:#fee2e2}[data-theme=dark] .pub-badge-ok,[data-theme=dracula] .pub-badge-ok,[data-theme=nord] .pub-badge-ok,[data-theme=solarized-dark] .pub-badge-ok,[data-theme=monokai] .pub-badge-ok{color:#bbf7d0;background:#14532d}[data-theme=dark] .pub-badge-warn,[data-theme=dracula] .pub-badge-warn,[data-theme=nord] .pub-badge-warn,[data-theme=solarized-dark] .pub-badge-warn,[data-theme=monokai] .pub-badge-warn{color:#fde68a;background:#78350f}[data-theme=dark] .pub-badge-error,[data-theme=dracula] .pub-badge-error,[data-theme=nord] .pub-badge-error,[data-theme=solarized-dark] .pub-badge-error,[data-theme=monokai] .pub-badge-error{color:#fecaca;background:#7f1d1d}.publish-panel-body{border-top:1px solid var(--border-color);background:var(--bg-secondary);max-height:220px;padding:.65rem .85rem .75rem;overflow-y:auto}.publish-panel-body[hidden]{display:none!important}.publish-section+.publish-section{margin-top:.65rem}.publish-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.35rem;font-size:.68rem;font-weight:700}.publish-issues{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.pub-issue{color:var(--text-primary);align-items:flex-start;gap:.45rem;line-height:1.4;display:flex}.pub-issue-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;margin-top:.1rem;font-size:.65rem;font-weight:800;display:inline-flex}.pub-error .pub-issue-icon{color:#991b1b;background:#fee2e2}.pub-warn .pub-issue-icon{color:#92400e;background:#fef3c7}.pub-info .pub-issue-icon{color:#3730a3;background:#e0e7ff}.pub-ok .pub-issue-icon{color:#166534;background:#dcfce7}.publish-paste-detail{color:var(--text-secondary);margin:0;line-height:1.5}.publish-ready-msg{color:#166534;background:#dcfce7;border-radius:6px;margin-top:.55rem;padding:.4rem .6rem;font-size:.78rem;font-weight:600}.pub-issue-clickable{cursor:pointer;border-radius:6px;margin:0 -.3rem;padding:.25rem .3rem}.pub-issue-clickable:hover{background:color-mix(in srgb, var(--brand,#6366f1) 10%, transparent)}.pub-issue-jumpable .pub-issue-text{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pub-issue-actions{flex-shrink:0;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.pub-issue-jump,.pub-issue-fix{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--brand,#6366f1);border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;line-height:1.2}.pub-issue-fix{border-color:color-mix(in srgb, #22c55e 50%, var(--border-color));color:#15803d;background:#f0fdf4}.pub-issue-fix:hover{background:#dcfce7}.pub-issue-jump:hover{border-color:var(--brand,#6366f1);background:color-mix(in srgb, var(--brand,#6366f1) 10%, transparent)}[data-theme=dark] .pub-issue-fix,[data-theme=dracula] .pub-issue-fix,[data-theme=nord] .pub-issue-fix,[data-theme=solarized-dark] .pub-issue-fix,[data-theme=monokai] .pub-issue-fix{color:#bbf7d0;background:#14532d;border-color:#166534}.publish-fix-all{border:1px solid color-mix(in srgb, #22c55e 55%, var(--border-color));color:#15803d;cursor:pointer;background:#f0fdf4;border-radius:999px;flex-shrink:0;padding:.2rem .65rem;font-size:.72rem;font-weight:700}.publish-fix-all:hover{background:#dcfce7}.publish-fix-all:disabled{opacity:.55;cursor:wait}[data-theme=dark] .publish-fix-all,[data-theme=dracula] .publish-fix-all,[data-theme=nord] .publish-fix-all,[data-theme=solarized-dark] .publish-fix-all,[data-theme=monokai] .publish-fix-all{color:#bbf7d0;background:#14532d;border-color:#166534}.publish-jump-hint{color:var(--text-secondary);opacity:.85;margin:.45rem 0 0;font-size:.7rem}.fix-baseurl-modal{width:min(92vw,420px);max-width:420px}.fix-base-hint{color:var(--text-secondary);margin:0 0 .75rem;font-size:.88rem;line-height:1.5}.fix-base-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.fix-base-input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.55rem .7rem;font-size:.9rem}.fix-base-input.is-invalid{border-color:#ef4444;outline:none;box-shadow:0 0 0 2px #ef444440}.fix-base-input:focus{border-color:var(--brand,#6366f1);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand,#6366f1) 25%, transparent);outline:none}.copy-btn-wrap{align-items:stretch;display:inline-flex;position:relative}.copy-btn-wrap .toolbar-btn-primary{border-top-right-radius:0;border-bottom-right-radius:0}.copy-caret{border-left:1px solid #ffffff59!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;min-width:28px!important;padding-left:.35rem!important;padding-right:.4rem!important}.copy-dropdown{min-width:220px;left:auto;right:0}.copy-dropdown .dropdown-item.is-default{font-weight:600}.copy-dropdown .copy-format-note{color:var(--text-secondary);border-top:1px solid var(--border-color);max-width:260px;padding:.4rem .75rem .55rem;font-size:.72rem;line-height:1.4}@media (width<=767px){.publish-copy-hint,.publish-tip{display:none}.publish-panel-main{padding:.4rem .6rem}}@media (width<=1023px){.toolbar{gap:.5rem;min-height:48px;padding:.4rem .75rem}.toolbar-left,.toolbar-right{gap:.35rem}.toolbar-btn span,.platform-name{display:none}.toolbar-btn{min-width:44px;min-height:44px;padding:.4rem .5rem}.toolbar-btn svg{width:16px;height:16px}.toolbar-brand .brand-name{display:none}.platform-btn{min-height:40px;padding:.35rem .5rem}.stats-bar{gap:1rem;padding:.35rem .75rem}}.mobile-tab-bar{border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;display:none}.mobile-tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex:1;padding:.6rem 1rem;font-size:.85rem;font-weight:500;position:relative}.mobile-tab.active{color:var(--brand)}.mobile-tab.active:after{content:"";background:var(--brand);height:2px;position:absolute;bottom:0;left:0;right:0}@media (width<=767px){.mobile-tab-bar{display:flex}.main-area{flex-direction:column}.pane-editor{border-right:none;flex:1}.pane-preview{flex:1;display:none}.pane-divider{display:none}.toolbar{justify-content:space-between;gap:.4rem;padding:.4rem .6rem}.toolbar-left,.toolbar-right{gap:.3rem}.toolbar-divider{display:none}.toolbar-btn{min-width:44px;min-height:44px;padding:.4rem}.platform-selector{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;max-width:min(52vw,220px);overflow-x:auto}.platform-btn{flex-shrink:0;min-height:40px;padding:.35rem .5rem}.editor-textarea{padding:1rem;font-size:16px}.side-panel{width:100vw}.app-footer{display:none}.stats-bar{gap:.75rem}.stat-divider{display:none}.toolbar-btn-primary span{display:inline}.pane-editor{min-height:0}.ql-container{font-size:16px}}@media (width<=479px){.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.25rem;padding:.3rem .5rem;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar-left{flex-shrink:0}.toolbar-right{flex-shrink:0;gap:.2rem}.toolbar-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:.4rem;display:flex}.toolbar-btn span{display:none}.toolbar-btn-primary span{display:inline}.platform-selector{padding:.15rem}.platform-btn{min-height:36px;padding:.35rem .5rem;font-size:.75rem}.stats-bar{gap:.5rem;padding:.3rem .5rem;font-size:.65rem}.stat-value{font-size:.7rem}#btn-theme,#btn-shortcuts,#btn-lang{display:none}}