.workspace{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:26px;min-height:280px}.drop-zone{display:grid;place-items:center;text-align:center;padding:54px 24px;border:2px dashed #9bcaf1;border-radius:18px;background:linear-gradient(145deg,#f8fcff,#eff8ff);transition:.2s}.drop-zone:hover{border-color:#0878f9}.drop-zone>img{width:112px;height:112px;margin-bottom:8px}.drop-zone h2{margin:3px 0 4px;color:var(--navy);font-size:1.5rem}.drop-zone p{margin:5px 0 18px;color:var(--muted)}.drop-zone .limits{font-size:.88rem;max-width:650px;margin:18px 0 0}.workspace-heading,.action-bar,.selection-bar,.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.workspace-heading{margin-bottom:22px}.workspace-heading h2{margin:0;color:var(--navy)}.workspace-heading p{margin:3px 0 0;color:var(--muted)}.action-bar{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.action-bar>div{display:flex;align-items:center;gap:15px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.file-card{min-width:0;border:1px solid var(--line);border-radius:17px;padding:13px;background:#fff;transition:.16s}.file-card.dragging{opacity:.45}.file-card.drag-over,.page-card.drag-over{border-color:#0878f9;box-shadow:inset 0 0 0 2px #aadaff}.file-preview{display:grid;place-items:center;width:100%;height:155px;border:0;border-radius:12px;background:#edf4fb;overflow:hidden;padding:0;cursor:pointer}.file-preview.static{cursor:default}.file-preview img{width:100%;height:100%;object-fit:contain}.file-card h3{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px 0 4px}.file-card>p{font-size:.82rem;color:var(--muted);margin:0 0 10px}.card-controls,.page-controls{display:flex;gap:7px;flex-wrap:wrap}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px}.page-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:11px;background:#fff;min-width:0}.page-card.selected{border-color:#0878f9;background:#f1f8ff;box-shadow:inset 0 0 0 1px #0878f9}.page-preview{height:190px;border-radius:9px;background:#eaf1f8;display:grid;place-items:center;overflow:hidden}.page-preview img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.page-card>p{font-size:.84rem;text-align:center;margin:9px 0 7px;color:var(--muted)}.selectable .page-card{cursor:pointer}.selectable .page-controls{justify-content:center}.selectable input[type=checkbox]{width:26px;height:26px;accent-color:#0878f9}.busy{display:grid;place-items:center;text-align:center;min-height:300px;padding:40px}.busy h2{color:var(--navy)}.busy progress{width:min(450px,90%);height:12px;accent-color:#0878f9}.spinner{width:54px;height:54px;border:5px solid #d9eaf8;border-top-color:#0878f9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#fff1f0;border:1px solid #f7b4ae;color:var(--danger);font-weight:650;border-radius:12px;padding:12px 14px;margin-bottom:16px}.result{text-align:center;padding:28px 12px}.result-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,#0878f9,#14c8e5);color:#fff;font-size:2rem;font-weight:900}.result h2{font-size:2rem;color:var(--navy);margin:0}.result>p{color:var(--muted)}.name-field{max-width:520px;margin:24px auto;text-align:left}.name-field label{display:block;font-weight:750;margin-bottom:7px}.name-field>div{display:flex;border:1px solid #b9cde1;border-radius:12px;overflow:hidden;background:#fff}.name-field input{min-width:0;flex:1;border:0;padding:13px 14px;color:var(--ink)}.name-field>div span{display:flex;align-items:center;background:#eff5fb;padding:0 13px;color:var(--muted);font-weight:700}.name-field small{display:block;color:var(--muted);margin-top:5px}.result-actions,.result-links{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}.result-links{margin-top:20px}.share-note{max-width:600px;margin:12px auto;color:var(--muted)}.output-list{max-width:650px;margin:22px auto 0;text-align:left}.output-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:9px 3px}.output-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-picker,.direction-picker{border:0;padding:0;margin:0 0 24px}.mode-picker legend,.direction-picker legend{font-weight:850;color:var(--navy);margin-bottom:10px}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mode-picker label{display:flex;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.mode-picker label:has(input:checked){border-color:#0878f9;background:#f1f8ff}.mode-picker input{accent-color:#0878f9;margin-top:4px}.mode-picker strong,.mode-picker small{display:block}.mode-picker small{color:var(--muted);font-weight:400;margin-top:3px}.selection-bar{margin:16px 0}.direction-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.direction-picker legend{grid-column:1/-1}.direction{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;text-align:left;cursor:pointer;color:var(--ink)}.direction.active{border-color:#0878f9;background:#eef8ff;box-shadow:inset 0 0 0 1px #0878f9}.direction strong,.direction span{display:block}.direction strong{color:var(--navy);font-size:1.05rem}.direction span{color:var(--muted);font-size:.9rem;margin-top:3px}dialog{width:min(1000px,calc(100% - 30px));max-height:90vh;border:0;border-radius:20px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(5,20,45,.62)}dialog .page-grid{max-height:65vh;overflow:auto;padding:4px}.dialog-header{margin-bottom:8px}.dialog-header h2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.workspace{padding:17px;border-radius:18px}.mode-picker{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-preview{height:170px}.action-bar,.workspace-heading{align-items:stretch;flex-direction:column}.action-bar .primary,.workspace-heading .secondary{width:100%}.direction-picker{grid-template-columns:1fr}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-preview{height:125px}.icon-button{min-width:48px;min-height:48px}}@media(max-width:430px){.page-grid,.file-grid{grid-template-columns:1fr 1fr;gap:10px}.page-preview{height:145px}.file-card{padding:9px}.file-preview{height:108px}.card-controls,.page-controls{gap:5px}.icon-button{min-width:46px}.drop-zone{padding:38px 16px}.drop-zone>img{width:90px;height:90px}}