Interfaccia utente della galleria di risorse spaziali

Obiettivo: Creare un pannello di gestione delle risorse UI pulito per il sito web, intitolato {argument name="headline text" default="Your Assets"}, che visualizzi una griglia di immagini aerospaziali caricate. Canvas: Un mockup web quadrato con uno sfondo molto chiaro caratterizzato da un sottile motivo a griglia punteggiata e una linea decorativa leggermente curva lungo il bordo destro. Adottare uno stile SaaS moderno con ombre morbide, angoli arrotondati e testo blu-grigio tenue. Layout: Posizionare una piccola icona quadrata rosa e rotonda nell'angolo in alto a sinistra contenente un semplice simbolo di immagine/foto con contorno, seguito dal titolo. Sotto, creare una grande scheda rettangolare bianca e arrotondata con un sottile bordo grigio chiaro. All'interno della scheda, posizionare sei miniature di immagini disposte in una griglia di 2 colonne e 3 righe, ciascuna con angoli arrotondati. Ogni miniatura ha un pulsante di eliminazione rotondo e fluttuante nell'angolo in alto a destra; ci sono sei pulsanti di eliminazione in totale, tutti bianchi con un'icona X grigia. Nella parte inferiore della scheda, posizionare una riga centrata di opzioni di caricamento, contenente un segno più e il testo {argument name="upload text" default="Upload more"}. Le miniature sono composte da sei immagini: 1) In alto a sinistra: un razzo imponente si erge su una piattaforma di lancio al tramonto, sullo sfondo di nuvole arancioni; 2) In alto a destra: la stessa scena della piattaforma di lancio del razzo, con esplosioni/fiamme luminose ed effetti di onda d'urto circolare luminosa; 3) Al centro a sinistra: un razzo sale verticalmente contro un cielo al tramonto, accompagnato da un'enorme e luminosa colonna di fumo; 4) Al centro a destra: un razzo trafigge fitte nuvole arancioni, salendo nell'atmosfera superiore di un blu intenso; 5) In basso a sinistra: una vista della Terra dall'orbita terrestre bassa, con una piccola navicella spaziale sopra l'arco dell'orizzonte; 6) In basso a destra: un panorama dello spazio profondo illuminato dalle stelle, che mostra la Via Lattea, con la Terra visibile in alto a sinistra. Stile visivo: screenshot di componenti web raffinati, miniature realistiche in stile cinematografico, bordi dell'interfaccia utente puliti, spaziatura ampia, miniature con angoli arrotondati da 16px, ombre delicate e tonalità neutre tenui. Lo sfondo delle piccole icone utilizza `{argument name="accent color" default="soft pink"}`, mentre il titolo e il testo di caricamento utilizzano `{argument name="text color" default="slate blue-gray"}`. Vincoli: tutto il testo deve essere in inglese e non deve contenere tag aggiuntivi, filigrane, bordi del browser o cursori. Attenersi rigorosamente alle seguenti quantità: 1 titolo, 1 icona, 1 scheda con bordo, 6 miniature, 6 pulsanti di eliminazione circolari a forma di X e 1 azione di caricamento in basso.