:root{font-family:Georgia,serif;color:#163d3c;background:#f9efd8;font-size:17px}body{max-width:1180px;margin:auto;padding:24px}header{border-bottom:1px solid #b3986b;padding-bottom:20px}h1{font-size:2.5rem;margin:.3em 0}.notice{background:#ece1c6;padding:15px;border-left:4px solid #9b6c40}button,input,textarea,select{font:inherit}button{padding:9px 14px;background:#163d3c;color:#fff;border:1px solid #163d3c;border-radius:5px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input:not([type=checkbox]),textarea,select{box-sizing:border-box;max-width:100%;padding:8px;border:1px solid #897657;border-radius:4px;background:#fffcf4}label{display:block;margin:10px 0}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}label input:not([type=checkbox]),textarea{display:block;width:100%}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.toolbar label{max-width:420px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{padding:18px;background:#fffcf4;border:1px solid #c5b694;border-radius:6px}.card h2{font-size:1.25rem;margin:0 0 12px}.small{font-size:.8rem;overflow-wrap:anywhere}.buttons{display:flex;gap:10px;flex-wrap:wrap}.warning{color:#8d3f21}.muted{color:#616557}dialog{border:1px solid #b3986b;border-radius:8px;width:min(720px,90vw);max-height:85vh;overflow:auto;background:#fffcf4;color:#163d3c;padding:24px}dialog::backdrop{background:#0008}footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}pre{white-space:pre-wrap;font:inherit;font-size:.8rem;overflow-wrap:anywhere}.edition{border-top:1px solid #ccc;padding-top:12px}#status{min-height:1.5em}[role=alert]{color:#963918}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b77d3b;outline-offset:3px}@media(max-width:500px){body{padding:14px}.cards{grid-template-columns:1fr}h1{font-size:2rem}dialog{padding:14px}}


.reader-text { white-space: pre-wrap; overflow-wrap: anywhere; }
#text-preview { max-width: 850px; width: 90vw; }

.reader-image { display:block; max-width:100%; height:auto; margin:1rem auto; }

/* Compact owner login and catalogue search; editor fields stay full width. */
header > label{width:100%;max-width:360px}
#workspace > label{display:inline-block;vertical-align:bottom;max-width:100%;margin-right:16px}
#workspace > label:first-of-type{width:100%;max-width:480px}
@media(max-width:600px){header > label{max-width:100%}#workspace > label{display:block;width:100%;max-width:100%;margin-right:0}}

/* Upload state: native accessible bar, responsive branded presentation. */
.book-upload-progress{display:block;width:100%;max-width:480px;height:18px;margin:16px 0 8px;accent-color:#163d3c}
.book-upload-progress[hidden]{display:none}
.book-upload-progress+p{max-width:60ch;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}