.video-directory section>h2{margin:0 0 16px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.video-card{display:block;min-width:0;text-decoration:none}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--ui-control-border);border-radius:var(--radius-control);background:var(--bg-card)}.video-thumbnail .ld-portrait-media{width:100%;height:100%;object-fit:cover;border-radius:0}.video-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.35))}.video-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:2px solid;border-radius:50%;background:rgba(0,0,0,.65)}.video-play svg{width:26px;height:26px}.video-category,.video-duration{position:absolute;bottom:6px;z-index:1;padding:3px 7px;border-radius:3px;font:600 12px/1.4 var(--font-ui),sans-serif}.video-category{left:6px;background:var(--ui-tab-active)}.video-duration{right:6px;background:rgba(0,0,0,.85);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.video-card h3{margin:8px 0;font:600 16px/1.35 var(--font-ui),sans-serif;overflow-wrap:anywhere}.video-card time{color:var(--text-secondary);font-size:14px}.video-card:hover .video-thumbnail{border-color:var(--ui-tab-active)}.video-directory .ld-pagination{justify-content:center;margin-top:24px}.video-shorts{position:relative;border-top:1px solid var(--ui-divider);padding-top:20px;margin-top:32px}.video-shorts>header{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.video-shorts>header h2,.video-shorts>header p{margin:0}.video-shorts-track{display:grid;grid-auto-flow:column;grid-auto-columns:max(125px,calc((100% - 7 * 20px) / 8));gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.video-card-short{scroll-snap-align:start}.video-card-short .video-thumbnail{aspect-ratio:9/16}.video-card-short h3{font-size:13px}.video-shorts-controls{display:flex;justify-content:space-between;margin-top:12px;gap:12px}.video-shorts-controls .ld-button{min-width:40px;padding:8px 12px}@media (max-width:1000px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.video-shorts>header{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.video-grid{grid-template-columns:minmax(0,1fr)}}