#dv-panel{position:fixed;top:72px;right:16px;width:min(390px,calc(100vw - 32px));height:min(720px,calc(100vh - 92px));z-index:1600;background:rgba(2,8,23,.96);border:1px solid rgba(56,189,248,.28);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.55);color:#e2e8f0;display:none;overflow:hidden;backdrop-filter:blur(18px)}
#dv-panel.open{display:flex;flex-direction:column}.dv-head{padding:16px;border-bottom:1px solid #1e293b;display:flex;align-items:center;gap:12px}.dv-head h3{font:700 15px 'Space Grotesk',sans-serif;margin:0}.dv-head small{display:block;color:#64748b;font-size:10px;margin-top:2px}.dv-close,.dv-icon-btn{border:1px solid #334155;background:#0f172a;color:#cbd5e1;border-radius:9px;width:34px;height:34px;cursor:pointer}.dv-close{margin-left:auto}.dv-filters{padding:12px;border-bottom:1px solid #1e293b;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dv-filters input,.dv-filters select{background:#0f172a;border:1px solid #334155;color:#e2e8f0;border-radius:9px;padding:9px;font-size:11px;min-width:0}.dv-filters input{grid-column:1/-1}.dv-stats{grid-column:1/-1;color:#64748b;font-size:10px}.dv-list{padding:8px;overflow:auto;flex:1}.dv-card{width:100%;display:grid;grid-template-columns:74px 1fr;gap:10px;text-align:left;background:transparent;border:0;border-bottom:1px solid #172033;padding:9px;color:#e2e8f0;cursor:pointer}.dv-card:hover{background:#0f172a}.dv-card img{width:74px;height:54px;object-fit:cover;border-radius:8px;background:#111827}.dv-card .video-thumb{width:74px;height:54px;border-radius:8px;background:#111827;display:grid;place-items:center;color:#38bdf8}.dv-card b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-card span{font-size:9px;color:#64748b;display:block;margin-top:4px}.dv-map-btn{background:#07111f!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.4)!important}.dv-map-btn.active{background:#0369a1!important;color:white!important}.dv-marker{background:#38bdf8;border:2px solid white;border-radius:50%;box-shadow:0 0 0 4px rgba(56,189,248,.2)}
#dv-viewer{position:fixed;inset:0;z-index:2200;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#dv-viewer.open{display:flex}.dv-stage{position:relative;width:min(1180px,96vw);height:min(820px,92vh);display:flex;flex-direction:column}.dv-media{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#020617;border-radius:16px;overflow:hidden}.dv-media img,.dv-media video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .32s ease,transform .7s ease}.dv-media.loading img,.dv-media.loading video{opacity:0;transform:scale(1.015)}.dv-view-head{display:flex;align-items:center;gap:10px;color:white;padding:10px 4px}.dv-view-head strong{font-size:13px}.dv-view-head small{color:#94a3b8}.dv-view-head button{margin-left:auto}.dv-controls{display:flex;justify-content:center;gap:8px;padding:10px}.dv-controls button{border:1px solid #334155;background:#0f172a;color:white;border-radius:10px;padding:9px 15px;cursor:pointer}.dv-arrow{font-size:25px;color:#fbbf24;filter:drop-shadow(0 2px 4px #000)}
@media(max-width:600px){#dv-panel{top:58px;right:8px;width:calc(100vw - 16px);height:calc(100vh - 68px)}.dv-stage{width:100vw;height:100vh}.dv-media{border-radius:0}}