.media-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:12px 0}.media-heading h3{margin:0}.media-heading p{margin:5px 0;font-size:13px}
.media-groups{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.media-groups button[aria-pressed=true],.media-slot[aria-pressed=true]{background:#e9dfc8!important;border-color:#315d4c!important;color:#1c493b}
.media-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:22px;align-items:start}.media-list{display:grid;gap:8px;max-height:650px;overflow:auto}.media-slot{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #b9af9566;border-radius:10px;padding:8px;background:#f6f0e380;color:#294638;min-height:66px}.media-slot img{width:60px;height:48px;object-fit:cover;border-radius:5px;background:#cfc5b3}.media-slot span{font-size:13px}.media-slot small{display:block;color:#66715e;font-size:11px;margin-top:4px}.media-editor{min-width:0}.media-editor h3{margin-top:0}.media-preview{height:300px;display:grid;place-items:center;background:repeating-conic-gradient(#dfd7c7 0% 25%,#ede7dc 0% 50%) 50%/20px 20px;border:1px solid #b9af9580;border-radius:10px;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:contain}.media-pick{display:block;padding:12px;border:1px dashed #8b927d;border-radius:8px;font-size:13px}.media-pick input{display:block;width:100%;margin-top:8px;min-height:44px}.media-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.media-actions button{min-height:44px}.media-layered{display:flex;gap:10px;font-size:12px;margin:14px 0;align-items:center}.media-layered input{width:20px;height:20px;min-height:20px}.media-dimensions,#mediaStatus{font-size:12px;line-height:1.5}#mediaStatus{color:#305b49;min-height:36px}.media-actions button:disabled{opacity:.45;cursor:default}.view-directions button>span{display:none}

@media(max-width:720px){.media-heading{flex-direction:column;gap:6px}.media-layout{grid-template-columns:minmax(0,1fr)}.media-list{display:flex;max-height:none;overflow:auto;padding-bottom:8px}.media-slot{flex:0 0 180px}.media-groups{flex-wrap:nowrap;overflow:auto}.media-groups button{flex-shrink:0;white-space:nowrap;min-height:44px}.media-preview{height:260px}.media-actions{display:grid;grid-template-columns:1fr 1fr}.media-actions .plain{grid-column:1/-1}.media-preview img{max-width:100%;max-height:100%}}