.video-library{min-width:0}.video-library-columns{color:var(--ink-muted);grid-template-columns:minmax(0,1fr) 132px;gap:16px;padding:8px 12px;font-size:12px;display:grid}.video-library[data-mode=activity] .video-library-columns{grid-template-columns:minmax(0,1fr) 164px 132px}.video-entry{border-radius:var(--radius-control);background:0 0;min-width:0;transition:background-color .16s,box-shadow .2s}.video-entry:hover,.video-entry:focus-within,.video-entry[data-expanded=true]{background:var(--surface)}.video-entry-main{grid-template-columns:104px minmax(0,1fr) 132px;align-items:center;gap:16px;padding:12px;display:grid}.video-library[data-mode=activity] .video-entry-main{grid-template-columns:88px minmax(0,1fr) 164px 132px}.video-library[data-mode=activity] .video-library-items{gap:6px;display:grid}.video-library[data-mode=activity] .video-entry{background:var(--surface)}.video-entry-image{aspect-ratio:16/9;background:var(--media-stage);border-radius:7px;width:100%;display:block;position:relative;overflow:hidden}.video-entry-image>img{transition:opacity .18s}.video-entry-copy{min-width:0}.video-entry-title{-webkit-line-clamp:2;color:var(--ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:550;line-height:1.5;display:-webkit-box;overflow:hidden}.video-entry-title:hover{text-underline-offset:3px;text-decoration:underline}.video-entry-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:4px;font-size:12px;line-height:20px;display:flex}.video-entry-meta>span,.video-entry-meta>time{white-space:nowrap}.video-entry-source{align-items:center;gap:5px;display:inline-flex}.video-entry-duration{font-variant-numeric:tabular-nums}.video-entry-error{color:var(--danger);align-items:flex-start;gap:5px;margin:5px 0 0;font-size:12px;line-height:1.5;display:flex}.video-entry-error svg{flex:none;margin-top:2px}.video-entry-error>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-entry-state{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.video-entry-state>span:last-child:not(.status-badge){color:var(--ink-muted);font-size:12px}.video-entry-state .status-badge{font-size:12px}.video-entry-progress{font-variant-numeric:tabular-nums;align-items:center;gap:8px;width:100%;font-size:12px;display:flex}.video-entry-progress>div{background:var(--border);border-radius:3px;flex:1;height:3px;overflow:hidden}.video-entry-progress>div>span{background:var(--ink);transform-origin:0;height:100%;transition:transform .4s ease-out;display:block}.video-entry-actions{justify-content:flex-end;align-items:center;display:flex}.video-clips-toggle{min-height:28px;color:var(--ink-muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;margin-block:-4px;padding:4px 0;font-family:inherit;font-size:12px;line-height:20px;display:inline-flex}.video-clips-toggle:hover,.video-clips-toggle[aria-expanded=true]{color:var(--ink)}.video-clips-toggle:hover>span{text-underline-offset:3px;text-decoration:underline}.video-clips-toggle>svg:last-child{transition:transform .18s}.video-clips-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.video-entry-open{min-height:38px;color:var(--ink);background:var(--surface);white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:550;display:inline-flex}.video-entry-open:hover{background:var(--surface-hover)}.video-entry-open>svg{transition:transform .18s}.video-entry-open:hover>svg{transform:translate(2px)}.video-entry a:focus-visible,.video-entry button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.video-clips-expansion{overflow:hidden}.video-clips-content{padding:4px 12px 16px}.video-clips-heading{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:13px;display:flex}.video-clips-heading>a{color:var(--ink);align-items:center;gap:6px;min-height:36px;display:inline-flex}.video-clips-strip{scroll-snap-type:x proximity;gap:14px;padding:4px 4px 8px;display:flex;overflow-x:auto}.library-clip{flex:0 0 calc(12rem * var(--clip-aspect,.5625));scroll-snap-align:start;min-width:0}.library-clip-poster{width:100%;height:auto;aspect-ratio:var(--clip-aspect,9/16);background:var(--media-stage);border-radius:8px;transition:transform .18s;display:block;position:relative;overflow:hidden}.library-clip-poster>.clip-thumbnail{position:absolute;inset:0}.library-clip:hover .library-clip-poster{transform:translateY(-2px)}.library-clip-poster>small{background:var(--media-control);color:var(--media-ink);border-radius:4px;padding:2px 4px;font-size:12px;position:absolute;bottom:4px;right:4px}.library-clip>strong{-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;margin-top:8px;font-size:12px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.clip-thumbnail{width:100%;height:100%;display:block}.clip-thumbnail img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .24s;display:block}.clip-thumbnail[data-state=ready] img{opacity:1}.clip-thumbnail-fallback{color:var(--ink-muted);place-items:center;display:grid;position:absolute;inset:0}.video-library[data-view=grid] .video-library-items{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));align-items:start;gap:20px;display:grid}.video-library[data-view=grid] .video-entry{background:var(--surface);border-radius:16px}.video-library[data-view=grid] .video-entry:is(:hover,:focus-within){box-shadow:0 9px 20px -15px #0000004d}.video-library[data-view=grid] .video-entry-main{flex-direction:column;align-items:stretch;gap:12px;padding:12px;display:flex}.video-library[data-view=grid] .video-entry-copy{padding-inline:4px}.video-library[data-view=grid] .video-entry-title{min-height:3em}.video-library[data-view=grid] .video-entry-actions{padding-top:2px}.video-library[data-view=grid] .video-entry-open{background:var(--surface-subtle)}.video-library[data-view=grid] .video-clips-content{padding:4px 16px 16px}.video-library[data-view=grid] .video-clips-heading{flex-wrap:wrap;gap:4px}@media (max-width:1200px){.video-library[data-mode=activity] .video-entry-main{grid-template-columns:72px minmax(0,1fr) 132px;gap:10px 14px}.video-library[data-mode=activity] .video-entry-image{grid-row:1/3;align-self:start}.video-library[data-mode=activity] .video-entry-copy{grid-area:1/2/3}.video-library[data-mode=activity] .video-entry-state{grid-area:1/3}.video-library[data-mode=activity] .video-entry-actions{grid-area:2/3;justify-content:flex-start}.video-library[data-mode=activity] .video-entry-open{padding-inline:0}.video-library[data-mode=activity] .video-library-columns{display:none}}@media (max-width:650px){.video-library-columns{display:none}.video-entry-main,.video-library[data-mode=activity] .video-entry-main{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:8px 12px;padding:12px 8px}.video-entry-image,.video-library[data-mode=activity] .video-entry-image{grid-area:1/1}.video-entry-copy,.video-library[data-mode=activity] .video-entry-copy{grid-area:1/2}.video-entry-title{font-size:14px}.video-entry-meta{gap:2px 9px}.video-entry-actions,.video-library[data-mode=activity] .video-entry-actions{grid-area:auto/2;justify-content:flex-start;margin-top:0}.video-entry-open{background:0 0;padding-inline:0}.video-entry-state,.video-library[data-mode=activity] .video-entry-state{grid-area:2/2;gap:7px}.video-entry-progress{max-width:180px}.video-library[data-view=grid] .video-library-items{grid-template-columns:1fr}.video-library[data-view=grid] .video-entry-open{padding-inline:12px}.video-clips-heading{gap:8px;font-size:12px}}@media (pointer:coarse){.video-clips-toggle,.video-entry-open,.video-clips-heading>a{min-width:44px;min-height:44px}.video-clips-toggle{margin-block:0}}@media (prefers-reduced-motion:reduce){.video-entry *{transition:none!important}.video-entry-open:hover>svg,.library-clip:hover .library-clip-poster{transform:none}}