.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.media-card{overflow:hidden}.media-card h3{font-size:1rem;overflow-wrap:anywhere}.media-preview{aspect-ratio:4/3;background:#e8ece3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#526347}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:contain}.media-preview i{font-size:3rem}.media-preview span{text-align:center;font-size:.85rem;padding:12px}.upload-panel{text-align:center;border:2px dashed #788b6b;background:#f7f4ed}.upload-symbol{font-size:2.6rem;color:#788b6b}.upload-row{text-align:left;padding:16px;border-radius:12px;background:white;margin:12px 0;display:grid;gap:8px;overflow-wrap:anywhere}.upload-row progress{width:100%;accent-color:#788b6b}.upload-row span{font-size:.88rem}.upload-done{border-left:4px solid #788b6b}.history-meta{overflow-wrap:anywhere;font-size:.85rem;margin-top:12px}.history-list article{margin-bottom:12px}