.intro{padding-bottom:20px}.intro p:last-child{max-width:670px}.upload-card{padding:23px 28px;margin-bottom:18px}.upload-card .drop-zone{min-height:116px;margin-top:18px}.upload-card .drop-label{flex-direction:row;flex-wrap:wrap;gap:7px;justify-content:center;padding:16px}.upload-card .upload-icon{width:32px;height:32px;margin:0 8px 0 0}.upload-card .drop-zone p{display:none}.loaded-file{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px}.loaded-file strong{min-width:0;overflow-wrap:anywhere}.text-button{border:0;background:transparent;color:#315ee0;font-size:.88rem;font-weight:750;cursor:pointer}.text-button:hover{text-decoration:underline}.organizer-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:18px}.organizer-workspace .card{padding:24px}.pages-card{min-width:0}.output-card{position:sticky;top:16px}.selection-bar,.range-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.selection-bar{margin-top:21px;color:#4e5d77;font-size:.91rem;font-weight:700}.selection-bar button:first-of-type{margin-left:auto}.range-bar{margin-top:15px}.range-bar label,.split-controls label{font-size:.89rem;font-weight:700;color:#39496b}.range-bar input,.every-wrap input{height:39px;min-width:0;flex:1 1 160px;border:1px solid #ced8e8;border-radius:9px;padding:0 12px;color:#152340;background:#fff}.range-bar button{height:39px;padding:0 14px;border:1px solid #cad6e8;border-radius:9px;background:#fff;color:#2457d5;font-weight:750;cursor:pointer}.page-hint{margin:11px 0 14px;color:#687790;line-height:1.5;font-size:.84rem}.edit-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 18px;border-top:1px solid #e6eaf3}.edit-toolbar button{min-height:38px;border:1px solid #cbd5e6;border-radius:9px;background:#fff;color:#273a5c;padding:7px 11px;font-size:.84rem;font-weight:700;cursor:pointer}.edit-toolbar button:hover:not(:disabled),.range-bar button:hover{background:#edf2ff;border-color:#849ce0}.edit-toolbar button:disabled,.text-button:disabled{opacity:.45;cursor:not-allowed}.edit-toolbar #remove{color:#a23849}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:18px 12px;list-style:none;margin:0;padding:6px 0 16px}.page-item{min-width:0;position:relative}.page-item .page-select-button{display:block;width:100%;border:2px solid #dce4ef;border-radius:12px;background:#f8faff;padding:7px;cursor:pointer;text-align:left;box-shadow:0 3px 9px #15234008}.page-item .page-select-button:hover{border-color:#8fa7e0}.page-item.selected .page-select-button{border-color:#4267df;box-shadow:0 0 0 2px #4267df26}.page-item.previewing .page-select-button{background:#edf4ff}.page-item.dragging{opacity:.48}.page-item.drag-over .page-select-button{border-style:dashed;border-color:#315ee0}.page-item canvas{display:block;width:100%;height:142px;object-fit:contain;background:#e9edf6;border-radius:7px}.page-item .thumb-fallback{display:grid;place-items:center;height:142px;background:#e9edf6;border-radius:7px;color:#526482}.page-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px;color:#263653;font-size:.8rem;font-weight:750}.page-caption small{color:#697a95;font-size:.71rem;font-weight:550}.page-item .cut-button{position:absolute;top:50%;left:-14px;z-index:1;width:26px;height:26px;border:1px dashed #a1afc6;border-radius:100%;background:#fff;color:#4165c4;cursor:pointer;font-weight:850;transform:translateY(-50%)}.page-item .cut-button.active{background:#315ee0;border-color:#315ee0;color:#fff}.page-item .cut-button:hover{border-color:#315ee0}.preview-box{display:grid;place-items:center;height:260px;margin-top:20px;border:1px solid #dfe6f1;border-radius:13px;background:#eef2f9;overflow:hidden}.preview-box canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 16px #15234021}.preview-label{text-align:center;margin:10px 0 17px;color:#596b8a;font-size:.85rem}.output-modes{display:grid;gap:8px;border:0;margin:0;padding:0}.output-modes label{display:flex;align-items:center;gap:10px;border:1px solid #dce4ef;border-radius:10px;padding:10px 12px;background:#fff;color:#263653;cursor:pointer;font-size:.9rem;font-weight:700}.output-modes label:has(input:checked){background:#edf2ff;border-color:#6682da;color:#214eb9}.output-modes input{accent-color:#315ee0}.split-controls{padding-top:15px}.split-controls>label{display:block;margin-bottom:7px}.split-controls select{width:100%}.every-wrap{display:flex;align-items:center;gap:12px;margin-top:12px}.every-wrap input{flex:0 0 72px}.output-hint{margin:12px 0 0;color:#687790;font-size:.85rem;line-height:1.5}.output-card .create-button{width:100%;margin-top:20px}.editor-status{min-height:0;margin:12px 0 0;font-size:.88rem;line-height:1.45;color:#315780}.editor-status:empty{display:none}.editor-status.error{color:#a23849}.editor-status.success{color:#167355}.below-note{margin:18px 0 56px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{cursor:not-allowed}
@media(max-width:940px){.organizer-workspace{grid-template-columns:1fr}.output-card{position:static;display:grid;grid-template-columns:minmax(170px,35%) 1fr;gap:0 18px}.output-card .card-heading{grid-column:1/-1}.preview-box{grid-row:2/5;height:240px}.preview-label{grid-column:1;grid-row:5}.output-modes{grid-column:2;grid-row:2}.split-controls,.output-hint,.output-card .create-button,.output-card #export-status{grid-column:2}.output-card .create-button{align-self:end}}
@media(max-width:600px){.intro{padding-top:34px}.intro h1{font-size:2.4rem}.upload-card,.organizer-workspace .card{padding:19px}.organizer-workspace{gap:14px}.output-card{display:block}.preview-box{height:220px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.page-item canvas,.page-item .thumb-fallback{height:122px}.selection-bar button:first-of-type{margin-left:0}.loaded-file{align-items:flex-start}.upload-card .drop-label{flex-direction:column}.upload-card .upload-icon{margin:0 0 6px}}
@media(prefers-reduced-motion:reduce){.page-item{transition:none}}