@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--ad-slot-width:160px}@media (width<=1200px){aside.ad{display:none}}body>footer{text-align:center;opacity:.75;border-top:1px solid color-mix(in srgb, currentColor 20%, transparent);padding:24px;font-size:.85rem}body>footer a{color:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f8fafc;--panel-bg:#fff;--text-color:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--border-hover:#cbd5e1;--accent-color:#ef4444;--accent-hover:#dc2626;--accent-light:#ef44441f;--btn-secondary-bg:#fff;--btn-secondary-text:#334155;--btn-secondary-border:#cbd5e1;--btn-secondary-hover:#f1f5f9;--font-sans:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--transition-speed:.15s;--overlay-bg:#f8fafce6;--code-bg:#f1f5f9;--btn-primary-text:#fff;--paper-bg:#fff;--paper-text:#0f172a;--paper-muted:#475569;--paper-border:#e2e8f0;--paper-rule:#cbd5e1;--paper-link:#dc2626;--paper-code-bg:#f1f5f9;--paper-th-bg:#f8fafc;--desk-bg:#e8ecf1}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0b0f19;--panel-bg:#111827;--text-color:#f3f4f6;--text-secondary:#9ca3af;--border-color:#1f2937;--border-hover:#374151;--accent-color:#f87171;--accent-hover:#ef4444;--accent-light:#f8717129;--btn-secondary-bg:#1f2937;--btn-secondary-text:#e5e7eb;--btn-secondary-border:#374151;--btn-secondary-hover:#2d3748;--overlay-bg:#0b0f19e6;--code-bg:#1f2937;--btn-primary-text:#0b0f19;--desk-bg:#080b12}*{box-sizing:border-box;font-family:var(--font-sans);outline:none;margin:0;padding:0}html{height:100%}body{background-color:var(--bg-color);min-height:100%;color:var(--text-color);flex-direction:column;display:flex}.app-viewport{flex-direction:column;height:100vh;display:flex}header{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);z-index:10;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{object-fit:contain;border-radius:6px;width:32px;height:32px}.header-title{font-size:1.1rem;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn{cursor:pointer;transition:all var(--transition-speed) ease;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover)}#theme-toggle-btn svg{display:block}html:not(.dark) #theme-toggle-btn .sun-icon,html.dark #theme-toggle-btn .moon-icon{display:none}main{grid-template-columns:var(--ad-slot-width) minmax(0, 1400px) var(--ad-slot-width);flex:1;justify-content:center;gap:1rem;min-height:0;padding:1rem 1.5rem;display:grid}@media (width<=1200px){main{grid-template-columns:minmax(0,1400px)}}.workspace{gap:1rem;min-width:0;min-height:0;display:flex}.panel{background-color:var(--panel-bg);border:1px solid var(--border-color);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;font-size:.75rem;font-weight:600}#editor{resize:none;width:100%;font-family:var(--font-mono);color:var(--text-color);background-color:#0000;border:none;flex:1;padding:1rem;font-size:.875rem;line-height:1.65}.preview-scroll{background-color:var(--desk-bg);scrollbar-gutter:stable;flex:1;padding:1.25rem;overflow:auto}.pages{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.page{flex-direction:column;display:flex}.page-sheet{width:210mm;height:297mm;margin-right:calc(210mm * (var(--page-zoom,1) - 1));margin-bottom:calc(297mm * (var(--page-zoom,1) - 1));background-color:var(--paper-bg);color:var(--paper-text);transform:scale(var(--page-zoom,1));transform-origin:0 0;padding:12mm 14mm;box-shadow:0 1px 2px #0f172a2e,0 8px 20px #0f172a1f}.page-body{overflow:hidden}.page-caption{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-top:.5rem;font-size:.75rem}.pdf-source-host{visibility:hidden;pointer-events:none;width:182mm;position:fixed;top:0;left:-20000px}@media (width<=800px){.workspace{flex-direction:column}}.drop-overlay{z-index:100;color:var(--accent-color);background-color:var(--overlay-bg);border:3px dashed var(--accent-color);pointer-events:none;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex;position:fixed;inset:0}.hidden{display:none!important}.markdown-body{color:var(--paper-text);background-color:var(--paper-bg);word-wrap:break-word;font-size:.95rem;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:1.5em 0 .6em;font-weight:600;line-height:1.3}.markdown-body h1{border-bottom:1px solid var(--paper-border);padding-bottom:.3em;font-size:1.75em}.markdown-body h2{border-bottom:1px solid var(--paper-border);padding-bottom:.3em;font-size:1.4em}.markdown-body h3{font-size:1.15em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body table,.markdown-body blockquote,.markdown-body pre{margin-bottom:1em}.markdown-body ul,.markdown-body ol{padding-left:1.6em}.markdown-body li+li{margin-top:.2em}.markdown-body a{color:var(--paper-link)}.markdown-body blockquote{color:var(--paper-muted);border-left:4px solid var(--paper-rule);padding:.25em 1em}.markdown-body code{font-family:var(--font-mono);background-color:var(--paper-code-bg);border-radius:5px;padding:.15em .4em;font-size:.86em}.markdown-body pre{background-color:var(--paper-code-bg);border-radius:8px;padding:1em}.markdown-body pre code{white-space:pre-wrap;overflow-wrap:anywhere;background-color:#0000;padding:0}.markdown-body table{border-collapse:collapse;max-width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--paper-border);overflow-wrap:anywhere;padding:.45em .9em}.markdown-body th{background-color:var(--paper-th-bg);font-weight:600}.markdown-body img{max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--paper-border);margin:1.5em 0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body tr,.markdown-body pre,.markdown-body blockquote,.markdown-body img{page-break-inside:avoid}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body thead{page-break-after:avoid}.page-content{max-width:760px;color:var(--text-secondary);flex-direction:column;gap:1.75rem;margin:0 auto;padding:2.5rem 1.5rem 4rem;font-size:.95rem;line-height:1.7;display:flex}.page-content h2{color:var(--text-color);border-bottom:1px solid var(--border-color);margin-bottom:.6rem;padding-bottom:.4rem;font-size:1.15rem}.page-content ul{padding-left:1.25rem}.page-content li{margin-bottom:.4rem}.page-content p{margin-bottom:.6rem}.page-content strong{color:var(--text-color)}.page-content code{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;padding:.1em .4em;font-size:.9em}