.qc-thumbnail-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:16px;display:grid}.qc-thumbnail-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s,background-color .15s;display:flex;position:relative}.qc-thumbnail-card:hover{border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.qc-thumbnail-card:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.qc-thumbnail-card.qc-page-selected{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262626,0 6px 18px #0000001f}.qc-thumbnail-card.qc-page-selected:after{content:"✓";color:#fff;background:#dc2626;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.qc-thumbnail-card canvas{pointer-events:none;max-width:100%;height:auto;display:block}.qc-thumbnail-label{text-align:center;font-size:14px;font-weight:600}.qc-page-selection-output{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #d1d5db;border-radius:8px;margin-top:16px;padding:12px 14px;position:sticky;bottom:12px;box-shadow:0 4px 16px #0000001a}:root{--qc-text:#111827;--qc-muted:#6b7280;--qc-border:#d1d5db;--qc-border-soft:#e5e7eb;--qc-surface:#fff;--qc-surface-soft:#f9fafb;--qc-primary:#2563eb;--qc-primary-hover:#1d4ed8;--qc-error:#b91c1c;--qc-success:#15803d}*{box-sizing:border-box}body{color:var(--qc-text);background:#f3f4f6;margin:0;padding:40px 20px;font-family:Arial,Helvetica,sans-serif}#quiconvert-app{width:100%;max-width:1100px;margin:0 auto}.qc-upload-card{background:var(--qc-surface);text-align:center;cursor:pointer;border:2px dashed #9ca3af;border-radius:14px;padding:48px 24px;transition:border-color .15s,background-color .15s,box-shadow .15s}.qc-upload-card:hover,.qc-upload-card.qc-drag-over{border-color:var(--qc-primary);background:#eff6ff;box-shadow:0 8px 24px #2563eb1a}.qc-upload-card p{margin:6px 0}.qc-file-input{max-width:100%;margin-top:16px}.qc-file-list-container{margin-top:18px}.qc-file-list{margin:0;padding:0;list-style:none}.qc-file-item{border:1px solid var(--qc-border-soft);background:var(--qc-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.qc-file-remove{color:var(--qc-error);cursor:pointer;background:#fff1f2;border:1px solid #fca5a5;border-radius:6px;flex:none;padding:6px 10px}.qc-file-remove:hover{background:#ffe4e6}.qc-tool-options-container{border:1px solid var(--qc-border-soft);background:var(--qc-surface);border-radius:12px;margin:24px 0;padding:24px;box-shadow:0 4px 16px #0000000d}.qc-tool-options h3{margin-top:0;margin-bottom:8px;font-size:22px}.qc-tool-options h4{margin-top:24px;margin-bottom:8px}.qc-tool-options p{color:var(--qc-muted);line-height:1.5}.qc-page-selection-status,.qc-rearrange-status,.qc-delete-pages-status,.qc-duplicate-pages-status{background:var(--qc-surface-soft);color:#374151;border-radius:7px;margin:14px 0;padding:10px 12px}.qc-error{color:var(--qc-error);background:#fef2f2;border:1px solid #fecaca}.qc-process-button{background:var(--qc-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:11px 22px;font-size:16px;font-weight:700;transition:background-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.qc-process-button:hover{background:var(--qc-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb38}.qc-process-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}.qc-process-button:disabled{opacity:.55;cursor:wait;transform:none}.qc-result-container{margin-top:20px}.qc-result-container a{background:var(--qc-success);color:#fff;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.qc-result-container a:hover{filter:brightness(.93)}@media (width<=700px){body{padding:20px 12px}.qc-upload-card{padding:34px 16px}.qc-tool-options-container{padding:16px}.qc-thumbnail-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.qc-process-button{width:100%}}
/*$vite$:1*/