.avatar-upload-shell.svelte-1cl924k .secondary-page-panel{--secondary-page-panel-bg: #f8fafc;--secondary-page-header-bg: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);--secondary-page-border: #3b82f6;--secondary-page-surface-bg: #f8fafc;--secondary-page-section-bg: #ffffff;--secondary-page-section-border: #e2e8f0;--secondary-page-section-shadow: 0 1px 2px rgba(15, 23, 42, .04);--secondary-page-section-divider: #e2e8f0;--secondary-page-section-hint: #64748b;--secondary-page-text: #ffffff;--secondary-page-muted: #64748b;--secondary-page-subtle: #94a3b8;--secondary-page-accent: #334155;--secondary-page-footer-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--secondary-page-primary-btn-bg: linear-gradient(90deg, #60a5fa 0%, #3b82f6 100%);--secondary-page-primary-btn-hover: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);--secondary-page-cancel-btn-bg: linear-gradient(90deg, #94a3b8 0%, #64748b 100%);--secondary-page-cancel-btn-hover: linear-gradient(90deg, #64748b 0%, #475569 100%);--secondary-page-edit-btn-bg: linear-gradient(90deg, #60a5fa 0%, #3b82f6 100%);--secondary-page-edit-btn-hover: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);--secondary-page-edit-btn-text: #eff6ff}.avatar-upload-shell.svelte-1cl924k .secondary-page-overlay{z-index:var(--avatar-upload-overlay-z-index, 10060)}.avatar-upload-shell.svelte-1cl924k .secondary-page-panel{min-height:0;max-height:90dvh}.avatar-upload-shell.svelte-1cl924k .secondary-page-body{padding:18px 20px 0!important;overflow:auto!important;overflow-x:hidden!important;background:#f8fafc;color:#334155}.avatar-upload-shell.svelte-1cl924k .secondary-page-title,.avatar-upload-shell.svelte-1cl924k .secondary-page-close{color:#fff}.avatar-upload-shell.svelte-1cl924k .secondary-page-footer{padding:calc(12 * var(--avatar-upload-content-unit)) calc(18 * var(--avatar-upload-content-unit)) calc(16 * var(--avatar-upload-content-unit));background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top-color:#e2e8f0}.avatar-upload-shell.svelte-1cl924k .secondary-action-button{min-width:calc(118 * var(--avatar-upload-content-unit));padding:calc(9 * var(--avatar-upload-content-unit)) calc(20 * var(--avatar-upload-content-unit));border-radius:calc(12 * var(--avatar-upload-content-unit));font-size:clamp(14px,calc(15.5 * var(--avatar-upload-content-unit)),17px);line-height:1.1;white-space:nowrap}.modal-body.svelte-1cl924k{display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--avatar-upload-content-unit));color:#334155}.avatar-row.svelte-1cl924k{display:flex;align-items:center;gap:calc(18 * var(--avatar-upload-content-unit));width:100%;justify-content:center}.default-avatars.svelte-1cl924k{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8 * var(--avatar-upload-content-unit))}.default-avatar-item.svelte-1cl924k{padding:calc(3 * var(--avatar-upload-content-unit));border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;transition:border-color .2s,transform .15s}.default-avatar-item.svelte-1cl924k:hover:not(:disabled){border-color:#93c5fd;transform:scale(1.08)}.default-avatar-item.selected.svelte-1cl924k{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.default-avatar-item.svelte-1cl924k:disabled{cursor:not-allowed;opacity:.5}.avatar-preview.svelte-1cl924k{width:calc(116 * var(--avatar-upload-content-unit));height:calc(116 * var(--avatar-upload-content-unit));border-radius:50%;overflow:hidden;border:max(2px,calc(3 * var(--avatar-upload-content-unit))) solid #93c5fd;box-shadow:0 calc(4 * var(--avatar-upload-content-unit)) calc(12 * var(--avatar-upload-content-unit)) #0f172a14;padding:0;background:transparent;border:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;outline:none}.avatar-preview.svelte-1cl924k:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 calc(6 * var(--avatar-upload-content-unit)) calc(16 * var(--avatar-upload-content-unit)) #0f172a1a}.avatar-preview.svelte-1cl924k:disabled{cursor:not-allowed;opacity:.85}.avatar-preview.svelte-1cl924k:focus-visible{box-shadow:0 calc(4 * var(--avatar-upload-content-unit)) calc(12 * var(--avatar-upload-content-unit)) #0f172a14,0 0 0 3px #3b82f638}.preview-img.svelte-1cl924k{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.compressing-message.svelte-1cl924k{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--avatar-upload-content-unit));color:#475569;font-size:clamp(13px,calc(14 * var(--avatar-upload-content-unit)),16px)}.compress-info.svelte-1cl924k{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--avatar-upload-content-unit));font-size:clamp(12px,calc(13 * var(--avatar-upload-content-unit)),15px);padding:calc(8 * var(--avatar-upload-content-unit)) calc(12 * var(--avatar-upload-content-unit));background:#fff;border:1px solid #e2e8f0;border-radius:calc(8 * var(--avatar-upload-content-unit));width:100%;color:#334155}.size-original.svelte-1cl924k{color:#64748b;text-decoration:line-through}.arrow.svelte-1cl924k{color:#60a5fa}.size-compressed.svelte-1cl924k{color:#2563eb;font-weight:600}.ratio.svelte-1cl924k{color:#64748b;font-weight:500}.error-message.svelte-1cl924k{color:#b91c1c;font-size:clamp(13px,calc(14 * var(--avatar-upload-content-unit)),16px);text-align:center;padding:calc(8 * var(--avatar-upload-content-unit)) calc(12 * var(--avatar-upload-content-unit));background:#fff1f2;border:1px solid #fecdd3;border-radius:calc(8 * var(--avatar-upload-content-unit));width:100%}.action-buttons.svelte-1cl924k{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(12 * var(--avatar-upload-content-unit))}.loading-spinner.svelte-1cl924k{width:calc(16 * var(--avatar-upload-content-unit));height:calc(16 * var(--avatar-upload-content-unit));border:max(2px,calc(2 * var(--avatar-upload-content-unit))) solid rgba(59,130,246,.25);border-top-color:#2563eb;border-radius:50%;animation:svelte-1cl924k-spin .8s linear infinite}@keyframes svelte-1cl924k-spin{to{transform:rotate(360deg)}}.hint.svelte-1cl924k{font-size:clamp(12px,calc(13 * var(--avatar-upload-content-unit)),15px);color:#64748b;margin:0;text-align:center}
