.tool-tabs{display:flex;gap:6px;margin-bottom:14px;overflow:auto}.tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:10px 15px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.tab.active{background:#eaf0ff;color:var(--primary);border-color:#cddcff}.tool-pane{display:none}.tool-pane.active{display:block}
.pane-head{margin-bottom:15px}.pane-head h3{margin:0 0 4px}.pane-head p{margin:0;color:var(--muted);font-size:10px}.upload-box.compact{padding:22px 15px}.upload-box{border:2px dashed #c9d2df;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:var(--bg);margin:12px 0}.upload-box:hover{border-color:var(--primary);background:#f0f5ff}.upload-icon{width:44px;height:44px;border-radius:13px;background:#eee8ff;display:grid;place-items:center;font-size:21px}.upload-box small{color:var(--muted);font-size:9px}
.source-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface2);border-radius:11px;padding:10px 12px;font-size:10px}.source-info span{color:var(--muted)}.hidden{display:none!important}
.file-list{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow:auto}.file-row{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:11px;padding:8px;background:var(--surface);transition:.15s}.merge-row{cursor:grab}.merge-row.dragging{opacity:.45}.merge-row.drag-over{border:2px dashed var(--primary);background:#f0f5ff}.drag-handle{width:25px;color:#8b96a8;font-size:17px;text-align:center}.file-number{width:25px;height:25px;border-radius:7px;background:var(--surface2);display:grid;place-items:center;font-size:10px;font-weight:800}.file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{font-size:9px;color:var(--muted)}.remove-file{border:0;background:transparent;color:#b42318;font-size:20px;cursor:pointer}.empty-small{text-align:center;padding:28px;color:var(--muted);font-size:10px;border:1px dashed #c9d2df;border-radius:11px}
.selection-bar{display:flex;align-items:center;gap:7px;margin:14px 0 10px;padding:9px;background:var(--surface2);border-radius:10px}.selection-bar span{margin-left:auto;color:var(--muted);font-size:10px}.btn-small{padding:7px 10px;font-size:9px}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:370px;overflow:auto}.split-page{border:1px solid var(--border);border-radius:10px;padding:7px;background:var(--surface);cursor:pointer;display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:center}.split-page:hover{border-color:var(--primary)}.split-page input{accent-color:var(--primary)}.split-page b{grid-column:1/-1;text-align:center;font-size:9px}.split-thumb{height:105px;grid-column:1/-1;background:#f1f3f6;border-radius:6px;display:grid;place-items:center;overflow:hidden;font-size:8px;color:var(--muted)}.split-thumb canvas{width:100%;height:100%;object-fit:contain;background:#fff}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.hint-box{display:flex;flex-direction:column;gap:3px;background:#fff8e8;border:1px solid #f1dfb5;color:#755718;border-radius:11px;padding:11px 12px;margin-top:13px}.hint-box b{font-size:10px}.hint-box span{font-size:9px;line-height:1.5}.action-row{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.status-box{margin-top:14px;padding:11px 13px;border-radius:10px;background:#eef7f1;color:#247448;font-size:11px}.status-box.error{background:#fff0f0;color:#b42318}.result-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}.result-info div{background:var(--surface2);border-radius:9px;padding:9px}.result-info span{display:block;color:var(--muted);font-size:8px}.result-info b{display:block;font-size:10px;margin-top:3px}
@media(max-width:800px){.page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.page-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.result-info{grid-template-columns:1fr}.action-row{flex-direction:column}.action-row .btn{width:100%}.selection-bar{flex-wrap:wrap}.selection-bar span{width:100%;margin-left:0}}