.image-id-photo-page[data-v-a432cbf8]{background:linear-gradient(180deg,#fafbfc 0,#fff);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;position:relative;text-align:center}.image-id-photo-page .file-input[data-v-a432cbf8]{display:none}.image-id-photo-page .page-intro[data-v-a432cbf8]{margin-bottom:20px;padding:0 4px;text-align:left}.image-id-photo-page .page-intro .page-intro__row[data-v-a432cbf8]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.image-id-photo-page .page-intro .page-intro__lead[data-v-a432cbf8]{align-items:flex-start;display:flex;flex:1;gap:20px;min-width:0}.image-id-photo-page .page-intro .page-intro__icon[data-v-a432cbf8]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));flex-shrink:0;height:56px;width:56px}.image-id-photo-page .page-intro .page-intro__text[data-v-a432cbf8]{flex:1;min-width:0}.image-id-photo-page .page-intro .page-intro__title[data-v-a432cbf8]{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.3px;line-height:1.25;margin:0 0 10px}.image-id-photo-page .page-intro .page-intro__desc[data-v-a432cbf8]{color:#4b5563;font-size:15px;line-height:1.75;margin:0}.image-id-photo-page .page-intro .page-intro__examples-btn[data-v-a432cbf8]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;margin-top:2px;padding:8px 16px;transition:background .2s ease,border-color .2s ease}.image-id-photo-page .page-intro .page-intro__examples-btn[data-v-a432cbf8]:hover{background:#dbeafe;border-color:#93c5fd}.image-id-photo-page .upload-area[data-v-a432cbf8]{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px dashed #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:340px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.image-id-photo-page .upload-area[data-v-a432cbf8]:before{background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.05) 0,transparent 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-id-photo-page .upload-area[data-v-a432cbf8]:hover{background:linear-gradient(135deg,#eff6ff,#f9fafb);border-color:#60a5fa;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.image-id-photo-page .upload-area[data-v-a432cbf8]:hover:before{opacity:1}.image-id-photo-page .upload-area.is-dragging[data-v-a432cbf8]{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633;transform:scale(1.01)}.image-id-photo-page .upload-area.is-dragging[data-v-a432cbf8]:before{opacity:1}.image-id-photo-page .upload-area .upload-btn[data-v-a432cbf8]{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:14px 56px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.image-id-photo-page .upload-area .upload-btn[data-v-a432cbf8]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -2px #3b82f64d;transform:translateY(-1px)}.image-id-photo-page .upload-area .upload-btn[data-v-a432cbf8]:active{box-shadow:0 2px 4px -1px #3b82f64d;transform:translateY(0)}.image-id-photo-page .upload-area .upload-btn svg[data-v-a432cbf8]{height:18px;margin-right:10px;width:18px}.image-id-photo-page .upload-area .upload-tip[data-v-a432cbf8]{color:#6b7280;font-size:14px;line-height:1.7;margin-top:14px;max-width:100%;padding:0 10px;text-align:center}@media (max-width:968px){.image-id-photo-page .page-intro .page-intro__row[data-v-a432cbf8]{align-items:stretch;flex-direction:column}.image-id-photo-page .page-intro .page-intro__examples-btn[data-v-a432cbf8]{align-self:flex-end}.image-id-photo-page .page-intro .page-intro__title[data-v-a432cbf8]{font-size:26px}.image-id-photo-page .page-intro .page-intro__desc[data-v-a432cbf8]{font-size:14px}.image-id-photo-page .main-layout-new[data-v-a432cbf8]{grid-template-columns:1fr;min-height:0}.image-id-photo-page .main-layout-new .workspace-main[data-v-a432cbf8]{height:auto;max-height:none;min-height:0;overflow:visible}.image-id-photo-page .main-layout-new .operation-sidebar[data-v-a432cbf8]{align-self:stretch;height:auto;max-width:none;min-width:0;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar .control-card[data-v-a432cbf8]{height:auto;max-height:none}.image-id-photo-page .main-layout-new .workspace-main .upload-area[data-v-a432cbf8]{min-height:320px;padding:28px 20px}}@media (max-width:640px){.image-id-photo-page .page-intro .page-intro__icon[data-v-a432cbf8]{height:48px;width:48px}.image-id-photo-page .page-intro .page-intro__title[data-v-a432cbf8]{font-size:22px}.image-id-photo-page .page-intro .page-intro__desc[data-v-a432cbf8]{font-size:13px}.image-id-photo-page .main-layout-new .workspace-main .upload-area[data-v-a432cbf8]{min-height:280px;padding:24px 16px}.image-id-photo-page .main-layout-new .workspace-main .upload-area .upload-btn[data-v-a432cbf8]{font-size:15px;padding:12px 40px}.image-id-photo-page .main-layout-new .workspace-main .upload-area .upload-tip[data-v-a432cbf8]{font-size:13px;margin-top:20px}}.image-id-photo-page .example-section[data-v-a432cbf8]{margin:60px auto 0;max-width:1000px;padding:0 24px}.image-id-photo-page .example-section.example-section--dialog[data-v-a432cbf8]{margin:0;max-width:none;padding:0}.image-id-photo-page .example-section .example-title[data-v-a432cbf8]{color:#111827;font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:24px;text-align:center}.image-id-photo-page .example-section .example-grid[data-v-a432cbf8]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.image-id-photo-page .example-section .example-grid .example-item[data-v-a432cbf8]{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 2px 4px #0000000d,0 1px 2px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-id-photo-page .example-section .example-grid .example-item[data-v-a432cbf8]:hover{border-color:#3b82f633;box-shadow:0 12px 24px -4px #0000001f,0 4px 8px -2px #00000014;transform:translateY(-6px)}.image-id-photo-page .example-section .example-grid .example-item .example-label[data-v-a432cbf8]{color:#666;font-size:13px;font-weight:500;margin-bottom:10px}.image-id-photo-page .example-section .example-grid .example-item .comparison-wrapper[data-v-a432cbf8]{width:100%}.image-id-photo-page .example-section .example-grid .example-item .comparison-container[data-v-a432cbf8]{aspect-ratio:3/4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:col-resize;max-height:400px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-id-photo-page .example-section .example-grid .example-item .comparison-container[data-v-a432cbf8]:hover{border-color:#60a5fa;box-shadow:0 4px 16px #007aff33}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper[data-v-a432cbf8]{height:100%;position:relative;width:100%}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-image[data-v-a432cbf8]{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-image.comparison-after[data-v-a432cbf8]{clip-path:inset(0 0 0 50%);transition:clip-path .1s ease-out;z-index:2}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-before-wrapper[data-v-a432cbf8]{clip-path:inset(0 50% 0 0);height:100%;left:0;position:absolute;top:0;transition:clip-path .1s ease-out;width:100%;z-index:1}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-before-wrapper .comparison-image[data-v-a432cbf8]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-slider[data-v-a432cbf8]{background:#fff;box-shadow:0 0 0 1px #0000001a;cursor:col-resize;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:2px;z-index:3}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-slider .slider-handle[data-v-a432cbf8]{align-items:center;background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:col-resize;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-slider .slider-handle svg[data-v-a432cbf8]{color:#3b82f6;height:16px;width:16px}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-image-wrapper .comparison-slider .slider-handle[data-v-a432cbf8]:hover{background:#eff6ff;transform:translate(-50%,-50%) scale(1.1)}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-labels[data-v-a432cbf8]{bottom:12px;display:flex;justify-content:space-between;left:0;padding:0 16px;pointer-events:none;position:absolute;right:0;z-index:4}.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-labels .label-after[data-v-a432cbf8],.image-id-photo-page .example-section .example-grid .example-item .comparison-container .comparison-labels .label-before[data-v-a432cbf8]{background:#00000080;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}@media (max-width:768px){.image-id-photo-page .example-section[data-v-a432cbf8]{margin-top:40px;padding:0 16px}.image-id-photo-page .example-section .example-grid[data-v-a432cbf8]{gap:16px;grid-template-columns:1fr}.image-id-photo-page .example-section .example-grid .example-item[data-v-a432cbf8]{padding:16px}}.image-id-photo-page .example-list[data-v-a432cbf8]{align-items:flex-start;display:flex;flex-direction:row;gap:24px;justify-content:center}.image-id-photo-page .example-list .example-group[data-v-a432cbf8]{align-items:flex-start;display:flex;gap:16px;justify-content:center}.image-id-photo-page .example-list .example-item[data-v-a432cbf8]{align-items:center;display:flex;flex-direction:column}.image-id-photo-page .example-list .example-item .example-label[data-v-a432cbf8]{color:#666;font-size:12px;font-weight:500;margin-bottom:6px;transition:color .3s ease}.image-id-photo-page .example-list .example-item:hover .example-label[data-v-a432cbf8]{color:#0057ff}.image-id-photo-page .example-list .example-item .example-image-wrapper[data-v-a432cbf8]{aspect-ratio:3/4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;max-width:180px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-id-photo-page .example-list .example-item .example-image-wrapper[data-v-a432cbf8]:hover{border-color:#0057ff;box-shadow:0 6px 16px #0057ff33;transform:translateY(-3px)}.image-id-photo-page .example-list .example-item .example-image-wrapper:hover .example-image[data-v-a432cbf8]{transform:scale(1.05)}.image-id-photo-page .example-list .example-item .example-image-wrapper.example-with-crop[data-v-a432cbf8]{overflow:visible}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-image[data-v-a432cbf8]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-crop-box[data-v-a432cbf8]{background:#3b82f61a;border:2px solid #3b82f6;box-sizing:border-box;height:80%;left:10%;pointer-events:none;position:absolute;top:10%;width:80%;z-index:10}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-crop-box .example-crop-grid[data-v-a432cbf8]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-crop-box .example-crop-grid .example-grid-line[data-v-a432cbf8]{background:#ffffff80;position:absolute}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-crop-box .example-crop-grid .example-grid-line.example-grid-line-h[data-v-a432cbf8]{height:1px;left:0;width:100%}.image-id-photo-page .example-list .example-item .example-image-wrapper .example-crop-box .example-crop-grid .example-grid-line.example-grid-line-v[data-v-a432cbf8]{height:100%;top:0;width:1px}.image-id-photo-page .main-layout-new[data-v-a432cbf8]{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 320px;margin:0 auto;max-width:1400px;min-height:0;--tool-workbench-height:520px}.image-id-photo-page .main-layout-new .workspace-main[data-v-a432cbf8]{align-items:stretch;display:flex;flex-direction:column;height:var(--tool-workbench-height);max-height:var(--tool-workbench-height);min-height:var(--tool-workbench-height);min-width:0;overflow:hidden}.image-id-photo-page .main-layout-new .workspace-main .upload-area[data-v-a432cbf8]{align-self:stretch;box-sizing:border-box;flex:1;min-height:320px;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar[data-v-a432cbf8]{align-self:start;box-sizing:border-box;display:flex;flex-direction:column;max-width:320px;min-height:0;min-width:320px;width:320px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card[data-v-a432cbf8]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;flex:none;flex-direction:column;height:var(--tool-workbench-height);min-height:0;overflow:hidden;padding:16px;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-sections-wrapper[data-v-a432cbf8]{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-sections-wrapper[data-v-a432cbf8]::-webkit-scrollbar{width:6px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-sections-wrapper[data-v-a432cbf8]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-sections-wrapper[data-v-a432cbf8]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-sections-wrapper[data-v-a432cbf8]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section[data-v-a432cbf8]{margin-bottom:24px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .section-title[data-v-a432cbf8]{color:#333;font-size:14px;font-weight:600;margin:0 0 12px;text-align:left}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .section-title .required[data-v-a432cbf8]{color:#ef4444;margin-left:2px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches[data-v-a432cbf8]{display:flex;flex-wrap:wrap;gap:8px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches .color-swatch[data-v-a432cbf8]{align-items:center;border:2px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches .color-swatch[data-v-a432cbf8]:hover:not(.disabled){border-color:#0057ff;transform:scale(1.1)}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches .color-swatch.active[data-v-a432cbf8]{border-color:#0057ff;border-width:3px;box-shadow:0 0 0 2px #0057ff33}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches .color-swatch.disabled[data-v-a432cbf8]{cursor:not-allowed;opacity:.5;pointer-events:none}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .color-swatches .color-swatch .check-icon[data-v-a432cbf8]{align-items:center;background:#0057ffcc;border-radius:50%;display:flex;height:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .beauty-options[data-v-a432cbf8]{display:flex;flex-direction:column;gap:12px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .beauty-options .beauty-option[data-v-a432cbf8]{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .beauty-options .beauty-option input[type=checkbox][data-v-a432cbf8]{accent-color:#0057ff;cursor:pointer;height:18px;width:18px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .beauty-options .beauty-option span[data-v-a432cbf8]{flex:1}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .beauty-options .beauty-option[data-v-a432cbf8]:hover{color:#0057ff}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid[data-v-a432cbf8]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn[data-v-a432cbf8]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:12px 8px;transition:all .2s}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn[data-v-a432cbf8]:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn.active[data-v-a432cbf8]{background:#0057ff;border-color:#0057ff;box-shadow:0 0 0 2px #0057ff33;color:#fff}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn[data-v-a432cbf8]:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn .size-name[data-v-a432cbf8]{font-weight:500}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-section .size-grid .size-btn .size-dimensions[data-v-a432cbf8]{font-size:11px;opacity:.8}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer[data-v-a432cbf8]{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #0000000a;flex-shrink:0;margin-top:auto;padding-top:12px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons[data-v-a432cbf8]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .reupload-btn[data-v-a432cbf8]{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .reupload-btn[data-v-a432cbf8]:hover{background:#f3f4f6;border-color:#9ca3af}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .start-btn[data-v-a432cbf8]{background:#0057ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:background .2s;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .start-btn[data-v-a432cbf8]:hover:not(:disabled){background:#2563eb}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .start-btn[data-v-a432cbf8]:disabled{cursor:not-allowed;opacity:.6}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .download-btn[data-v-a432cbf8]{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:12px 24px;transition:background .2s;width:100%}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .download-btn[data-v-a432cbf8]:hover{background:#059669}.image-id-photo-page .main-layout-new .operation-sidebar .control-card .control-card-footer .action-buttons .download-btn svg[data-v-a432cbf8]{height:16px;width:16px}.image-id-photo-page .main-layout-new .workspace-main .preview-area[data-v-a432cbf8]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar[data-v-a432cbf8]{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left[data-v-a432cbf8]{align-items:center;display:flex;gap:12px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn[data-v-a432cbf8]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:6px 10px;transition:all .2s}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn[data-v-a432cbf8]:hover{background:#f3f4f6;border-color:#9ca3af;color:#333}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn svg[data-v-a432cbf8]{height:16px;width:16px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn .toolbar-btn-text[data-v-a432cbf8]{margin-left:6px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn.crop-toggle-btn.active[data-v-a432cbf8]{background:#3b82f6;border-color:#3b82f6;color:#fff}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn.crop-toggle-btn.active[data-v-a432cbf8]:hover{background:#2563eb;border-color:#2563eb}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn.crop-confirm-btn[data-v-a432cbf8]{background:#10b981;border-color:#10b981;color:#fff}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .toolbar-btn.crop-confirm-btn[data-v-a432cbf8]:hover{background:#059669;border-color:#059669}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .crop-toolbar-controls[data-v-a432cbf8]{align-items:center;border-left:1px solid #e5e7eb;display:flex;gap:8px;margin-left:8px;padding-left:8px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls[data-v-a432cbf8]{align-items:center;background:#fff;border-left:1px solid #e5e7eb;border-radius:6px;display:flex;gap:4px;margin-left:8px;padding:4px 8px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls .zoom-btn[data-v-a432cbf8]{background:transparent;border:none;padding:4px 6px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls .zoom-btn[data-v-a432cbf8]:disabled{cursor:not-allowed;opacity:.4}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls .zoom-btn[data-v-a432cbf8]:disabled:hover{background:transparent;color:#666}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls .zoom-btn[data-v-a432cbf8]:hover:not(:disabled){background:#f3f4f6}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-toolbar .toolbar-left .zoom-controls .zoom-level[data-v-a432cbf8]{color:#333;font-size:13px;font-weight:500;min-width:45px;padding:0 8px;text-align:center}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container[data-v-a432cbf8]{align-items:center;background:#f9fafb;display:flex;flex:1;justify-content:center;overflow:hidden;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper[data-v-a432cbf8]{align-items:center;display:flex;justify-content:center;transition:transform .2s}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame[data-v-a432cbf8]{background:transparent;border:none;box-shadow:none;display:block;margin:0;overflow:hidden;padding:0;position:relative;transition:transform .1s ease-out,background .3s ease}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .preview-img[data-v-a432cbf8]{border:none;display:block;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;pointer-events:none}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box[data-v-a432cbf8]{background:#3b82f61a;border:2px solid #3b82f6;box-sizing:border-box;cursor:move;position:absolute;z-index:10}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-grid[data-v-a432cbf8]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-grid .grid-line[data-v-a432cbf8]{background:#ffffff80;position:absolute}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-grid .grid-line.grid-line-h[data-v-a432cbf8]{height:1px;left:0;width:100%}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-grid .grid-line.grid-line-v[data-v-a432cbf8]{height:100%;top:0;width:1px}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle[data-v-a432cbf8]{background:#3b82f6;border:2px solid #fff;border-radius:50%;cursor:pointer;height:10px;position:absolute;width:10px;z-index:11}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-nw[data-v-a432cbf8]{cursor:nw-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-ne[data-v-a432cbf8]{cursor:ne-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-sw[data-v-a432cbf8]{cursor:sw-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-se[data-v-a432cbf8]{cursor:se-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-n[data-v-a432cbf8]{cursor:n-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-s[data-v-a432cbf8]{cursor:s-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-w[data-v-a432cbf8]{cursor:w-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle.handle-e[data-v-a432cbf8]{cursor:e-resize}.image-id-photo-page .main-layout-new .workspace-main .preview-area .preview-container .preview-wrapper .photo-frame .crop-box .crop-handle[data-v-a432cbf8]:hover{background:#2563eb;transform:scale(1.2)}.image-id-photo-page[data-v-a432cbf8] .id-photo-size-dialog .el-dialog__body{display:flex;flex-direction:column;height:500px;overflow:hidden;padding:20px}.image-id-photo-page[data-v-a432cbf8] .id-photo-example-dialog .el-dialog__body{max-height:min(80vh,720px);overflow-y:auto;padding:12px 16px 20px}.image-id-photo-page .size-dialog-content[data-v-a432cbf8]{display:flex;flex-direction:column;height:100%;overflow:hidden}.image-id-photo-page .size-dialog-content .search-box[data-v-a432cbf8]{flex-shrink:0;margin-bottom:16px}.image-id-photo-page .size-dialog-content .search-box[data-v-a432cbf8] .el-input__wrapper{border-radius:6px}.image-id-photo-page .size-dialog-content .category-buttons[data-v-a432cbf8]{border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px}.image-id-photo-page .size-dialog-content .category-buttons .category-btn[data-v-a432cbf8]{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.image-id-photo-page .size-dialog-content .category-buttons .category-btn[data-v-a432cbf8]:hover{background:#f3f4f6;border-color:#9ca3af}.image-id-photo-page .size-dialog-content .category-buttons .category-btn.active[data-v-a432cbf8]{background:#3b82f6;border-color:#3b82f6;color:#fff}.image-id-photo-page .size-dialog-content .size-list-container[data-v-a432cbf8]{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.image-id-photo-page .size-dialog-content .size-list-container[data-v-a432cbf8]::-webkit-scrollbar{width:6px}.image-id-photo-page .size-dialog-content .size-list-container[data-v-a432cbf8]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.image-id-photo-page .size-dialog-content .size-list-container[data-v-a432cbf8]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.image-id-photo-page .size-dialog-content .size-list-container[data-v-a432cbf8]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.image-id-photo-page .size-dialog-content .size-list-container .size-list[data-v-a432cbf8]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.image-id-photo-page .size-dialog-content .size-list-container .size-list .size-list-btn[data-v-a432cbf8]{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:12px;text-align:center;transition:all .2s}.image-id-photo-page .size-dialog-content .size-list-container .size-list .size-list-btn[data-v-a432cbf8]:hover{background:#f3f4f6;border-color:#9ca3af}.image-id-photo-page .size-dialog-content .size-list-container .size-list .size-list-btn.active[data-v-a432cbf8]{background:#3b82f6;border-color:#3b82f6;color:#fff}.image-id-photo-page .size-dialog-content .size-list-container .size-list .size-list-btn .size-list-name[data-v-a432cbf8]{font-size:14px;font-weight:500;margin-bottom:4px}.image-id-photo-page .size-dialog-content .size-list-container .size-list .size-list-btn .size-list-dimensions[data-v-a432cbf8]{font-size:12px;opacity:.8}.image-id-photo-page .more-btn[data-v-a432cbf8]{background:#f9fafb!important;border:1px dashed #d1d5db!important}.image-id-photo-page .more-btn[data-v-a432cbf8]:hover{background:#eff6ff!important;border-color:#3b82f6!important}