.option-box{width:min(620px,100%);padding:20px;text-align:left;background:#f7f7f8;border-radius:9px}
.option-box h3{margin:0 0 12px}
.option-box label{display:block;padding:8px;border-bottom:1px solid #e7e7e7}
.option-box label input{padding:0}
.option-box label small{display:block;color:#888;margin-left:28px}
.option-box>input:not([type=radio]):not([type=checkbox]){width:calc(100% - 10px)}
.page-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;max-width:680px;margin:18px auto}
.page-thumb{position:relative;background:#eee;border:2px solid transparent;border-radius:5px;padding:5px;cursor:pointer}
.page-thumb img{display:block;width:100%;aspect-ratio:.707;object-fit:cover;background:white}
.page-thumb span{display:block;padding-top:5px;font-size:12px}
.page-thumb.selected{border-color:#e5322d;background:#fff0ef}
.preview-loading{grid-column:1/-1;color:#888;padding:16px}
.organizer-toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px}.organizer-toolbar button{border:1px solid #ddd;background:white;border-radius:5px;padding:8px 13px;cursor:pointer}.organizer-toolbar button:hover{border-color:#e5322d;color:#e5322d}.page-thumb[draggable=true]{cursor:grab}.page-thumb.drag-over,.file-row.drag-over{outline:3px solid #e5322d}.page-thumb img{transition:transform .2s}.file-row[draggable=true]{cursor:grab}.file-row:before{content:'⋮⋮';color:#aaa;margin-right:10px}
.task-status{max-width:520px;margin:22px auto;padding:18px;background:#f7f7f8;border-radius:9px}.task-status strong,.task-status span{display:block;margin-top:8px}.task-status span{font-size:13px;color:#777}.progress-track{height:8px;background:#ddd;border-radius:10px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:#e5322d;transition:width .3s}