*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.container{display:grid;grid-template-columns:400px 1fr;height:100vh}.preview-container{display:flex;flex-direction:column;overflow:hidden;background:#f0f0f0}.preview-header{padding:1rem 2rem;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.preview-header h2{font-size:1.25rem}#print-btn{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}#print-btn:hover:not(:disabled){background:#218838}#print-btn:disabled{background:#ccc;cursor:not-allowed}.preview{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 0;background:#f0f0f0}.page{width:8.5in;height:11in;margin:0 auto 1.5rem;background:#fff;box-shadow:0 2px 8px #0000001a;position:relative;page-break-after:always;break-after:page}.page:last-child{margin-bottom:0}.page-number{position:absolute;bottom:.25in;right:.75in;font-size:.75rem;color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls{padding:2rem;background:#f5f5f5;border-right:1px solid #ddd;overflow-y:auto}.controls h1{font-size:1.5rem;margin-bottom:.5rem}.tagline{color:#666;font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600}.input-group label .help-text{display:block;font-weight:400;font-size:.85rem;color:#666;margin-top:.25rem}.input-group .helper{display:block;color:#777;font-size:.8rem;margin-top:.5rem;line-height:1.4}#markdown-input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical}#target-pages,#theme-select,#page-size,#margin-size{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .2s ease}input:invalid,input[aria-invalid=true]{border-color:#dc3545;background-color:#fff5f5}input:invalid:focus,input[aria-invalid=true]:focus{outline-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-message{display:block;color:#dc3545;font-size:.8rem;margin-top:.5rem;line-height:1.4;font-weight:500}#theme-select,#page-size{background:#fff;cursor:pointer}.settings-group{border:1px solid #ddd;border-radius:4px;padding:1rem;margin-bottom:1.5rem;background:#fff}.settings-group legend{font-weight:600;font-size:.95rem;color:#333;padding:0 .5rem}.checkbox-group{margin-bottom:1rem}.checkbox-group:last-child{margin-bottom:0}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.checkbox-group .helper{margin-left:1.75rem}#format-btn{width:100%;padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;font-weight:600;margin-bottom:1rem}#format-btn:hover{background:#0056b3}#format-btn:disabled{background:#ccc;cursor:not-allowed}.advanced-settings{margin-bottom:1.5rem;border:1px solid #ddd;border-radius:4px;background:#fff}.advanced-settings summary{padding:.75rem 1rem;cursor:pointer;font-weight:600;font-size:.95rem;color:#555;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;transition:background .2s}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:hover{background:#f8f9fa}.advanced-settings summary:before{content:"▶";margin-right:.5rem;font-size:.7rem;transition:transform .2s}.advanced-settings[open] summary:before{transform:rotate(90deg)}.advanced-settings .settings-group{margin:0 1rem 1rem;border:1px solid #e9ecef}.advanced-settings .settings-group:first-of-type{margin-top:1rem}.keyboard-hint{font-size:.85rem;font-weight:400;opacity:.8}.status{margin-top:1rem;padding:.75rem;border-radius:4px;font-size:.9rem}.status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status.processing{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.page-content{width:100%;padding:.5in;box-sizing:border-box;overflow:hidden}.empty-state{padding:3rem 2rem;text-align:center;color:#666;max-width:500px;margin:2rem auto}.empty-state h3{font-size:1.3rem;color:#333;margin-bottom:1rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.empty-state .tips{text-align:left;list-style:none;padding:0;margin:0}.empty-state .tips li{padding:.75rem;margin-bottom:.5rem;background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;font-size:.9rem;line-height:1.5}.empty-state .tips li strong{color:#007bff}.preview-container.justify-text .page-content p,.preview-container.justify-text .page-content li{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.preview-container.hide-page-numbers .page-number{display:none}.page-content{--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--heading-font: var(--body-font);--code-font: "Courier New", Consolas, Monaco, monospace;--text-color: #333;--heading-color: #000;--link-color: #007bff;--link-hover-color: #0056b3;--code-bg: #f4f4f4;--code-text: #333;--code-border: transparent;--blockquote-border: #ddd;--blockquote-bg: #f9f9f9;--blockquote-text: #666;--table-border: #ddd;--table-header-bg: #f8f8f8;--hr-color: #ddd;--line-height: 1.6;--paragraph-spacing: 1em;--heading-spacing: 1.5em;font-family:var(--body-font);color:var(--text-color);line-height:var(--line-height)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-family:var(--heading-font);color:var(--heading-color);margin-top:var(--heading-spacing);margin-bottom:.5em;font-weight:600}.page-content h1{font-size:2em}.page-content h2{font-size:1.75em}.page-content h3{font-size:1.5em}.page-content h4{font-size:1.25em}.page-content h5{font-size:1.1em}.page-content h6{font-size:1em}.page-content p{margin-bottom:var(--paragraph-spacing)}.page-content a{color:var(--link-color);text-decoration:none}.page-content a:hover{color:var(--link-hover-color);text-decoration:underline}.page-content img{max-width:100%;height:auto}.page-content pre{background:var(--code-bg);padding:1rem;border-radius:4px;overflow-x:auto;border:1px solid var(--code-border);color:var(--code-text)}.page-content code{background:var(--code-bg);padding:.2em .4em;border-radius:3px;font-family:var(--code-font);color:var(--code-text)}.page-content pre code{background:none;padding:0}.page-content blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);color:var(--blockquote-text)}.page-content table{border-collapse:collapse;width:100%;margin:1em 0}.page-content table th,.page-content table td{border:1px solid var(--table-border);padding:.5em;text-align:left}.page-content table th{background:var(--table-header-bg);font-weight:600}.page-content hr{border:none;border-top:1px solid var(--hr-color);margin:2em 0}.page-content ul,.page-content ol{padding-left:1.5em;margin-bottom:var(--paragraph-spacing)}.page-content li{margin-bottom:.5em}.page-content strong{font-weight:600}.page-content em{font-style:italic}.page-content input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1em;height:1em;min-width:1em;min-height:1em;border:2px solid #ddd;border-radius:3px;background:#fff;display:inline-block;position:relative;vertical-align:middle;margin-right:.5em;margin-top:-.1em;cursor:not-allowed}.page-content input[type=checkbox]:checked{background:#007bff;border-color:#007bff}.page-content input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85em;color:#fff;font-weight:700;line-height:1}.page-content li>input[type=checkbox]{margin-left:-1.5em;margin-right:.5em}.theme-serif .page-content{--body-font: Georgia, "Times New Roman", serif;--heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--code-font: "Courier Prime", "Courier New", monospace;--text-color: #1a1a1a;--heading-color: #000;--link-color: #2c5aa0;--link-hover-color: #1a3a70;--code-bg: #faf8f5;--code-text: #2c2c2c;--code-border: #e8e6e1;--blockquote-border: #c9b899;--blockquote-bg: #f9f7f3;--blockquote-text: #5a5a5a;--table-border: #d4d0c8;--table-header-bg: #f5f3ed;--hr-color: #d4d0c8;--line-height: 1.7;--paragraph-spacing: 1.2em;--heading-spacing: 1.6em}.theme-serif .page-content input[type=checkbox]{border-color:#c9b899}.theme-serif .page-content input[type=checkbox]:checked{background:#2c5aa0;border-color:#2c5aa0}.theme-modern .page-content{--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading-font: var(--body-font);--code-font: "SF Mono", "Monaco", "Consolas", monospace;--text-color: #000;--heading-color: #000;--link-color: #0066cc;--link-hover-color: #0052a3;--code-bg: #2d2d2d;--code-text: #f8f8f8;--code-border: #1a1a1a;--blockquote-border: #0066cc;--blockquote-bg: #f0f7ff;--blockquote-text: #1a1a1a;--table-border: #000;--table-header-bg: #f5f5f5;--hr-color: #000;--line-height: 1.65;--paragraph-spacing: 1.3em;--heading-spacing: 2em}.theme-modern .page-content h1,.theme-modern .page-content h2,.theme-modern .page-content h3{font-weight:700;letter-spacing:-.02em}.theme-modern .page-content input[type=checkbox]{border-color:#000;border-width:2.5px}.theme-modern .page-content input[type=checkbox]:checked{background:#06c;border-color:#06c}.theme-high-contrast .page-content{--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading-font: var(--body-font);--code-font: "Consolas", "Courier New", monospace;--text-color: #000;--heading-color: #000;--link-color: #0000ff;--link-hover-color: #0000cc;--code-bg: #fff;--code-text: #000;--code-border: #000;--blockquote-border: #000;--blockquote-bg: #fff;--blockquote-text: #000;--table-border: #000;--table-header-bg: #fff;--hr-color: #000;--line-height: 1.8;--paragraph-spacing: 1.4em;--heading-spacing: 1.8em}.theme-high-contrast .page-content{font-weight:500}.theme-high-contrast .page-content h1,.theme-high-contrast .page-content h2,.theme-high-contrast .page-content h3,.theme-high-contrast .page-content h4,.theme-high-contrast .page-content h5,.theme-high-contrast .page-content h6,.theme-high-contrast .page-content strong{font-weight:700}.theme-high-contrast .page-content code{border:2px solid var(--code-border);font-weight:600}.theme-high-contrast .page-content pre{border:2px solid var(--code-border)}.theme-high-contrast .page-content blockquote{border-left-width:6px;font-weight:500}.theme-high-contrast .page-content table th,.theme-high-contrast .page-content table td{border:2px solid var(--table-border)}.theme-high-contrast .page-content hr{border-top:2px solid var(--hr-color)}.theme-high-contrast .page-content input[type=checkbox]{border-width:3px;font-weight:700}.theme-high-contrast .page-content input[type=checkbox]:checked:after{font-weight:900}@media print{body{background:#fff}.controls,.preview-header{display:none!important}.container{display:block;height:auto}.preview-container{overflow:visible;background:#fff}.preview{width:100%;margin:0;padding:0;box-shadow:none;overflow:visible;background:#fff}.page{width:100%;height:auto;min-height:auto;margin:0;padding:0;box-shadow:none;page-break-after:always;break-after:page}.page:last-child{page-break-after:auto;break-after:auto}.page-content{padding:0;overflow:visible;height:auto}.page-number{display:none}@page{size:var(--print-page-size, letter);margin:0}.preview-container:not(.hide-page-numbers) .page-number{display:block;position:absolute;bottom:.25in;right:.75in;font-size:.75rem;color:#999}h1,h2,h3,h4,h5,h6{page-break-after:avoid;break-after:avoid}pre,blockquote{page-break-inside:avoid;break-inside:avoid}}