dialog{width:min(1350px,96vw);max-width:96vw;padding:30px;max-height:94vh}#detailContent{display:grid;grid-template-columns:minmax(280px,40%) 1fr;gap:28px}.preview-media{width:100%;position:sticky;top:0}.preview-media video{max-height:76vh;border-radius:10px}.preview-info{width:auto;padding:0;min-width:0}.preview-info h2{font-size:20px;line-height:1.6;margin:0 0 16px}.preview-info h3{font-size:16px;margin:22px 0 14px}.detail-author{display:flex;align-items:center;gap:8px}.channel-link{pointer-events:auto;color:#576b95}.video-author .channel-link{color:inherit}.channel-link:hover{text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.metric{border-radius:10px;background:#f7f8fa;padding:16px;display:flex;flex-direction:column;gap:8px}.metric span,.muted{color:#89909b;font-size:12px}.metric strong{font-size:21px;color:#182431}.metric small{color:#db4ba3;font-size:11px}.trend svg{width:100%;display:block}.trend svg text{font-size:11px;fill:#8b94a0}.history-scroll{overflow:auto;max-height:260px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{padding:10px 8px;text-align:left;border-bottom:1px solid #edf0f2}th{color:#7d8794;font-weight:500}.product-card{display:flex;align-items:center;gap:8px;background:#f0f2f4;border-radius:7px;padding:8px;margin:8px 0;min-width:0;text-shadow:none;color:#25313b}.product-card>div{min-width:0;flex:1}.product-card strong,.product-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.product-card small{color:#84909c;font-size:11px;margin-top:3px}.product-image{width:36px;height:36px;object-fit:cover;border-radius:3px}.product-button{background:#00bd72;color:#fff;padding:5px 7px;border-radius:3px;font-size:11px;white-space:nowrap}.video-overlay .product-card{background:#fffD}.channel-main{margin:0 auto;padding:0 32px 40px;max-width:1800px}.text-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.text-card{background:#f7f8fa;border-radius:10px;padding:20px;line-height:1.8}.text-card small{color:#8b94a0;display:block}.text-card button{border:1px solid #ddd;background:white;padding:6px 10px;border-radius:6px;margin-top:10px}.grid-button{border:0;padding:0;width:100%;background:none}.video-author{pointer-events:auto}@media(max-width:900px){#detailContent{grid-template-columns:1fr}.preview-media{position:static;max-width:500px;margin:auto}.preview-info{width:100%}.text-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){dialog{padding:25px 14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.text-cards{grid-template-columns:1fr!important}.channel-main{padding:0 16px 24px}}



.detail-controls{display:flex;gap:16px;align-items:center;margin:16px 0}.detail-controls select,.detail-controls button{font:inherit;padding:7px 10px;border:1px solid #e3e7eb;border-radius:6px;background:white;color:#44515e}








.detail-video-frame{position:relative;width:100%;border-radius:10px;overflow:hidden;line-height:0}



.detail-video-frame video{display:block;width:100%}



.detail-video-card{position:absolute;left:8px;right:auto;width:60%;bottom:66px;z-index:2;line-height:1.4;pointer-events:none}



.detail-video-card .product-card{margin:0;padding:6px;background:rgba(255,255,255,.92);box-shadow:0 2px 10px #0002}



.detail-video-card .product-image{width:30px;height:30px}