.browser-media{display:grid;gap:1rem;min-width:0}.browser-media label{display:grid;gap:.4rem;font-size:.9375rem;font-weight:600;min-width:0}.browser-media input[type=color]{width:100%;min-height:44px;padding:.25rem}.browser-media .media-check{display:flex;align-items:center;gap:.6rem}.media-check input{width:20px;height:20px;flex-shrink:0}.media-actions{display:flex;gap:.5rem;flex-wrap:wrap}.media-actions button,.media-order-buttons button{padding:.45rem .7rem;min-height:40px;background:#fff;border:1px solid #d0d7e5;border-radius:.5rem;color:#3342be;font:inherit;cursor:pointer}.media-actions button:disabled,.media-order-buttons button:disabled{opacity:.45;cursor:default}.media-items{list-style:none;display:grid;gap:.8rem;padding:0;margin:0}.media-items:empty{display:none}.media-items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:.65rem;padding:.75rem;border:1px solid #dce2ee;border-radius:.65rem;align-items:start}.media-items li.media-audio-item{grid-template-columns:minmax(0,1fr) auto}.media-items canvas{width:64px;height:64px;object-fit:contain;background:#edf1f6;border-radius:.35rem}.media-item-content{display:grid;gap:.6rem;min-width:0}.media-item-name{font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.media-item-content input{min-width:0;width:100%}.media-order-buttons{display:grid;gap:.35rem}.media-player,.media-items audio{width:100%;max-width:100%;max-height:420px;display:block}.media-player{border-radius:.65rem;background:#10182c}.browser-media :focus-visible{outline:3px solid #5676e5;outline-offset:2px}.browser-media [hidden]{display:none!important}@media(max-width:480px){.media-items li{grid-template-columns:40px minmax(0,1fr);padding:.55rem}.media-items canvas{width:40px;height:40px}.media-order-buttons{grid-column:1/-1;display:flex;flex-wrap:wrap}.media-items li.media-audio-item{grid-template-columns:minmax(0,1fr)}.media-actions button{flex:1 1 42%}}