.creation-preview[hidden]{display:none}
.creation-preview{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:16px;margin:0 0 16px;padding:10px 14px 10px 4px;border:1px solid #586076;border-radius:8px;background:radial-gradient(ellipse at 10% 45%,#22365a 0,transparent 65%),#090f22}
.creation-portrait{display:block;width:144px;height:144px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 4px 8px #020612)}
.creation-preview h3{margin:0 0 7px;font-size:16px;color:#ffe1a0;line-height:1.3}
.creation-look-description{margin:0;color:#d4ddec;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.creation-art-note{margin:8px 0 0;font-size:11px;line-height:1.5;color:#aabbd3}
.astralis-cockpit .welcome-actions button[data-portrait-choice]{display:flex;align-items:center;gap:10px;min-height:92px;padding:6px 10px 6px 4px;background:linear-gradient(120deg,#17273c,#10162a);border-color:#6f7189}
.welcome-actions button[data-portrait-choice]>span{min-width:0}
.creation-choice-portrait{width:80px;height:80px;flex:0 0 80px;image-rendering:pixelated;image-rendering:crisp-edges}
.astralis-cockpit .welcome-actions button[data-portrait-choice][aria-pressed=true]{border-color:#f7d78b;box-shadow:inset 0 0 0 1px #f7d78b;background:#293044}
.astralis-cockpit .welcome-actions button[data-portrait-choice]:hover{border-color:#c9b483;background:#25344b}
.astralis-cockpit .welcome-actions button[data-portrait-choice]:focus-visible{outline:2px solid #9ee4f2;outline-offset:2px}
@media(max-width:600px){.creation-preview{grid-template-columns:104px minmax(0,1fr);gap:8px;padding:8px}.creation-portrait{width:104px;height:104px}.creation-preview h3{font-size:14px}.creation-look-description{font-size:11px}.creation-art-note{font-size:10px}.astralis-cockpit .welcome-actions button[data-portrait-choice]{flex-direction:column;gap:2px;text-align:center;padding:5px;font-size:12px}.creation-choice-portrait{width:88px;height:88px;flex-basis:88px}}