:root{font:16px/1.5 system-ui,sans-serif;color:#282a23;background:#f5f2e9;color-scheme:light}
*{box-sizing:border-box}body{max-width:1520px;margin:auto;padding:24px}h1{font-size:clamp(2rem,4vw,3rem);margin:.2em 0}h2{font-size:1rem;overflow-wrap:anywhere}a{color:#075d73}p{max-width:78ch}nav,.controls,.actions{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0}label{display:grid;gap:4px;font-size:.9rem}input,select,textarea,button{font:inherit;padding:9px;border:1px solid #898b80;border-radius:4px;color:inherit;background:#fff}input,textarea{min-width:0;max-width:100%}button,.file-button{cursor:pointer;background:#075d73;color:#fff;padding:10px 16px;border:0;border-radius:4px;font-weight:600}.file-button input{display:block;font-size:.8rem;background:#fff;color:#282a23;padding:3px;margin-top:5px;max-width:240px}.secondary{background:#fff;color:#075d73;border:1px solid #075d73}:focus-visible{outline:3px solid #bc572b;outline-offset:3px}.intro{border-left:5px solid #075d73;padding-left:18px}.quiet,.note{font-size:.88rem;color:#57594f}.workspace{padding:16px 20px;background:#e7e8dd;border:1px solid #c5c8ba;border-radius:6px;margin:24px 0}#progress{font-weight:600}.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))}.crop{background:#fff;border:1px solid #d7d2c5;border-radius:6px;padding:14px;scroll-margin-top:20px}.crop:target{outline:3px solid #bc572b}.picture{height:250px;display:flex;align-items:center;justify-content:center;background:#eee8dc}.picture img{max-width:100%;max-height:100%;object-fit:contain}.crop label{margin:12px 0}.crop input,.crop textarea{width:100%}.crop .note{min-height:3em}.crop details{font-size:.88rem;margin-top:12px}.crop textarea{min-height:90px}.crop .links{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem}.pages article{margin:32px 0;padding:18px;background:white;border:1px solid #d7d2c5}.pages img{display:block;width:auto;height:auto;max-width:100%;max-height:90vh;margin:14px auto}.pages nav{gap:12px}.single img{max-width:100%;max-height:75vh;display:block;margin:20px auto}code{overflow-wrap:anywhere}output{display:block}#status{min-height:1.5em}#status.error{color:#a22921}footer{margin:40px 0 10px;font-size:.85rem}[hidden]{display:none!important}@media(max-width:600px){body{padding:14px}.workspace{padding:12px}.controls label{width:100%}}@media print{.workspace,.controls,.actions,footer{display:none}.crop{break-inside:avoid}.cards{grid-template-columns:repeat(2,1fr)}}