:root{color-scheme:light;font-family:system-ui,sans-serif;color:#17243b;background:#f6f8fb}body{margin:0}main{max-width:1200px;margin:auto;padding:32px 24px}nav{display:flex;justify-content:space-between;align-items:center}a{color:#255dc7}h1{font-size:clamp(30px,5vw,46px);margin:44px 0 18px;line-height:1.2}p{line-height:1.6}.muted{color:#58677d}.badge{font-size:13px;background:#e6edf9;padding:6px 12px;border-radius:20px}form{display:grid;gap:14px;max-width:650px;background:white;padding:24px;border:1px solid #dbe3ef;border-radius:14px}label{font-weight:600}input,select,button,textarea{font:inherit;box-sizing:border-box}input,select{max-width:100%;padding:10px;border:1px solid #bac8dd;border-radius:6px}button{cursor:pointer;background:#255dc7;color:white;border:0;border-radius:6px;padding:12px 20px}button:disabled{background:#8c9ebc;cursor:not-allowed}button.secondary{background:#e6edf9;color:#17243b}#status{min-height:1.5em;font-weight:600}#workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}#workspace[hidden],[hidden]{display:none!important}#original iframe,#original img{width:100%;border:1px solid #bac8dd;border-radius:8px}#original iframe{height:650px}#original img{object-fit:contain;max-height:650px}textarea{width:100%;min-height:300px;padding:14px;border:1px solid #bac8dd;border-radius:8px;line-height:1.5;resize:vertical}.warnings{font-size:14px;color:#765000;background:#fff7e6;padding:10px;border-radius:6px}#downloads{display:flex;gap:12px;margin:18px 0}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e79a24;outline-offset:3px}@media(max-width:760px){main{padding:20px 16px}#workspace{grid-template-columns:1fr}#original iframe{height:400px}form{padding:18px}}
#workspace>div{min-width:0}.page-editor{margin-bottom:24px}.page-editor [data-kind=paragraph]{margin:12px 0}.page-editor [data-kind=paragraph] textarea{min-height:130px}.table-editor{overflow-x:auto;margin:16px 0;max-width:100%}.table-editor table{border-collapse:collapse;width:100%}.table-editor td{border:1px solid #bac8dd;padding:5px;min-width:120px;vertical-align:top}.table-editor textarea{min-height:65px;padding:8px;resize:vertical;border-radius:4px}.table-editor h3{font-size:16px}input:focus-visible,select:focus-visible{outline:3px solid #e79a24;outline-offset:3px}
#original{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}#original canvas{display:block;width:100%;height:auto;background:white;border:1px solid #bac8dd;box-sizing:border-box}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.preview-controls button{padding:8px 12px}.preview-controls span{font-size:14px}@media(max-width:760px){#original{position:static;max-height:500px}}
form>*{min-width:0}input[type=file]{width:100%}
.table-downloads{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.table-editor>.muted{font-size:13px;line-height:1.5}