#media-room{margin:24px 0}#media-room .media-tools{display:flex;gap:12px;flex-wrap:wrap}#media-room .media-tools>label{min-width:140px;flex:1}.media-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.media-layout>*{min-width:0}#media-list{max-height:640px;overflow:auto}#media-list button{display:block;width:100%;text-align:left;margin:8px 0;white-space:pre-wrap}#media-list button[aria-current=true]{border:2px solid #36584b}#media-canvas{display:block;width:100%;height:auto;background:#eee;touch-action:none}#media-editor{margin-top:14px;padding:16px;background:#f2f0e8;border-radius:10px}#media-colors{display:flex;flex-wrap:wrap;gap:12px}#media-colors label{width:105px}#media-message{white-space:pre-wrap}.media-variants button[aria-pressed=true]{background:#36584b;color:white}.media-variants{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}#media-upload input[type=file]{max-width:100%}@media(max-width:760px){.media-layout{grid-template-columns:1fr}#media-list{max-height:240px}}