.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin:32px 0}.video-card{background:#161b1b;border:1px solid #35423d;border-radius:18px;padding:16px}.video-card video{width:100%;aspect-ratio:16/9;border-radius:12px;background:#050707;display:block}.video-card h3{margin:14px 0 5px;overflow-wrap:anywhere}.video-card p{opacity:.7;margin:0}.video-grid:empty{display:none}#owner-panel{margin-top:24px;max-width:650px}#upload-form{display:grid;gap:12px;margin-top:18px}#upload-form input{width:100%;padding:12px;border-radius:8px;background:#101717;border:1px solid #5a7168;color:#fff}#upload-form label{margin-top:8px}#upload-form button{justify-self:start}
.record-section{border-top:1px solid #35423d;margin-top:32px;padding-top:24px}.record-controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.record-controls button:disabled{opacity:.5;cursor:not-allowed}#record-preview{width:100%;max-width:620px;aspect-ratio:16/9;object-fit:contain;background:#050707;border:1px solid #35423d;border-radius:12px;margin:12px 0}#record-status{overflow-wrap:anywhere}

.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#050707;display:block;cursor:zoom-in}.media-filters{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.filter-btn{color:#eaf4eb;border:1px solid #5a7168;background:#182522;border-radius:20px;padding:8px 17px;cursor:pointer}.filter-btn.active{background:#426550;border-color:#a9dfb5}.media-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.media-type{font-size:.8rem;opacity:.7}.media-delete{border:1px solid #ad5b5b;border-radius:8px;padding:6px 10px;background:transparent;color:#ffcccc;cursor:pointer}.photo-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;justify-content:center;align-items:center;z-index:9999;padding:24px}.photo-modal[hidden]{display:none}.photo-modal img{max-width:100%;max-height:85vh;object-fit:contain}.photo-modal button{position:absolute;top:12px;right:16px;font-size:1.2rem;padding:8px 15px;cursor:pointer}
