/* Single source of truth for shared video cards across Studio, owner library and public profiles. */
.video-library-grid,.public-grid,.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;}
.video-library-card,.history-item,.profile-video-card,.public-video{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:9px;}
.video-library-thumb-link{display:block;position:relative;width:100%;max-width:100%;min-width:0;aspect-ratio:9/16;overflow:hidden;box-sizing:border-box;white-space:normal;border-radius:8px;line-height:0;cursor:pointer;pointer-events:auto;text-decoration:none!important;align-self:stretch;flex:0 0 auto;z-index:1;}
.video-library-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:8px;pointer-events:none;}
.video-library-thumb-link:hover{opacity:.94;}
.video-library-thumb-link:focus-visible{outline:3px solid #a3e635;outline-offset:3px;}
.video-library-title{display:block;min-width:0;max-width:100%;font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:normal;color:#f5f5f5;}
.video-library-meta{min-width:0;max-width:100%;font-size:11px;line-height:1.45;color:#9696a0;overflow-wrap:anywhere;white-space:normal;}
.video-library-meta small{font-size:10px;line-height:1.4;white-space:normal;}
.video-library-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;width:100%;min-width:0;}
.video-library-actions button{max-width:100%;white-space:normal;}
.video-library-thumb-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:9/16;background:#17171d;border-radius:8px;color:#aaa;font-size:12px;text-align:center;}
.history-item .history-actions{width:100%;}
.history-item .history-recreate{align-self:stretch;width:100%;}
.profile-video-card .video-library-meta{font-size:12px;}
.public-video .video-library-title{margin:0;}
.public-video .video-library-meta{font-size:12px;}
@media(max-width:850px){.video-library-grid,.public-grid,.history-list{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:620px){.video-library-grid,.public-grid,.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}}
@media(max-width:390px){.video-library-grid,.public-grid,.history-list{grid-template-columns:1fr;}}