:root{--vl-ink:#24343b;--vl-muted:#7e8990;--vl-line:#e5e9eb;--vl-teal:#207f83;--vl-slot:#eceff1}*{box-sizing:border-box}body.video-library-page{margin:0;background:#fff!important;color:var(--vl-ink);font:13px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{outline-offset:4px}button{cursor:pointer}[hidden]{display:none!important}.left{position:fixed;inset:0 auto 0 0;width:160px;background:#071a24;color:#fff;overflow:auto;z-index:30}.logo{display:block;padding:22px 12px;font:30px/1 Arial,sans-serif;letter-spacing:-1.5px}.logo span{color:#72d9d5}.logo small{display:block;margin-top:10px;font:6px/1.3 Arial;letter-spacing:.1em;text-transform:uppercase;color:#a3dddc}.left nav{padding:8px}.left nav a{display:block;padding:10px 6px;font-size:11px;color:#dcebed}.video-library{margin-left:160px;padding:28px 34px 38px;max-width:2100px}.video-back{display:inline-block;font-size:11px;color:#6b858a;margin-bottom:23px}.video-back:hover{color:var(--vl-teal)}.video-library-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px}.video-eyebrow{display:block;font-size:8px;font-weight:600;letter-spacing:.19em;color:#8b989d;margin-bottom:7px}.video-library-title h1{font:400 44px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0 0 11px;color:#253b41}.video-title-dot{color:#4aa4a1}.video-library-title p{margin:0;font-size:12px;color:var(--vl-muted)}.video-create{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;border:1px solid #236e73;border-radius:5px;padding:12px 18px;background:#236e73;color:#fff;font-size:11px;transition:background .18s}.video-create>span{font-size:18px;font-weight:300;line-height:1}.video-create:hover{background:#175b60}.video-library-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--vl-line);min-height:56px}.video-filters{display:flex;gap:24px;align-self:stretch}.video-filters button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;display:flex;align-items:center;gap:8px;padding:12px 0;color:#849096;font-size:11px;white-space:nowrap}.video-filters button[aria-pressed=true]{color:#255b61;border-bottom-color:#4ba9a4}.video-filters button span{font-size:9px;color:#8a999e;border-radius:10px;min-width:19px;text-align:center;padding:1px 5px;background:#f0f4f4}.video-filters button[aria-pressed=true] span{background:#e9f4f2;color:#367b7b}.video-search{display:flex;align-items:center;gap:9px;border:1px solid #e2e7e9;border-radius:22px;padding:8px 13px;min-width:230px;background:#fafbfc;margin-bottom:8px}.video-search svg{width:14px;height:14px;stroke:#8c9da3;fill:none;stroke-width:1.4;flex:none}.video-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px;color:var(--vl-ink);padding:0}.video-search:focus-within{border-color:#72aaa9}.video-search input::placeholder{color:#95a1a6}.video-library-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px}.video-library-caption p{margin:0;font-size:10px;color:#859297;line-height:1.7}.video-status-actions{display:flex;align-items:center;gap:10px}.video-status-actions button{padding:4px 10px;border:1px solid #d6e4e5;border-radius:4px;background:#fff;color:#2f7d80;font-size:10px}.video-private-note{display:flex;align-items:center;gap:5px;font-size:9px;color:#99a5a9;white-space:nowrap}.video-private-note svg{width:12px;height:12px;stroke:#97a8ad;fill:none;stroke-width:1.2}.full-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px;align-items:start}.creation-card{min-width:0;background:#fff;overflow:hidden}.creation-media{position:relative;aspect-ratio:3/4;background:#eceff1;border:1px solid #e6eaed;border-radius:5px;overflow:hidden;display:grid;place-items:center}.creation-media video,.creation-media img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#edf0f2}.creation-card .creation-kind{position:absolute;left:9px;top:9px;z-index:2;background:#ffffffde;border:1px solid #e2e8e9;border-radius:3px;padding:3px 6px;font-size:8px;letter-spacing:.02em;color:#657d84;pointer-events:none}.creation-card .creation-open{position:absolute;right:8px;top:8px;z-index:2;display:grid;place-items:center;width:25px;height:25px;background:#fffffff0;border:1px solid #dfe7e9;border-radius:4px;color:#536e77}.creation-open svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;fill:none}.creation-open:hover{background:#fff;color:#137e81}.creation-copy{padding:12px 2px 0}.creation-copy h2{font:400 17px/1.25 Georgia,serif;color:#30454d;letter-spacing:-.2px;margin:0 0 7px;overflow-wrap:anywhere}.creation-copy h2 a:hover{color:var(--vl-teal)}.creation-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#95a0a5;font-size:9px}.creation-meta a{color:#608a8d}.creation-meta a:hover{color:#1d6f75}.creation-slot .creation-media{background:linear-gradient(145deg,#f0f2f4,#e8ecef);border-color:#e7ebee}.slot-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d4dce1;border-radius:50%;color:#b1bec5;background:#f5f7f880}.slot-symbol svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.2;fill:none}.slot-lines{padding:13px 2px 4px}.slot-lines span{display:block;height:5px;width:58%;border-radius:3px;background:#edf0f2}.slot-lines span+span{height:4px;width:35%;margin-top:9px;background:#f3f5f6}.creation-slot-create{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;height:100%;width:100%;padding:20px;color:#83969e;transition:background .18s}.creation-slot-create:hover{background:#e4eaed}.creation-slot-create .slot-symbol{width:44px;height:44px;color:#7c9a9f;border-color:#cbd8dc;background:#f8fafb}.creation-slot-create .slot-symbol svg{width:18px;height:18px}.creation-slot-create strong{font:400 17px/1.25 Georgia,serif;color:#66858c;max-width:150px;margin-top:16px}.creation-slot-create small{font-size:9px;color:#9aabb1;line-height:1.7;margin-top:7px;max-width:135px}.creation-unavailable{font-size:10px;color:#82969e;max-width:135px;text-align:center;line-height:1.7;padding:12px}.video-no-results{grid-column:1/-1;text-align:center;padding:60px 24px;background:#fafcfc;border:1px dashed #dbe4e6;border-radius:6px}.video-no-results h2{font:400 24px Georgia;margin:0 0 8px;color:#405c64}.video-no-results p{color:#93a1a7;font-size:12px;margin:0}.video-no-results button{margin-top:18px;background:white;border:1px solid #cbdedf;border-radius:4px;color:#367c80;padding:8px 13px;font-size:11px}.video-library-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--vl-line);font-size:9px;color:#a5b0b4;letter-spacing:.02em}.video-library-footer>a{color:#759395}.video-library-footer>a span{margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.full-library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1200px){.full-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-library{padding:24px 24px 32px}.video-library-heading{gap:18px}}@media(max-width:950px){.full-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-library-heading{align-items:flex-start}.video-library-title h1{font-size:38px}.video-library-tools{gap:14px}.video-filters{gap:16px}.video-search{min-width:180px}}@media(max-width:768px){.video-library{margin-left:0!important;padding:22px 16px 28px}.full-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.video-library-heading{margin-bottom:23px}.video-library-title h1{font-size:36px}.video-library-title p{font-size:11px;max-width:250px}.video-create{padding:10px 12px;font-size:10px}.video-library-caption{align-items:flex-start;padding:12px 0;min-height:49px}.video-private-note{display:none}.video-search{min-width:0;flex:1}.video-filters{gap:13px}.video-filters button{font-size:10px;gap:4px}.video-library-tools{flex-wrap:wrap;gap:4px 14px}.video-library-tools .video-search{flex-basis:100%;margin:4px 0 12px}.video-library-footer{font-size:8px}.creation-copy h2{font-size:16px}.video-back{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.video-create,.creation-slot-create{transition:none}}

/* The same card proportions, column counts and fine gutters as My Feed. */
.video-library-page .full-library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#fff;align-items:stretch}
.video-library-page .creation-card{aspect-ratio:3/4;border:0;border-radius:3px;overflow:hidden;box-shadow:none;display:flex;flex-direction:column}
.video-library-page .creation-media{flex:1 1 0;min-height:0;height:auto;aspect-ratio:auto;border:0;border-radius:3px}
.video-library-page .creation-copy{flex:0 0 auto;padding:8px;max-height:38%;overflow:auto;background:#fff}
.video-library-page .creation-copy h2{font-size:14px;margin-bottom:5px}
.video-library-page .creation-slot .creation-media{flex:1 1 auto;height:100%}
.video-library-page .slot-lines{display:none}
@media(min-width:769px) and (max-width:1100px){.video-library-page .full-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.video-library-page .full-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}
