.artwork-box{display:grid;grid-template-columns:112px 1fr minmax(240px,.8fr);align-items:center;gap:20px;margin-top:20px;padding:18px;background:#f5f8fb;border:1px solid var(--line);border-radius:12px}
.art-preview{width:112px;aspect-ratio:1;border-radius:9px;background:linear-gradient(145deg,var(--navy),#244e76);display:grid;place-items:center;overflow:hidden;color:var(--gold2);text-align:center;font-family:Georgia,serif;font-weight:800;line-height:1.1;border:3px solid white;box-shadow:0 7px 18px rgba(13,32,53,.18)}
.art-preview img{width:100%;height:100%;object-fit:cover}
.artwork-copy h4{margin:0 0 4px;font-size:1rem}
.artwork-copy p{margin:0 0 12px;color:var(--muted);font-size:.82rem}
.art-controls{display:flex;align-items:center;gap:10px}
.art-button{background:#dfe8f0;color:var(--navy);padding:8px 13px;min-height:40px;font-size:.82rem}
.designer-field{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:800;color:#31465b}
@media(max-width:900px){.artwork-box{grid-template-columns:112px 1fr}.designer-field{grid-column:1/-1}}
@media(max-width:570px){.artwork-box{grid-template-columns:1fr}.art-preview{width:145px}.designer-field{grid-column:auto}}