.documents-wrap{max-width:1240px;width:100%;margin:auto;padding:38px 24px 60px}
.documents-hero{max-width:780px;margin-bottom:32px}.eyebrow{color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.12em;margin-bottom:12px}
.documents-hero h1{font-size:clamp(2.4rem,5vw,3.7rem);line-height:1.07;letter-spacing:-.045em;margin-bottom:18px}.documents-hero h1 span{color:var(--accent)}
.documents-hero>p:not(.eyebrow){font-size:1.06rem;color:var(--muted);max-width:650px}
.document-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.document-badges span{background:#fff;border:1px solid var(--border);padding:5px 11px;border-radius:24px;font-size:.78rem;color:var(--muted)}
.document-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:24px;align-items:start}
.document-input,.document-result{min-width:0}.document-result{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.documents-wrap button{font:inherit;font-size:.83rem;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:#fff;color:var(--text);cursor:pointer}.documents-wrap button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.documents-wrap button:disabled{opacity:.45;cursor:default}
.documents-wrap .document-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:2px dashed #d4a3a0;border-radius:var(--radius);background:var(--accent-soft)}
.document-drop.dragover{outline:4px solid #f2d4d0}.drop-icon{font-size:2rem;color:var(--accent);line-height:1.2}.document-drop strong{font-size:1.1rem}.document-drop span:not(.drop-icon),.document-drop small{color:var(--muted)}.document-drop small{font-size:.72rem;margin-top:6px}
.formats-hint{font-size:.78rem;color:var(--muted);margin:12px 2px 22px}.batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.batch-toolbar h2{font-size:1rem}.batch-toolbar>div{display:flex;gap:6px}
.document-status{font-size:.84rem;color:var(--muted);margin:10px 0 14px;min-height:42px}.document-queue{list-style:none;margin:0 0 14px;padding:0;max-height:420px;overflow:auto}.document-queue li{margin-bottom:8px}.document-queue button{display:block;width:100%;text-align:left;padding:10px 12px}.document-queue button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.document-queue strong{display:block;overflow-wrap:anywhere;font-weight:600}.document-queue small{display:block;color:var(--muted);margin-top:4px}.document-queue .file-error{color:#a42626}.documents-wrap .document-primary{background:var(--accent);color:#fff;width:100%}.documents-wrap .document-primary:hover:not(:disabled){background:#922626;color:#fff}
.result-heading{padding:20px 20px 12px}.result-heading h2{font-size:1.1rem;overflow-wrap:anywhere}.result-heading p{font-size:.8rem;color:var(--muted);margin-top:4px}.result-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--border)}.result-tabs,.result-actions{display:flex;gap:5px;flex-wrap:wrap}.result-tabs button[aria-selected=true]{background:var(--text);color:white;border-color:var(--text)}
.documents-wrap .result-tabs button[aria-selected=true]:hover{color:white;border-color:var(--text)}
#markdownSource{display:block;border:0;width:100%;min-height:510px;resize:vertical;padding:20px;background:#192334;color:#e3eaf4;font:13px/1.65 Consolas,Monaco,monospace;tab-size:2}#markdownSource[hidden],#documentPreview[hidden]{display:none}#markdownSource:disabled{opacity:1;color:#b9c6d8}
.document-preview{min-height:510px;max-height:760px;overflow:auto;padding:24px;overflow-wrap:anywhere;font-size:.92rem}.document-preview>*{margin-bottom:14px}.document-preview h1,.document-preview h2,.document-preview h3{line-height:1.3;margin-top:22px}.document-preview ul,.document-preview ol{padding-left:26px}.document-preview table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.document-preview th,.document-preview td{padding:8px 10px;border:1px solid var(--border);min-width:70px;vertical-align:top}.document-preview th{background:#f1f5f9}.document-preview img{max-width:100%;height:auto}.document-preview pre{overflow:auto;background:#eef2f7;padding:14px;border-radius:8px}.document-preview code{font: .88em/1.5 Consolas,monospace}.document-preview blockquote{border-left:3px solid var(--border);padding-left:14px;color:var(--muted)}.unloaded-image{display:inline-block;padding:8px;background:#f1f5f9;color:var(--muted);font-size:.8rem}
.document-warnings{background:#fff8e8;border-bottom:1px solid #ecd7a7;padding:12px 20px 12px 35px;color:#74530b;font-size:.8rem}.document-warnings[hidden]{display:none}.output-note{font-size:.75rem;color:var(--muted);padding:12px 18px;border-top:1px solid var(--border)}
.document-help{margin-top:48px}.document-help>h2{font-size:1.4rem;letter-spacing:-.025em;margin-bottom:20px}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.help-grid h3{font-size:1rem;margin-bottom:8px}.help-grid p,.document-help details p{font-size:.9rem;color:var(--muted)}.document-help details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:26px;padding:16px 0}.document-help summary{font-weight:600;cursor:pointer}.format-table-wrap{overflow-x:auto;margin:18px 0}.format-table-wrap table{width:100%;border-collapse:collapse;font-size:.82rem}.format-table-wrap th,.format-table-wrap td{border:1px solid var(--border);padding:10px;vertical-align:top;text-align:left}.format-table-wrap th{background:#fff}.document-next{margin-top:24px;color:var(--muted);font-size:.9rem}
@media(max-width:850px){.document-workspace{grid-template-columns:1fr}.document-queue{max-height:240px}.help-grid{grid-template-columns:1fr;gap:18px}#markdownSource,.document-preview{min-height:380px}.documents-wrap{padding:28px 16px 40px}.result-toolbar{padding-left:12px;padding-right:12px}.documents-hero h1{font-size:2.6rem}}