.xhs-extract[data-v-a7719f0d]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:3.125vw}.page-body[data-v-a7719f0d]{display:flex;flex-direction:column;gap:1.25vw;margin:0 auto;max-width:62.5vw;padding:1.667vw 1.25vw 0}.input-panel[data-v-a7719f0d]{background:#fff;border:1px solid hsla(0,0%,100%,.8);border-radius:1.042vw;box-shadow:0 .208vw 1.25vw #0000000a;padding:1.667vw}.input-group[data-v-a7719f0d]{display:flex;gap:.833vw}@media(max-width:640px){.input-group[data-v-a7719f0d]{flex-direction:column}}.input-wrapper[data-v-a7719f0d]{align-items:center;display:flex;flex:1;position:relative}.input-wrapper .input-icon[data-v-a7719f0d]{color:#94a3b8;left:1.042vw;position:absolute}.url-input[data-v-a7719f0d]{background:#f8fafc;border:1px solid transparent;border-radius:.729vw;color:#0f172a;font-size:.833vw;height:2.917vw;outline:none;padding:0 1.042vw 0 2.708vw;transition:all .3s ease;width:100%}.url-input[data-v-a7719f0d]::-moz-placeholder{color:#94a3b8}.url-input[data-v-a7719f0d]::placeholder{color:#94a3b8}.url-input[data-v-a7719f0d]:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 .208vw #ef44441a}.extract-btn[data-v-a7719f0d]{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.729vw;box-shadow:0 .208vw .625vw #ef444433;color:#fff;cursor:pointer;display:flex;font-size:.833vw;font-weight:600;gap:.417vw;height:2.917vw;justify-content:center;padding:0 1.875vw;transition:all .3s ease;white-space:nowrap}.extract-btn[data-v-a7719f0d]:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 .313vw .833vw #ef44444d;transform:translateY(-1px)}.extract-btn[data-v-a7719f0d]:active:not(:disabled){box-shadow:0 2px .417vw #ef444433;transform:translateY(1px)}.extract-btn[data-v-a7719f0d]:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.error-msg[data-v-a7719f0d]{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:.625vw;color:#ef4444;display:flex;font-size:.729vw;gap:.417vw;margin-top:.833vw;padding:.625vw .833vw}.error-msg svg[data-v-a7719f0d]{flex-shrink:0}.instruction-panel[data-v-a7719f0d]{background:#fff;border:1px solid hsla(0,0%,100%,.8);border-radius:1.042vw;box-shadow:0 .208vw 1.25vw #0000000a;padding:1.667vw}.instruction-panel .instruction-title[data-v-a7719f0d]{align-items:center;color:#0f172a;display:flex;font-size:.938vw;font-weight:600;gap:.417vw;margin:0 0 1.042vw}.instruction-panel .instruction-title svg[data-v-a7719f0d]{color:#3b82f6}.instruction-panel .instruction-steps[data-v-a7719f0d]{display:flex;flex-direction:column;gap:.833vw;list-style:none;margin:0;padding:0}.instruction-panel .instruction-steps li[data-v-a7719f0d]{align-items:flex-start;display:flex;gap:.625vw}.instruction-panel .instruction-steps .step-num[data-v-a7719f0d]{align-items:center;background:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;font-size:.677vw;font-weight:600;height:1.25vw;justify-content:center;width:1.25vw}.instruction-panel .instruction-steps .step-text[data-v-a7719f0d]{color:#475569;font-size:.781vw;line-height:1.6}.instruction-panel .instruction-steps .step-text strong[data-v-a7719f0d]{color:#0f172a;font-weight:600}.instruction-panel .instruction-steps .step-text code[data-v-a7719f0d]{background:#f1f5f9;border-radius:.208vw;color:#ef4444;font-family:monospace;font-size:.677vw;padding:2px .313vw}.result-panel[data-v-a7719f0d]{background:#fff;border:1px solid hsla(0,0%,100%,.8);border-radius:1.042vw;box-shadow:0 .208vw 1.25vw #0000000a;padding:1.667vw}.result-header[data-v-a7719f0d]{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:flex-start;margin-bottom:1.25vw;padding-bottom:.833vw}.result-header .result-title[data-v-a7719f0d]{align-items:center;display:flex;gap:.417vw}.result-header .result-title .text-red-500[data-v-a7719f0d]{color:#ef4444}.result-header .result-title h3[data-v-a7719f0d]{color:#0f172a;font-size:.938vw;font-weight:600;margin:0}.empty-state[data-v-a7719f0d]{color:#64748b;flex-direction:column;padding:3.333vw 0}.empty-state[data-v-a7719f0d],.empty-state .empty-icon-wrapper[data-v-a7719f0d]{align-items:center;display:flex;justify-content:center}.empty-state .empty-icon-wrapper[data-v-a7719f0d]{background:#f8fafc;border-radius:.833vw;color:#cbd5e1;height:3.333vw;margin-bottom:.833vw;width:3.333vw}.empty-state p[data-v-a7719f0d]{font-size:.781vw;margin:0}.image-grid[data-v-a7719f0d]{display:grid;gap:1.25vw;grid-template-columns:repeat(auto-fill,minmax(12.5vw,1fr))}.image-item[data-v-a7719f0d]{background:#fff;border:1px solid #e2e8f0;border-radius:.833vw;overflow:hidden;transition:all .3s ease}.image-item[data-v-a7719f0d]:hover{border-color:#cbd5e1;box-shadow:0 .625vw 1.25vw #0000000f;transform:translateY(-2px)}.image-wrapper[data-v-a7719f0d]{align-items:center;background:#f8fafc;cursor:zoom-in;display:flex;justify-content:center;max-height:21.875vw;min-height:11.458vw;overflow:hidden;position:relative;width:100%}.image-wrapper img[data-v-a7719f0d]{display:block;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease,filter .3s ease;width:100%}.image-wrapper:hover img[data-v-a7719f0d]{filter:brightness(.9);transform:scale(1.02)}.image-wrapper:hover .image-preview-mask[data-v-a7719f0d]{opacity:1}.image-preview-mask[data-v-a7719f0d]{background:#0f172aad;border-radius:.521vw;color:#fff;font-size:.677vw;font-weight:600;height:1.771vw;inset:auto .625vw .625vw;letter-spacing:.2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.image-preview-mask[data-v-a7719f0d],.preview-overlay[data-v-a7719f0d]{align-items:center;display:flex;justify-content:center}.preview-overlay[data-v-a7719f0d]{-webkit-backdrop-filter:blur(.417vw);backdrop-filter:blur(.417vw);background:#0f172ae0;inset:0;padding:1.25vw;position:fixed;z-index:1200}.preview-content[data-v-a7719f0d]{align-items:center;display:flex;justify-content:center;max-width:min(57.292vw,100vw - 6.25vw);position:relative}.preview-content[data-v-a7719f0d],.preview-image[data-v-a7719f0d]{max-height:calc(100vh - 4.167vw)}.preview-image[data-v-a7719f0d]{background:#fff;border-radius:.938vw;box-shadow:0 1.25vw 4.167vw #00000059;display:block;max-width:100%}.preview-counter[data-v-a7719f0d]{background:#0f172ab3;border-radius:52.031vw;bottom:.833vw;color:#fff;font-size:.677vw;font-weight:600;left:50%;padding:.417vw .729vw;position:absolute;transform:translate(-50%)}.preview-close[data-v-a7719f0d],.preview-nav[data-v-a7719f0d]{align-items:center;background:#ffffff24;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:transform .2s ease,background .2s ease}.preview-close[data-v-a7719f0d]:hover,.preview-nav[data-v-a7719f0d]:hover{background:#ffffff3d;transform:scale(1.04)}.preview-close[data-v-a7719f0d]{border-radius:50%;height:2.292vw;right:1.25vw;top:1.25vw;width:2.292vw}.preview-nav[data-v-a7719f0d]{border-radius:50%;height:2.708vw;top:50%;transform:translateY(-50%);width:2.708vw}.preview-nav--prev[data-v-a7719f0d]{left:1.25vw}.preview-nav--next[data-v-a7719f0d]{right:1.25vw}@media(max-width:768px){.image-grid[data-v-a7719f0d]{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.image-wrapper[data-v-a7719f0d]{min-height:160px}.preview-content[data-v-a7719f0d]{max-width:calc(100vw - 24px)}.preview-nav[data-v-a7719f0d]{height:44px;width:44px}.preview-nav--prev[data-v-a7719f0d]{left:10px}.preview-nav--next[data-v-a7719f0d]{right:10px}.preview-close[data-v-a7719f0d]{right:12px;top:12px}}.image-actions[data-v-a7719f0d]{background:#fff;border-top:1px solid #f1f5f9;padding:.625vw}.image-actions .action-btn[data-v-a7719f0d]{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.417vw;color:#475569;cursor:pointer;display:flex;font-size:.729vw;font-weight:500;gap:.313vw;height:1.875vw;justify-content:center;transition:all .2s ease;width:100%}.image-actions .action-btn[data-v-a7719f0d]:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#ef4444}.image-actions .action-btn[data-v-a7719f0d]:disabled{cursor:not-allowed;opacity:.6}.animate-spin[data-v-a7719f0d]{animation:spin-a7719f0d 1s linear infinite}@keyframes spin-a7719f0d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}