.workshop-media-section{display:grid;gap:18px}.workshop-media-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.workshop-media-intro p,.workshop-media-note{margin:5px 0 0;color:var(--muted,#746b68);font-size:.88rem;line-height:1.5}.workshop-media-status{font-size:.82rem;color:#4d6d59}.workshop-media-status.error{color:#a13e36}.workshop-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workshop-media-slot{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:14px;border:1px solid rgba(87,56,52,.14);border-radius:18px;background:#fff}.workshop-media-slot.featured{border-color:rgba(87,56,52,.28);box-shadow:0 10px 28px rgba(53,34,31,.06)}.workshop-media-copy{display:grid;gap:4px}.workshop-media-copy strong{font-size:.96rem}.workshop-media-copy small{color:#7c716e;line-height:1.45}.workshop-media-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8f6861}.workshop-media-preview{position:relative;overflow:hidden;display:grid;place-items:center;width:100%;max-height:260px;border-radius:14px;background:linear-gradient(135deg,#f2ebe8,#e4d8d4);color:#8a716b;font-weight:700}.workshop-media-preview.ratio-square{aspect-ratio:1}.workshop-media-preview.ratio-vertical{aspect-ratio:2/3;max-width:180px;justify-self:center}.workshop-media-preview.ratio-horizontal{aspect-ratio:16/9}.workshop-media-preview img{width:100%;height:100%;object-fit:cover}.workshop-media-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.workshop-media-actions label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:11px;background:#573834;color:#fff;font-size:.83rem;font-weight:700;cursor:pointer}.workshop-media-actions button{border:0;background:transparent;color:#8b4b43;font:inherit;font-size:.8rem;cursor:pointer}.workshop-media-slot.is-uploading{opacity:.65;pointer-events:none}@media(max-width:900px){.workshop-media-grid{grid-template-columns:1fr 1fr}.workshop-media-slot.featured{grid-column:1/-1}}@media(max-width:620px){.workshop-media-intro{display:grid}.workshop-media-grid{grid-template-columns:1fr}.workshop-media-slot.featured{grid-column:auto}.workshop-media-preview.ratio-vertical{max-width:220px}}
