.social-image-upload.svelte-1lmebtz{width:100%}.current-image.svelte-1lmebtz{flex-direction:column;gap:1rem;display:flex}.image-container.svelte-1lmebtz{background:var(--color-neutral-100);aspect-ratio:1.91;border-radius:.5rem;position:relative;overflow:hidden}.image-container.svelte-1lmebtz img:where(.svelte-1lmebtz){object-fit:cover;width:100%;height:100%}.image-overlay.svelte-1lmebtz{background:var(--color-overlay-medium);opacity:0;justify-content:center;align-items:center;gap:.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-container.svelte-1lmebtz:hover .image-overlay:where(.svelte-1lmebtz){opacity:1}.overlay-button.svelte-1lmebtz{background:var(--color-text-primary);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.overlay-button.svelte-1lmebtz:hover{background:var(--color-bg-primary);transform:scale(1.05)}.overlay-button.remove.svelte-1lmebtz{color:#fff;background:#ef4444e6}.overlay-button.remove.svelte-1lmebtz:hover{background:var(--color-error)}.image-info.svelte-1lmebtz{background:var(--color-neutral-50);border:1px solid var(--color-border-subtle);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.platform-badge.svelte-1lmebtz{background:var(--color-blue-600);color:#fff;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.recommended-size.svelte-1lmebtz{color:var(--color-text-muted);font-size:.875rem}.upload-area.svelte-1lmebtz{border:2px dashed var(--color-border-default);text-align:center;cursor:pointer;background:#fafafa;border-radius:.5rem;padding:2rem;transition:all .2s}.upload-area.svelte-1lmebtz:hover:not(.disabled):not(.uploading){border-color:var(--color-blue-600);background:#f0f9ff}.upload-area.drag-over.svelte-1lmebtz{border-color:var(--color-blue-600);background:var(--color-blue-50);transform:scale(1.02)}.upload-area.uploading.svelte-1lmebtz{border-color:var(--color-text-muted);cursor:not-allowed}.upload-area.disabled.svelte-1lmebtz{opacity:.5;cursor:not-allowed}.upload-progress.svelte-1lmebtz{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner.svelte-1lmebtz{border:2px solid var(--color-border-subtle);border-top:2px solid var(--color-blue-600);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite svelte-1lmebtz-spin}@keyframes svelte-1lmebtz-spin{to{transform:rotate(360deg)}}.progress-text.svelte-1lmebtz{color:var(--color-text-secondary);font-weight:500}.progress-bar.svelte-1lmebtz{background:var(--color-border-subtle);border-radius:2px;width:100%;max-width:200px;height:4px;overflow:hidden}.progress-fill.svelte-1lmebtz{background:var(--color-blue-600);height:100%;transition:width .3s}.upload-content.svelte-1lmebtz{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-icon.svelte-1lmebtz{color:var(--color-text-disabled)}.upload-text.svelte-1lmebtz h4:where(.svelte-1lmebtz){color:#111827;margin:0;font-size:1.125rem;font-weight:600}.upload-text.svelte-1lmebtz p:where(.svelte-1lmebtz){color:var(--color-text-muted);margin:0;font-size:.875rem}.upload-specs.svelte-1lmebtz{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;width:100%;max-width:400px;display:grid}.spec-item.svelte-1lmebtz{color:var(--color-text-muted);text-align:left;font-size:.75rem}.spec-item.svelte-1lmebtz strong:where(.svelte-1lmebtz){color:var(--color-text-secondary)}.upload-button.svelte-1lmebtz{background:var(--color-blue-600);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.upload-button.svelte-1lmebtz:hover:not(:disabled){background:var(--color-blue-700)}.upload-button.svelte-1lmebtz:disabled{opacity:.5;cursor:not-allowed}.error-message.svelte-1lmebtz{color:var(--color-error);background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}@media (width<=640px){.upload-area.svelte-1lmebtz{padding:1.5rem 1rem}.upload-specs.svelte-1lmebtz{text-align:center;grid-template-columns:1fr}.spec-item.svelte-1lmebtz{text-align:center}.image-info.svelte-1lmebtz{text-align:center;flex-direction:column;gap:.5rem}}
