.credentials-container[data-v-8a14248b]{padding:20px;margin:0 auto}.credentials-hero[data-v-8a14248b]{background:linear-gradient(135deg,#0f172afa,#be185dd6)}.credentials-hero[data-v-8a14248b]:after{background:linear-gradient(135deg,#f472b652,#ffffff05)}.upload-preview[data-v-8a14248b],.result-container[data-v-8a14248b]{margin-top:30px}.preview-section[data-v-8a14248b],.result-section[data-v-8a14248b]{background:linear-gradient(180deg,#fffffff5,#f6faffeb);padding:30px;border-radius:22px;box-shadow:0 12px 32px #0f172a14;text-align:center}.preview-section h3[data-v-8a14248b],.result-section h3[data-v-8a14248b]{margin-bottom:20px;color:#22364f;font-size:22px}.image-preview[data-v-8a14248b]{margin-bottom:20px;display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(180deg,#fbfdff,#eef4ff);border-radius:18px;padding:20px;position:relative}.preview-img[data-v-8a14248b],.result-img[data-v-8a14248b]{max-width:100%;max-height:600px;border-radius:16px;object-fit:contain}.file-info[data-v-8a14248b]{margin-bottom:20px;color:#667b97;font-size:14px}.file-info p[data-v-8a14248b]{margin:5px 0}.loading-container[data-v-8a14248b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;margin-top:30px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f6faffeb)}.loading-spinner[data-v-8a14248b],.loading-spinner-small[data-v-8a14248b]{border-radius:50%;animation:spin-8a14248b 1s linear infinite}.loading-spinner[data-v-8a14248b]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4a6bdf;margin-bottom:20px}.loading-spinner-small[data-v-8a14248b]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a6bdf;margin-bottom:15px}@keyframes spin-8a14248b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container[data-v-8a14248b]{width:100%;max-width:400px;margin-top:20px}.progress-bar[data-v-8a14248b]{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-8a14248b]{height:100%;background:linear-gradient(90deg,#4a6bdf,#3a56c0);border-radius:4px;transition:width .3s ease}.progress-text[data-v-8a14248b]{color:#666;font-size:14px;font-weight:500;text-align:center;margin:0}.credentials-controls[data-v-8a14248b]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;animation:riseIn .56s var(--motion-soft)}.credentials-control-card[data-v-8a14248b]{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:14px 16px;flex:1 1 280px;min-width:min(100%,280px);padding:14px 16px;background:#2563eb0f;border:1px solid rgba(129,154,188,.16);border-radius:16px;box-sizing:border-box}.credentials-control-label[data-v-8a14248b]{flex:0 0 auto;padding-top:10px;font-size:15px;font-weight:700;color:#334155;white-space:nowrap;letter-spacing:.02em}.credentials-control-main[data-v-8a14248b]{flex:1 1 180px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.credentials-color-native[data-v-8a14248b]{width:48px;height:40px;min-height:40px;padding:2px;flex-shrink:0;border-radius:12px;cursor:pointer;border:1px solid rgba(148,163,184,.45)}.credentials-preset-row[data-v-8a14248b]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.credentials-container button.credentials-color-preset[data-v-8a14248b]{position:relative;isolation:isolate;overflow:visible;min-height:36px;padding:8px 14px;border-radius:999px;border:2px solid transparent;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0f172a1f;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.credentials-container button.credentials-color-preset[data-v-8a14248b]:before,.credentials-container button.credentials-color-preset[data-v-8a14248b]:after{display:none}.credentials-container button.credentials-color-preset[data-v-8a14248b]:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 4px 14px #0f172a29}.credentials-container button.credentials-color-preset.is-active[data-v-8a14248b]{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb8c}.credentials-container button.credentials-color-preset.is-active[data-v-8a14248b]:hover{filter:brightness(1.02)}.credentials-format-select[data-v-8a14248b]{width:auto;min-width:120px;max-width:220px;flex:0 1 auto;margin-top:2px}@media (max-width: 520px){.credentials-control-card[data-v-8a14248b]{flex-direction:column;align-items:stretch}.credentials-control-label[data-v-8a14248b]{padding-top:0}.credentials-format-select[data-v-8a14248b]{max-width:none;width:100%}}.image-loading-overlay[data-v-8a14248b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#ffffffeb;padding:20px;border-radius:14px}.upload-preview[data-v-8a14248b],.loading-container[data-v-8a14248b],.result-container[data-v-8a14248b]{animation:riseIn .56s var(--motion-soft)}.action-buttons[data-v-8a14248b]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}