.images-system[data-v-bcf4daa3]{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (width>=640px){.images-system[data-v-bcf4daa3]{flex-direction:row}}.image-card[data-v-bcf4daa3]{background:var(--ui-bg-elevated);border-radius:calc(var(--ui-radius) * 1.5);border:1px solid var(--ui-border);width:100%;padding:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);flex-direction:column;flex:1;display:flex;position:relative}.card-header[data-v-bcf4daa3]{gap:calc(var(--spacing) * .5);flex-direction:column;display:flex}.card-title[data-v-bcf4daa3]{font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide)}.card-hint[data-v-bcf4daa3]{color:var(--ui-text-muted);font-size:var(--text-sm)}.image-card[data-v-bcf4daa3] .picker-label{display:none}.image-card[data-v-bcf4daa3] .image-container{border-radius:var(--ui-radius);width:100%}.image-card.featured[data-v-bcf4daa3] .image-container{aspect-ratio:2;max-width:640px}.image-card.social[data-v-bcf4daa3] .image-container{aspect-ratio:1;max-width:360px}.image-card[data-v-bcf4daa3] .image-container img{object-fit:cover;object-position:center center;width:100%;height:100%}.image-card[data-v-bcf4daa3] .actions{margin-top:calc(var(--spacing) * 2)}.image-card[data-v-bcf4daa3] .file-info{margin-top:var(--spacing)}.image-card[data-v-bcf4daa3] .upload-controls{justify-content:flex-start}.upload-progress[data-v-bcf4daa3]{margin-top:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);background:var(--ui-bg-elevated);border-radius:calc(var(--ui-radius) * 1.5);border:1px solid var(--ui-border)}.upload-progress h4[data-v-bcf4daa3]{margin:0 0 calc(var(--spacing) * 3) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--ui-text-highlighted)}.uploading-spinner[data-v-bcf4daa3]{align-items:center;gap:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 3);display:flex}.upload-errors[data-v-bcf4daa3]{margin-top:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 3);border-top:1px solid var(--ui-border)}.error-item[data-v-bcf4daa3]{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2);background:color-mix(in srgb, var(--ui-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--ui-error) 25%, transparent);border-radius:var(--ui-radius);color:var(--ui-error);font-size:var(--text-sm);margin-bottom:calc(var(--spacing) * 2);display:flex}
