.app-icon.media{background:linear-gradient(145deg,#2b3548,#080d16)}.app-icon.media:before{content:"";border-left:15px solid #72e7f6;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;filter:drop-shadow(0 0 7px #67dfef)}.media-window{--window-x:14vw;--window-y:9vh;width:min(860px,84vw);height:min(620px,78vh);background:#05080c}.media-body{height:calc(100% - 47px);display:grid;grid-template-rows:1fr auto;background:#030507}.media-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#162133,#020305 68%)}.media-stage video,.media-stage img{width:100%;height:100%;object-fit:contain;background:#000}.media-stage audio{width:min(560px,80%)}.media-stage .media-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#718292}.media-meta{height:54px;display:flex;align-items:center;gap:11px;padding:0 14px;border-top:1px solid #ffffff10;background:#0b111a}.media-meta>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#ffffff0d;color:#6ee1f1}.media-meta b,.media-meta small{display:block}.media-meta b{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.media-meta small{margin-top:3px;color:#718394;font-size:8px}.media-meta button{margin-left:auto;padding:8px 10px;border-radius:7px;background:#ffffff0d;font-size:8px}.media-thumb{position:relative;display:grid;place-items:center;width:100%;height:58px;border-radius:8px;overflow:hidden;background:#080d14;box-shadow:0 9px 16px #0005}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-thumb.video-preview:after{content:"▶";position:absolute;width:25px;height:25px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#09111ac7;color:white;box-shadow:0 4px 12px #0008;font-size:9px}.media-thumb.audio-preview:before{content:"";width:80%;height:25px;background:repeating-linear-gradient(90deg,#65dcec 0 2px,transparent 2px 6px);clip-path:polygon(0 45%,8% 30%,16% 55%,24% 10%,32% 75%,40% 35%,48% 65%,56% 20%,64% 80%,72% 44%,80% 62%,88% 28%,100% 48%,100% 55%,88% 38%,80% 72%,72% 54%,64% 90%,56% 30%,48% 75%,40% 45%,32% 85%,24% 20%,16% 65%,8% 40%,0 55%)}.media-thumb.generic-preview{font-size:19px;color:#7990a3}@media(max-width:760px){.media-window{--window-x:3vw;--window-y:8vh;width:94vw;height:74vh}}@media(max-width:560px){.media-window{width:calc(100vw - 12px);height:calc(100vh - 130px)}}