.appearance-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);gap:32px;align-items:start;padding:28px}.appearance-card h3{margin:12px 0}.appearance-card p{font-size:13px;line-height:1.7}.appearance-card form{display:grid;gap:18px;margin:25px 0}.appearance-card form label{display:grid;gap:10px;font-size:12px}.appearance-card input[type=file]{max-width:100%;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--surface)}.appearance-card small{font-size:11px;line-height:1.6;color:var(--muted)}.appearance-preview{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#0b2118}.appearance-preview img{width:100%;height:100%;object-fit:cover}.appearance-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#031a1122,#031a11bb)}.appearance-preview figcaption{position:absolute;inset:24px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;color:#f7f4ed}.appearance-preview figcaption span{letter-spacing:3px;font-size:10px}.appearance-preview strong{font-size:clamp(22px,3vw,37px);font-weight:500;line-height:1.12;letter-spacing:-1px}.appearance-card [role=status]{font-size:12px;margin:0;color:var(--brand)}@media(max-width:750px){.appearance-card{grid-template-columns:1fr;padding:20px}.appearance-preview{max-width:360px;width:100%}}
