.image-upload.svelte-3xfzto{display:flex;flex-direction:column;gap:24px}.upload-card.svelte-3xfzto{background:var(--color-surface-hover);border:2px dashed var(--color-border, var(--color-border));border-radius:20px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;min-height:240px;justify-content:center}.upload-card.svelte-3xfzto:hover{border-color:rgb(var(--color-primary-rgb) / .4);background:rgb(var(--color-primary-rgb) / .03)}.upload-card-active.svelte-3xfzto{border-color:var(--color-primary, var(--color-primary));background:rgb(var(--color-primary-rgb) / .06)}.compact.svelte-3xfzto .upload-card:where(.svelte-3xfzto){padding:32px 24px;min-height:200px;border-radius:16px}.upload-btn.svelte-3xfzto{background:var(--color-primary, var(--color-primary));color:var(--color-bg-secondary);border:none;padding:16px 40px;border-radius:999px;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.upload-btn.svelte-3xfzto:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgb(var(--color-primary-rgb) / .3)}.compact.svelte-3xfzto .upload-btn:where(.svelte-3xfzto){padding:14px 32px;font-size:16px}.upload-or.svelte-3xfzto{font-size:15px;color:var(--color-text-muted);margin:0}.upload-card-preview.svelte-3xfzto{cursor:default;padding:12px;gap:12px;border-style:solid;border-color:rgb(var(--color-primary-rgb) / .2);background:transparent;min-height:0;animation:svelte-3xfzto-card-flash .5s ease-out}.upload-card-preview.svelte-3xfzto:hover{border-color:rgb(var(--color-primary-rgb) / .3);background:transparent;box-shadow:0 0 0 1px rgb(var(--color-primary-rgb) / .08)}@keyframes svelte-3xfzto-card-flash{0%{box-shadow:0 0 rgb(var(--color-primary-rgb) / 0);border-color:rgb(var(--color-primary-rgb) / .6)}30%{box-shadow:0 0 0 8px rgb(var(--color-primary-rgb) / .18);border-color:rgb(var(--color-primary-rgb) / .6)}to{box-shadow:0 0 rgb(var(--color-primary-rgb) / 0);border-color:rgb(var(--color-primary-rgb) / .2)}}.preview-wrapper.svelte-3xfzto{position:relative;width:100%}.preview-img.svelte-3xfzto{width:100%;max-height:360px;object-fit:contain;border-radius:10px;background:#0000004d;display:block;animation:svelte-3xfzto-preview-in .4s cubic-bezier(.34,1.4,.5,1)}.compact.svelte-3xfzto .preview-img:where(.svelte-3xfzto){max-height:280px}@keyframes svelte-3xfzto-preview-in{0%{opacity:0;transform:scale(.88);filter:brightness(1.6) saturate(1.15)}55%{opacity:1;transform:scale(1.03);filter:brightness(1.2) saturate(1.05)}to{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}}.resize-badge.svelte-3xfzto{position:absolute;bottom:10px;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-surface-hover);font-size:12px;font-weight:500;color:var(--color-text-muted);pointer-events:none;animation:svelte-3xfzto-badge-in .25s ease-out;white-space:nowrap}.resize-badge.done.svelte-3xfzto{color:var(--color-primary);border-color:rgb(var(--color-primary-rgb) / .2)}@keyframes svelte-3xfzto-badge-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.resize-spinner.svelte-3xfzto{width:12px;height:12px;border:2px solid rgba(0,0,0,.12);border-top-color:#00000080;border-radius:50%;animation:svelte-3xfzto-spin .6s linear infinite}@keyframes svelte-3xfzto-spin{to{transform:rotate(360deg)}}.preview-clear.svelte-3xfzto{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-surface-hover);border-radius:8px;color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;animation:svelte-3xfzto-clear-in .3s ease-out .2s both}.preview-clear.svelte-3xfzto:hover{background:#ef4444cc;border-color:#ef444499;transform:scale(1.05)}@keyframes svelte-3xfzto-clear-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.change-link.svelte-3xfzto{background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 8px;align-self:center}.change-link.svelte-3xfzto:hover{color:#fff}.generate-btn.svelte-3xfzto{position:relative;background:var(--color-primary, var(--color-primary));color:var(--color-bg-secondary);border:none;padding:18px 40px;border-radius:999px;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;width:100%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px}.compact.svelte-3xfzto .generate-btn:where(.svelte-3xfzto){padding:14px 32px;font-size:16px}.generate-ready.svelte-3xfzto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.45) 55%,transparent 60%);transform:translate(-100%);animation:svelte-3xfzto-btn-shimmer 4.2s ease-in-out 1s infinite}@keyframes svelte-3xfzto-btn-shimmer{0%{transform:translate(-100%)}14%{transform:translate(100%)}28%{transform:translate(100%)}to{transform:translate(100%)}}.btn-sparkle.svelte-3xfzto{flex-shrink:0;animation:svelte-3xfzto-sparkle-pop .5s cubic-bezier(.34,1.4,.5,1) 1s both}@keyframes svelte-3xfzto-sparkle-pop{0%{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.generate-btn.svelte-3xfzto:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px rgb(var(--color-primary-rgb) / .3)}.generate-btn.svelte-3xfzto:disabled{opacity:.6;cursor:wait}.size-error.svelte-3xfzto{color:#ef4444;font-size:14px;text-align:center;margin:0;padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px}@media(min-width:1024px){.upload-card.svelte-3xfzto{padding:48px 32px;min-height:240px}}@media(max-width:860px){.upload-card.svelte-3xfzto{padding:32px 20px;min-height:200px}.upload-btn.svelte-3xfzto,.generate-btn.svelte-3xfzto{padding:14px 28px;font-size:16px}}@media(hover:none)and (pointer:coarse){.upload-or.svelte-3xfzto{display:none}.upload-card.svelte-3xfzto{border-color:transparent;background:transparent;padding:8px 0;min-height:0}.upload-card.svelte-3xfzto:hover{border-color:transparent;background:transparent}.upload-card-preview.svelte-3xfzto{border-color:rgb(var(--color-primary-rgb) / .2);background:var(--color-surface-hover);padding:12px}.upload-btn.svelte-3xfzto{width:100%;padding:18px 24px;font-size:17px}}