/* scoped from docs/saas-launch/design/static/LibraryFootage.html by app/tools/board_css.py — do not edit by hand */
.ex.pg-LibraryFootage{--solid:#0f0f0f;--on-solid:#f2f2ef;--plane:#f2f2ef;--surface:#fff;--surface-2:#f7f7f4;--surface-3:#ecece7;--ink:#0f0f0f;--ink-2:#52525b;--ink-3:#6b6b66;--border:#e3e3dd;--border-strong:#cfcfc8;--act:#f5dd1e;--commit:#2f5bff;--good:#1f8a4c;
 font-family:'Geist',system-ui,sans-serif;color:var(--ink);background:var(--plane)}
.ex.pg-LibraryFootage.dark{--solid:#2c2c31;--on-solid:#f2f2ef;--plane:#121214;--surface:#1c1c1f;--surface-2:#242428;--surface-3:#2c2c31;--ink:#f2f2ef;--ink-2:#c4c4ca;--ink-3:#a3a39d;--border:#2c2c31;--border-strong:#3a3a40;--commit:#7d97ff;--good:#4cc283}
.pg-LibraryFootage .disp{font-family:'Plus Jakarta Sans','Geist',sans-serif}
.pg-LibraryFootage .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.pg-LibraryFootage .mono{font-family:'Geist Mono',ui-monospace,monospace}
.pg-LibraryFootage .glassbar{background:rgba(255,255,255,0.62);border:1px solid rgba(255,255,255,0.8);backdrop-filter:blur(16px) saturate(1.4)}
.pg-LibraryFootage:where(.dark) .glassbar{background:rgba(28,28,31,0.62);border:1px solid var(--border-strong)}
.ex.pg-LibraryFootage.dark .glassbar{background:rgba(28,28,31,0.7);border-color:var(--border-strong)}
.pg-LibraryFootage .ibtn{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer;transition:transform .12s ease-out,background .12s}
.pg-LibraryFootage .ibtn:hover{transform:translateY(-1px);background:var(--surface-2)}
.pg-LibraryFootage .chip{font:500 13px 'Geist',sans-serif;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:transform .12s ease-out,border-color .12s}
.pg-LibraryFootage .chip:hover{transform:translateY(-1px);border-color:var(--border-strong)}
.pg-LibraryFootage .btn-dark{display:inline-flex;align-items:center;gap:8px;padding:9px 10px 9px 16px;border-radius:999px;border:0;background:var(--solid);color:var(--on-solid);font:600 13px 'Geist',sans-serif;cursor:pointer;text-decoration:none;transition:transform .12s ease-out,box-shadow .2s}
.pg-LibraryFootage .btn-dark .arr{width:24px;height:24px;border-radius:50%;background:var(--act);color:#0f0f0f;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pg-LibraryFootage .btn-dark:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(15,15,15,.6)}
.pg-LibraryFootage .btn-dark:hover .arr{transform:translateX(3px) rotate(-45deg)}
.pg-LibraryFootage .word{background:linear-gradient(100deg,#0f0f0f 0%,#c98a00 35%,#ff8a3d 50%,#c98a00 65%,#0f0f0f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine--LibraryFootage 5s ease-in-out infinite}
.ex.pg-LibraryFootage.dark .word{background-image:linear-gradient(100deg,#f2f2ef 0%,#f5dd1e 35%,#ff9a3d 50%,#f5dd1e 65%,#f2f2ef 100%)}
@keyframes shine--LibraryFootage{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.pg-LibraryFootage .squig path{stroke-dasharray:220;stroke-dashoffset:220;animation:draw--LibraryFootage 1.2s .4s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes draw--LibraryFootage{to{stroke-dashoffset:0}}
.pg-LibraryFootage .pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block}
.pg-LibraryFootage .pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--good);opacity:0;animation:ping--LibraryFootage 1.8s ease-out infinite}
@keyframes ping--LibraryFootage{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.pg-LibraryFootage .rail{height:4px;border-radius:99px;background:var(--surface-3);position:relative;overflow:hidden}
.pg-LibraryFootage .rail i{position:absolute;inset:0 22% 0 0;border-radius:99px;background:linear-gradient(90deg,#f5dd1e,#ff9a3d,#2f5bff,#f5dd1e);background-size:300% 100%;animation:flow--LibraryFootage 4s linear infinite}
@keyframes flow--LibraryFootage{to{background-position:-300% 0}}
.pg-LibraryFootage .node{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 11px 'Geist Mono',monospace;border:2px solid var(--plane);flex:none}
.pg-LibraryFootage .col{display:flex;flex-direction:column;gap:10px;min-width:0}
.pg-LibraryFootage .cr{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 0 rgba(15,15,15,.03);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,border-color .16s;animation:rise--LibraryFootage .4s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
.pg-LibraryFootage .cr:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,15,15,.45);border-color:var(--border-strong)}
@keyframes rise--LibraryFootage{from{transform:translateY(8px);opacity:.001}}
.pg-LibraryFootage .th{position:relative;width:44px;height:72px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pg-LibraryFootage .th svg{opacity:0;transition:opacity .15s}
.pg-LibraryFootage .cr:hover .th svg{opacity:1}
.pg-LibraryFootage .tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;width:max-content}
.pg-LibraryFootage .bar{height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:6px}
.pg-LibraryFootage .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--commit),#7d97ff,var(--commit));background-size:200% 100%;animation:flow--LibraryFootage 1.6s linear infinite}
.pg-LibraryFootage .cost{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(15,15,15,.1);font:600 12px 'Geist',sans-serif}
.pg-LibraryFootage .now{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);line-height:1.35}
.pg-LibraryFootage .now svg{flex:none}
.pg-LibraryFootage .meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3)}
.pg-LibraryFootage .av{width:16px;height:16px;border-radius:50%;flex:none}
.pg-LibraryFootage .steps{display:flex;gap:3px}
.pg-LibraryFootage .steps i{width:14px;height:4px;border-radius:2px;background:var(--surface-3)}
.pg-LibraryFootage .steps i.d{background:#ff9a3d}
.pg-LibraryFootage .steps i.c{background:linear-gradient(90deg,#ff9a3d,#f5dd1e);background-size:200% 100%;animation:flow--LibraryFootage 1.4s linear infinite}
.pg-LibraryFootage .dock a{font:500 14px 'Geist',sans-serif;color:var(--ink-2);text-decoration:none;padding:10px 16px;border-radius:999px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pg-LibraryFootage .dock a:hover{transform:scale(1.08)}
.pg-LibraryFootage .dock a.on{background:var(--solid);color:var(--on-solid)}
.pg-LibraryFootage .dock a.new{background:var(--act);color:#0f0f0f;font-weight:700}
.pg-LibraryFootage .seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border)}
.pg-LibraryFootage .seg button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:7px 13px;font:500 13px 'Geist',sans-serif;background:transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.pg-LibraryFootage .seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(15,15,15,.08),0 4px 12px -6px rgba(15,15,15,.25)}
.pg-LibraryFootage .seg .n{font:600 11px 'Geist',sans-serif;padding:1px 6px;border-radius:99px;background:var(--surface-2);color:var(--ink-3)}
.pg-LibraryFootage .seg button.on .n{background:var(--act);color:#0f0f0f}
.pg-LibraryFootage .stats{display:flex;align-items:stretch;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.pg-LibraryFootage .stats>span{display:flex;flex-direction:column;gap:1px;padding:4px 14px;border-left:1px solid var(--border)}
.pg-LibraryFootage .stats>span:first-child{border-left:0}
.pg-LibraryFootage .stats small{font:500 11px 'Geist',sans-serif;color:var(--ink-3)}
.pg-LibraryFootage .stats b{font:700 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.pg-LibraryFootage .kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface);font:600 11px 'Geist',sans-serif;color:var(--ink-2)}
.pg-LibraryFootage .q{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:9px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:background .15s}
.pg-LibraryFootage .q:hover{background:var(--surface)}
.pg-LibraryFootage .q.on{background:var(--surface);border-color:var(--ink);box-shadow:0 0 0 3px rgba(245,221,30,.5)}
.pg-LibraryFootage .q .qt{width:44px;height:64px;border-radius:9px;background:linear-gradient(170deg,#8a8a96,#34343c);display:flex;align-items:center;justify-content:center}
.pg-LibraryFootage .q .qt.doc{background:var(--surface-2);border:1.5px dashed var(--border-strong);box-sizing:border-box}
.pg-LibraryFootage .q b{font-size:13px}
.pg-LibraryFootage .q .m{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3);margin-top:3px;flex-wrap:wrap}
.pg-LibraryFootage .late{color:#c2410c;font-weight:600}
.pg-LibraryFootage .grp{font:600 10.5px 'Geist',sans-serif;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:8px 9px 2px}
.pg-LibraryFootage .player{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#3e3e48,#121214);padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}
.pg-LibraryFootage .vtabs{display:flex;gap:6px;align-self:stretch}
.pg-LibraryFootage .vtabs span{padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.08);font:600 12px 'Geist',sans-serif;color:rgba(255,255,255,.7)}
.pg-LibraryFootage .vtabs span.on{background:#fff;color:#0f0f0f}
.pg-LibraryFootage:where(.dark) .vtabs span.on{background:var(--surface);color:var(--ink)}
.pg-LibraryFootage .frame916{position:relative;width:300px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#8a8a96,#2a2a31);box-shadow:0 30px 60px -24px rgba(0,0,0,.8)}
.pg-LibraryFootage .scrub{position:relative;align-self:stretch;height:6px;border-radius:99px;background:rgba(255,255,255,.18)}
.pg-LibraryFootage .scrub i{position:absolute;left:0;top:0;bottom:0;width:24%;border-radius:99px;background:#fff}
.pg-LibraryFootage:where(.dark) .scrub i{background:var(--surface)}
.pg-LibraryFootage .scrub .mk{position:absolute;top:-7px;width:20px;height:20px;border-radius:50%;background:#ff8a3d;color:#fff;font:700 10px 'Geist',sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #121214;transform:translateX(-50%)}
.pg-LibraryFootage .btn-dark{display:inline-flex;align-items:center;gap:8px;padding:10px 10px 10px 18px;border-radius:999px;border:0;background:var(--solid);color:var(--on-solid);font:600 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-LibraryFootage .btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:600 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.pg-LibraryFootage .go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:var(--act);color:#0f0f0f;font:700 14px 'Geist',sans-serif;cursor:pointer;box-shadow:0 10px 26px -10px rgba(245,180,30,.9);white-space:nowrap}
.pg-LibraryFootage .pnl{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.pg-LibraryFootage .qa{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.pg-LibraryFootage .qa .ok{width:20px;height:20px;border-radius:50%;background:var(--good);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.pg-LibraryFootage .qa .v{font:600 11.5px 'Geist',sans-serif;color:var(--ink-3);font-variant-numeric:tabular-nums}
.pg-LibraryFootage .rmk{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:12.5px}
.pg-LibraryFootage .rmk .t{font:600 11px 'Geist',sans-serif;color:#c2410c}
.pg-LibraryFootage .strip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.pg-LibraryFootage .strip .ths{display:flex;gap:6px}
.pg-LibraryFootage .strip .ths i{width:34px;height:56px;border-radius:7px;position:relative}
.pg-LibraryFootage .strip .ths i::after{content:"";position:absolute;right:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--good);border:2px solid var(--surface)}
@media (prefers-reduced-motion:reduce){.pg-LibraryFootage .word,.pg-LibraryFootage .squig path,.pg-LibraryFootage .pulse::after,.pg-LibraryFootage .rail i,.pg-LibraryFootage .bar i,.pg-LibraryFootage .cr{animation:none!important}
.pg-LibraryFootage .squig path{stroke-dashoffset:0}}
.pg-LibraryFootage .dk2{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:6px;border-radius:26px;background:rgba(18,18,20,.82);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -18px rgba(15,15,15,.6),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);z-index:8;animation:dkin--LibraryFootage .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes dkin--LibraryFootage{from{transform:translateX(-50%) translateY(24px);opacity:0}}
.pg-LibraryFootage .dk2 a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;box-sizing:border-box;padding:8px 10px 7px;border-radius:20px;text-decoration:none;color:rgba(242,242,239,.6);font:500 11.5px 'Geist',sans-serif;transition:color .2s,background .25s cubic-bezier(.2,.8,.2,1)}
.pg-LibraryFootage .dk2 a svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-LibraryFootage .dk2 a:hover{color:#fff;background:rgba(255,255,255,.07)}
.pg-LibraryFootage .dk2 a:hover svg{transform:translateY(-3px) scale(1.15)}
.pg-LibraryFootage .dk2 a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pg-LibraryFootage .dk2 a.on::after{content:"";position:absolute;bottom:-3px;left:50%;width:18px;height:3px;border-radius:3px;transform:translateX(-50%);background:#f5dd1e;box-shadow:0 0 10px 2px rgba(245,221,30,.7)}
.pg-LibraryFootage .dk2 .bd{position:absolute;top:3px;right:16px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#ff8a3d;color:#fff;font:700 10px 'Geist',sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #18181a;animation:bdp--LibraryFootage 2.4s ease-in-out infinite}
@keyframes bdp--LibraryFootage{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pg-LibraryFootage .dk2 .sep{width:1px;height:30px;background:rgba(255,255,255,.12);margin:0 4px}
.pg-LibraryFootage .dk2 .newb{position:relative;margin:-22px 6px 0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;background:none;color:#f5dd1e;font-weight:600}
.pg-LibraryFootage .dk2 .newb:hover{background:none}
.pg-LibraryFootage .dk2 .newb .c{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c2,#f5dd1e 55%,#f0b400);color:#0f0f0f;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -8px rgba(245,180,30,.9),0 0 0 5px rgba(18,18,20,.9);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pg-LibraryFootage .dk2 .newb .c::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,rgba(245,221,30,.9) 75%,rgba(255,154,61,.9) 85%,transparent 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:spin--LibraryFootage 3.2s linear infinite}
@keyframes spin--LibraryFootage{to{transform:rotate(360deg)}}
.pg-LibraryFootage .dk2 .newb:hover .c{transform:translateY(-3px) scale(1.06)}
.pg-LibraryFootage .dk2 .newb svg{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.pg-LibraryFootage .dk2 .newb:hover svg{transform:rotate(90deg)}
.pg-LibraryFootage .dk2 .newb.on .c{box-shadow:0 12px 30px -6px rgba(245,180,30,1),0 0 0 5px rgba(18,18,20,.9),0 0 0 7px #f5dd1e}
@media (prefers-reduced-motion:reduce){.pg-LibraryFootage .dk2,.pg-LibraryFootage .dk2 .bd,.pg-LibraryFootage .dk2 .newb .c::before{animation:none!important}
.pg-LibraryFootage .dk2 a svg,.pg-LibraryFootage .dk2 .newb svg,.pg-LibraryFootage .dk2 .newb .c{transition:none}}
.pg-LibraryFootage .ltabs{display:flex;gap:4px;padding:5px;border-radius:18px;background:var(--surface);border:1px solid var(--border);width:max-content;max-width:100%;flex-wrap:wrap}
.pg-LibraryFootage .ltabs button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:13px;padding:9px 14px;background:transparent;font:500 13.5px 'Geist',sans-serif;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .2s}
.pg-LibraryFootage .ltabs button:hover{background:var(--surface-2)}
.pg-LibraryFootage .ltabs button.on{background:var(--solid);color:var(--on-solid);font-weight:600}
.pg-LibraryFootage .ltabs .ti{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#0f0f0f}
.pg-LibraryFootage .ltabs .c{font:600 11px 'Geist',sans-serif;color:var(--ink-3);font-variant-numeric:tabular-nums}
.pg-LibraryFootage .ltabs button.on .c{color:#f5dd1e}
.pg-LibraryFootage .fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-LibraryFootage .fsel{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:500 13px 'Geist',sans-serif;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.pg-LibraryFootage .fsel b{color:var(--ink);font-weight:600}
.pg-LibraryFootage .fsel.on{border-color:var(--ink);background:var(--surface-2)}
.pg-LibraryFootage .lsearch{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);min-width:260px;color:var(--ink-3);font-size:13px}
.pg-LibraryFootage .vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.pg-LibraryFootage .vc{display:flex;flex-direction:column;gap:8px;cursor:pointer;animation:rise--LibraryFootage .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise--LibraryFootage{from{transform:translateY(8px);opacity:.001}}
.pg-LibraryFootage .vc .th{position:relative;width:100%;height:auto;aspect-ratio:9/14;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.pg-LibraryFootage .vc:hover .th{transform:translateY(-3px);box-shadow:0 20px 34px -20px rgba(15,15,15,.6)}
.pg-LibraryFootage .vc.on .th{box-shadow:0 0 0 3px var(--ink),0 0 0 6px rgba(245,221,30,.6)}
.pg-LibraryFootage .vc .th .pl{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.34,1.56,.64,1)}
.pg-LibraryFootage:where(.dark) .vc .th .pl{background:rgba(28,28,31,0.88)}
.pg-LibraryFootage .vc:hover .th .pl{opacity:1;transform:none}
.pg-LibraryFootage .vc .th .dur{position:absolute;right:10px;bottom:10px;padding:2px 7px;border-radius:7px;background:rgba(15,15,15,.6);color:#fff;font:600 10.5px 'Geist',sans-serif;font-variant-numeric:tabular-nums}
.pg-LibraryFootage .vc .th .st{position:absolute;left:10px;top:10px}
.pg-LibraryFootage .vc .th svg{opacity:1}
.pg-LibraryFootage .vc .th .sel{position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:7px;border:2px solid rgba(255,255,255,.9);background:rgba(15,15,15,.25)}
.pg-LibraryFootage:where(.dark) .vc .th .sel{border:2px solid var(--border-strong)}
.pg-LibraryFootage .vc.on .th .sel{background:#f5dd1e;border-color:#f5dd1e;display:flex;align-items:center;justify-content:center}
.pg-LibraryFootage .vc .th .cap{position:absolute;left:12px;right:12px;bottom:22%;text-align:center;color:#fff;font:600 17px 'IBM Plex Sans Arabic',sans-serif;text-shadow:0 2px 6px rgba(0,0,0,.5);direction:rtl}
.pg-LibraryFootage .vc .nm{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600}
.pg-LibraryFootage .vc .sub{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}
.pg-LibraryFootage .vc .cpa2{margin-left:auto;font:700 15px 'Plus Jakarta Sans',sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.pg-LibraryFootage .av-d{width:16px;height:16px;border-radius:50%;flex:none}
.pg-LibraryFootage .win{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--solid);color:#f5dd1e}
.pg-LibraryFootage .run{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.9);color:#1e3a8a}
.pg-LibraryFootage:where(.dark) .run{background:rgba(28,28,31,0.9);color:#a9bcff}
.pg-LibraryFootage .new{display:inline-flex;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:#fff4b8;color:#5e5400}
.pg-LibraryFootage:where(.dark) .new{background:#3d3712;color:#f3e08a}
.pg-LibraryFootage .stp{display:inline-flex;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.75);color:#52525b}
.pg-LibraryFootage:where(.dark) .stp{background:rgba(28,28,31,0.75)}
.pg-LibraryFootage .drawer{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 50px -30px rgba(15,15,15,.45)}
.pg-LibraryFootage .dv2{position:relative;align-self:center;width:200px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:linear-gradient(170deg,#9a8f86,#3a332e)}
.pg-LibraryFootage .mset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pg-LibraryFootage .mset span{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:12px;background:var(--surface-2);font-size:11px;color:var(--ink-3)}
.pg-LibraryFootage .mset b{font:700 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.pg-LibraryFootage .act{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font:500 13px 'Geist',sans-serif;color:var(--ink);cursor:pointer;transition:border-color .15s}
.pg-LibraryFootage .act:hover{border-color:var(--ink)}
.pg-LibraryFootage .act .ai{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#0f0f0f;flex:none}
.pg-LibraryFootage .act .ar2{margin-left:auto;color:var(--ink-3)}
.pg-LibraryFootage .selbar{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 20px 40px -20px rgba(15,15,15,.5);z-index:7;font-size:13px;white-space:nowrap}
.pg-LibraryFootage .fl{display:flex;gap:8px;flex-wrap:wrap}
.pg-LibraryFootage .fchip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font:500 13px 'Geist',sans-serif}
.pg-LibraryFootage .fchip i{font-style:normal;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px}
.pg-LibraryFootage .subt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pg-LibraryFootage .rawl{display:flex;flex-direction:column;gap:8px}
.pg-LibraryFootage .raw{display:grid;grid-template-columns:62px minmax(0,1.3fr) minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s}
.pg-LibraryFootage .raw:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(15,15,15,.5)}
.pg-LibraryFootage .raw .vt{position:relative;width:62px;height:96px;border-radius:11px;overflow:hidden}
.pg-LibraryFootage .raw .vt .d{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:5px;background:rgba(15,15,15,.6);color:#fff;font:600 10px 'Geist',sans-serif}
.pg-LibraryFootage .raw b.n{font-size:14px}
.pg-LibraryFootage .raw .m{font-size:12px;color:var(--ink-3);margin-top:3px}
.pg-LibraryFootage .hks{display:flex;gap:5px;flex-wrap:wrap}
.pg-LibraryFootage .hks span{font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2)}
.pg-LibraryFootage .hks span.h{background:#fff4b8;border-color:#f0dd8a;color:#5e5400}
.pg-LibraryFootage:where(.dark) .hks span.h{background:#3d3712;color:#f3e08a}
.pg-LibraryFootage .raw .tr{font:400 12.5px/1.6 'IBM Plex Sans Arabic',sans-serif;color:var(--ink-2);direction:rtl;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
.pg-LibraryFootage .used{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);white-space:nowrap}
.pg-LibraryFootage .used i{width:18px;height:28px;border-radius:4px;border:2px solid var(--surface);margin-left:-7px;box-shadow:0 2px 6px -2px rgba(15,15,15,.35)}
.pg-LibraryFootage .used i:first-child{margin-left:0}
.pg-LibraryFootage .tagf{display:flex;gap:6px;flex-wrap:wrap}
.pg-LibraryFootage .tagf span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:500 12.5px 'Geist',sans-serif;color:var(--ink-2);cursor:pointer}
.pg-LibraryFootage .tagf span b{font:600 11px 'Geist',sans-serif;color:var(--ink-3)}
.pg-LibraryFootage .tagf span.on{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}
.pg-LibraryFootage .tagf span.on b{color:#f5dd1e}
.pg-LibraryFootage .bgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pg-LibraryFootage .bc{display:flex;flex-direction:column;gap:5px;cursor:pointer}
.pg-LibraryFootage .bc .t{position:relative;aspect-ratio:9/13;border-radius:13px;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.pg-LibraryFootage .bc:hover .t{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 28px -16px rgba(15,15,15,.55)}
.pg-LibraryFootage .bc.on .t{box-shadow:0 0 0 3px var(--ink),0 0 0 6px rgba(245,221,30,.6)}
.pg-LibraryFootage .bc .t .u{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:99px;font:600 10px 'Geist',sans-serif}
.pg-LibraryFootage .bc .t .u.fresh{background:rgba(255,255,255,.9);color:#14532d}
.pg-LibraryFootage:where(.dark) .bc .t .u.fresh{background:rgba(28,28,31,0.9);color:#8be0ad}
.pg-LibraryFootage .bc .t .u.hot{background:#ff8a3d;color:#fff}
.pg-LibraryFootage .bc .t .d{position:absolute;right:6px;bottom:6px;padding:1px 5px;border-radius:5px;background:rgba(15,15,15,.6);color:#fff;font:600 10px 'Geist',sans-serif}
.pg-LibraryFootage .bc .t .ph{position:absolute;right:6px;top:6px;width:18px;height:18px;border-radius:5px;background:rgba(15,15,15,.55);display:flex;align-items:center;justify-content:center}
.pg-LibraryFootage .bc .lb{font-size:11.5px;color:var(--ink-2);line-height:1.3}
.pg-LibraryFootage .updrop{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1.5px dashed var(--border-strong);background:var(--surface)}
.pg-LibraryFootage .aidesc{padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.pg-LibraryFootage .etags{display:flex;gap:5px;flex-wrap:wrap}
.pg-LibraryFootage .etags span{font-size:11.5px;padding:3px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border)}
.pg-LibraryFootage .more{display:flex;align-items:center;justify-content:center;gap:6px;font:600 12.5px Geist,sans-serif;color:var(--ink-2);padding:8px;border-radius:12px;border:1px dashed var(--border-strong);cursor:pointer}
.pg-LibraryFootage .brbtns{display:flex;gap:8px;margin-left:auto}
.pg-LibraryFootage .upb{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font:600 13px 'Geist',sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.pg-LibraryFootage .genb{display:inline-flex;align-items:center;gap:7px;padding:8px 8px 8px 14px;border-radius:999px;border:0;background:var(--act);color:#0f0f0f;font:700 13px 'Geist',sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(245,180,30,.9)}
.pg-LibraryFootage .genb .cost{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:rgba(15,15,15,.1);font:600 11.5px 'Geist',sans-serif}
.pg-LibraryFootage .genp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:18px;border:1px solid rgba(245,180,30,.55);background:linear-gradient(120deg,rgba(245,221,30,.14),rgba(255,154,61,.08) 60%,var(--surface))}
.pg-LibraryFootage .genp .opts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pg-LibraryFootage .gsel{display:inline-flex;flex-direction:column;gap:1px;padding:6px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.pg-LibraryFootage .gsel small{font:500 10.5px 'Geist',sans-serif;color:var(--ink-3)}
.pg-LibraryFootage .gsel b{font:600 12.5px 'Geist',sans-serif;display:inline-flex;align-items:center;gap:5px}
.pg-LibraryFootage .gtiles{display:flex;gap:6px}
.pg-LibraryFootage .gtiles i{width:44px;height:64px;border-radius:9px;background:linear-gradient(110deg,var(--surface-3) 30%,var(--surface) 50%,var(--surface-3) 70%);background-size:220% 100%;animation:shim--LibraryFootage 1.4s linear infinite}
@keyframes shim--LibraryFootage{to{background-position:-220% 0}}
.pg-LibraryFootage .bc .t .ai{position:absolute;left:6px;bottom:6px;padding:1px 6px;border-radius:5px;background:#f5dd1e;color:#0f0f0f;font:700 9.5px 'Geist',sans-serif}
.pg-LibraryFootage .ltabs .lsep{width:1px;align-self:stretch;margin:6px 4px;background:var(--border)}
.pg-LibraryFootage .ltabs a.lint{display:inline-flex;align-items:center;gap:8px;border-radius:13px;padding:9px 14px;font:500 13.5px 'Geist',sans-serif;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background .2s}
.pg-LibraryFootage .ltabs a.lint:hover{background:var(--surface-2)}
.pg-LibraryFootage .ltabs a.lint.on{background:var(--solid);color:var(--on-solid);font-weight:600}
.pg-LibraryFootage .ltabs a.lint.on .c{color:#f5dd1e}
.pg-LibraryFootage .p-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--surface-2,#f7f7f4);border:1px solid var(--border,#e3e3dd);vertical-align:middle}
.pg-LibraryFootage .p-sw a{text-decoration:none}
.pg-LibraryFootage .p-sw .b{display:inline-flex;align-items:center;gap:7px;padding:3px 8px 3px 3px;border-radius:9px;font:600 13px 'Geist',sans-serif;color:var(--ink,#0f0f0f);white-space:nowrap;cursor:pointer}
.pg-LibraryFootage .p-sw .b.pr{background:var(--surface,#fff);box-shadow:0 1px 2px rgba(15,15,15,.08)}
.pg-LibraryFootage .p-sw .sl{color:var(--ink-3,#6b6b66);font-weight:400}
.pg-LibraryFootage .p-sw .lg{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#7fd3ff,#2f5bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font:800 11px 'Plus Jakarta Sans',sans-serif}
.pg-LibraryFootage .p-sw .pm{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff4d6;overflow:hidden}
.pg-LibraryFootage:where(.dark) .p-sw .pm{background:#3a3220;color:var(--ink)}
.pg-LibraryFootage .p-sw .pm.bw{background:var(--surface-3,#ecece7);color:var(--ink-2,#52525b);font-size:12px}
.pg-LibraryFootage .p-sw.dk{background:rgba(255,244,230,.1);border-color:rgba(255,244,230,.22)}
.pg-LibraryFootage .p-sw.dk .b{color:#f4efe8}
.pg-LibraryFootage .p-sw.dk .b.pr{background:rgba(255,244,230,.16);box-shadow:none}
.pg-LibraryFootage .p-sw.dk .sl{color:rgba(244,239,232,.5)}