:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:lab(11.5983% .435665 -13.3153);--muted:lab(44.2191% -1.03301 -9.55714);--line:lab(88.3503% -.749856 -5.58736);--paper:lab(96.9553% -.470042 -3.36354);--white:lab(100% 0 0);--accent:lab(42.7326% 27.1588 -70.8475);--accent-soft:lab(92.8718% .645489 -10.1386);--navy:lab(9.93971% 6.74601 -23.1393);--danger:lab(37.9535% 53.8391 33.7998);--success:lab(32.7445% -30.1024 11.8145);--gutter:clamp(1.1rem, 4vw, 4.5rem);color:var(--ink);background:var(--paper);font-synthesis:none;overflow-wrap:break-word;scrollbar-gutter:stable;font-family:Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box;min-inline-size:0}body,h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:active,a:active{filter:brightness(.94)}a{color:inherit;text-decoration:none}svg{stroke-width:1.75px;flex:none;block-size:1.2em;inline-size:1.2em;display:block}img,video{block-size:auto;max-inline-size:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app{max-inline-size:100rem;margin-inline:auto}.site-header{min-block-size:6rem;padding-inline:var(--gutter);border-block-end:1px solid var(--line);background:var(--white);align-items:center;gap:2rem;display:flex}.brand{letter-spacing:-.07em;align-items:center;gap:.65rem;font-size:1.8rem;font-weight:750;display:inline-flex}.brand-dot{color:var(--accent)}.brand-mark{block-size:2.3rem;inline-size:2.3rem;color:var(--white);background:var(--accent);border-radius:.65rem;place-items:center;display:grid}.brand-mark svg{block-size:1.3rem;inline-size:1.3rem}.header-label{color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:2rem;font-size:.86rem}.header-actions{align-items:center;gap:1.8rem;margin-inline-start:auto;display:flex}.public-label{color:var(--muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.public-label>span,.connection>span{background:lab(53.7676% -33.2727 12.3522);border-radius:50%;block-size:.4rem;inline-size:.4rem}.button{background:var(--white);min-block-size:2.8rem;color:var(--ink);white-space:nowrap;border-radius:.65rem;justify-content:center;align-items:center;gap:.55em;padding:.85rem 1.15rem;font-size:.86rem;font-weight:570;display:inline-flex}.primary{background:var(--accent);color:var(--white)}.subtle{background:var(--paper);border:1px solid var(--line)}.wide{inline-size:100%}.icon-button{block-size:2.65rem;inline-size:2.65rem;color:var(--muted);background:0 0;border-radius:.55rem;place-items:center;display:grid}.icon-button svg{block-size:1.15rem;inline-size:1.15rem}.text-button{min-block-size:2.5rem;color:var(--accent);background:0 0;justify-content:center;align-items:center;gap:.5em;padding:.45rem 0;font-size:.83rem;font-weight:550;display:inline-flex}.main{padding:clamp(1.7rem, 3.6vw, 3.2rem) var(--gutter) 4rem}.page-heading{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:2rem;display:flex}h1{letter-spacing:-.055em;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:650;line-height:1.18}.page-heading p{color:var(--muted);margin-block-start:.75rem;font-size:.9rem;line-height:1.6}.collection-count{color:var(--muted);white-space:nowrap;padding-block-end:.2rem;font-size:.77rem}.studio{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.8rem;display:grid}.studio.with-panel{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem)}.player{aspect-ratio:16/8;background:var(--navy);color:var(--white);border-radius:1rem;position:relative;overflow:clip}.player iframe{border:0;block-size:100%;inline-size:100%;display:block}.studio.with-panel .player{aspect-ratio:16/10;min-block-size:19rem}.player-placeholder{text-align:center;background:radial-gradient(at 50% 15%,lab(22.598% 7.45836 -28.5943),#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.75rem;display:flex;position:absolute;inset:0}.player-placeholder h2{letter-spacing:-.025em;font-size:clamp(1.15rem,1.8vw,1.65rem);font-weight:550}.player-placeholder p{color:lab(74.3207% .377238 -10.1235);max-inline-size:24rem;font-size:.82rem;line-height:1.7}.player-button{color:var(--white);background:lab(100% 0 0/.12);border:1px solid lab(100% 0 0/.18);border-color:oklch(100% 0 none/.18) oklch(100% 0 none/.18) oklch(100% 0 none/.18) oklch(100% 0 none/.18);margin-block-start:.3rem}.player-corner{color:lab(68.4351% 1.43683 -13.0215);pointer-events:none;font-size:.65rem;position:absolute;inset-block-end:1.2rem;inset-inline-start:1.4rem}.player:has(iframe) .player-corner{display:none}.film-stack{block-size:4rem;inline-size:5.2rem;margin-block-end:1.3rem;position:relative}.film-stack>span{background:lab(31.8141% 7.78124 -32.2547);border:1px solid lab(60.8488% 6.58903 -36.2321);border-radius:.7rem;position:absolute;inset:0;transform:rotate(-13deg)translate(-.5rem,-.3rem)}.film-stack>span:nth-child(2){background:lab(24.7832% 8.82015 -32.1154);transform:rotate(10deg)translate(.5rem,-.15rem)}.film-stack>span:nth-child(3){background:lab(37.2032% 11.9681 -42.7968);place-items:center;display:grid;transform:none}.film-stack svg{color:lab(90.4887% 1.13463 -13.0839);block-size:2rem;inline-size:2rem}.watch-info{justify-content:space-between;align-items:start;gap:1.25rem;padding-block:1.4rem;display:flex}.watch-info h2{letter-spacing:-.02em;white-space:pre-wrap;font-size:1.1rem;font-weight:600;line-height:1.5}.watch-info p{color:var(--muted);white-space:pre-wrap;max-inline-size:70ch;margin-block-start:.35rem;font-size:.8rem;line-height:1.7}.upload-panel{background:var(--white);border:1px solid var(--line);border-radius:1rem;padding:1.3rem;scroll-margin-block:1rem}.panel-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:1.2rem;display:flex}.panel-heading h2{letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.fields{flex-direction:column;gap:1.2rem;display:flex}.fields>label{flex-direction:column;gap:.5rem;font-size:.8rem;font-weight:550;display:flex}.fields input:not([type=file]),.fields textarea{border:1px solid var(--line);inline-size:100%;color:var(--ink);background:var(--white);border-radius:.5rem;padding:.75rem .8rem;font-size:.85rem;line-height:1.5}.fields textarea{resize:vertical;min-block-size:5.5rem;max-block-size:12rem}.fields input:user-invalid{border-color:var(--danger)}input::placeholder,textarea::placeholder{color:lab(59.3249% -.949621 -7.77138);font-weight:400}.optional{color:var(--muted);font-size:.7rem;font-weight:400}.drop-zone{text-align:center;background:var(--paper);cursor:pointer;border:1.5px dashed lab(73.0452% .689566 -16.726);border-radius:.7rem;justify-content:center;align-items:center;padding:1.7rem .8rem;position:relative}.drop-zone input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.drop-zone:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.drop-zone>svg{block-size:1.5rem;inline-size:1.5rem;color:var(--accent);margin-block-end:.4rem}.drop-zone strong{overflow-wrap:anywhere;max-inline-size:100%;font-size:.85rem;font-weight:550}.drop-zone span{color:var(--muted);font-size:.74rem;font-weight:400}.drop-zone small{color:var(--muted);margin-block-start:.5rem;font-size:.65rem;font-weight:400}.drop-zone.is-dragging,.drop-zone.has-file{background:var(--accent-soft);border-color:var(--accent)}.upload-hint{color:var(--muted);text-align:center;margin-block-start:-.5rem;font-size:.7rem;line-height:1.6}.setup-note{color:lab(30.278% 10.9051 29.3673);overflow-wrap:anywhere;background:lab(96.6513% 1.3572 14.3291);border:1px solid lab(85.1415% 4.50128 34.4071);border-radius:.55rem;padding:.85rem;font-size:.75rem;line-height:1.65}.muted{color:var(--muted);font-size:.85rem;line-height:1.7}.lock-symbol{background:var(--accent-soft);block-size:3rem;inline-size:3rem;color:var(--accent);border-radius:.8rem;place-items:center;display:grid}.owner-actions{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.3rem;margin-block-start:1.2rem;padding-block-start:.8rem;display:flex}.owner-actions .text-button{font-size:.7rem}.owner-actions button{color:var(--muted)}.progress-block{flex-direction:column;gap:.5rem;display:flex}.progress-block>div{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.73rem;display:flex}.progress-block strong{color:var(--accent)}progress{block-size:.4rem;inline-size:100%;accent-color:var(--accent);border:0;border-radius:1rem;overflow:clip}progress::-webkit-progress-bar{background:var(--accent-soft)}progress::-webkit-progress-value{background:var(--accent)}.message{border:1px solid;border-radius:.6rem;align-items:center;gap:.75rem;margin-block:1rem;padding:.6rem 1rem;font-size:.82rem;line-height:1.6;display:flex}.message>span{flex:1}.message.error{color:var(--danger);background:lab(96.3821% 4.58768 2.46804);border-color:lab(84.2633% 21.5997 11.7672)}.message.success{color:var(--success);background:lab(96.8319% -7.37625 2.93154);border-color:lab(84.3005% -12.8815 5.11299)}.collection{border-block-start:1px solid var(--line);margin-block-start:.7rem;padding-block-start:2rem}.collection-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.collection-heading h2{letter-spacing:-.025em;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:600;display:flex}.collection-heading h2>span{letter-spacing:0;block-size:1.5rem;min-inline-size:1.5rem;color:var(--muted);background:lab(89.4869% -.567049 -6.74539);border-radius:.4rem;place-items:center;font-size:.75rem;font-weight:500;display:grid}.collection-heading p{color:var(--muted);margin-block-start:.45rem;font-size:.77rem}.collection-tools{align-items:center;gap:.5rem;display:flex}.search{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:.6rem;align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex}.search svg{block-size:1rem;inline-size:1rem}.search input{inline-size:clamp(7rem,15vw,12rem);color:var(--ink);background:0 0;border:0;font-size:.8rem}.search:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.search input:focus-visible{outline-color:#0000}.refresh{border:1px solid var(--line);background:var(--white)}.filters{flex-wrap:wrap;gap:.4rem;margin-block-start:1.5rem;display:flex}.filters button{color:var(--muted);background:0 0;border-radius:.45rem;padding:.6rem .9rem;font-size:.75rem}.filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.empty-collection{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-block-size:15rem;padding:2rem 1rem;display:flex}.empty-collection>svg{color:lab(67.3048% -.119597 -14.8528);block-size:2.2rem;inline-size:2.2rem;margin-block-end:.35rem}.empty-collection h3{font-size:.92rem;font-weight:550}.empty-collection p{color:var(--muted);font-size:.8rem;line-height:1.6}.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1.5rem;margin-block-start:1.5rem;display:grid}.video-card{border-radius:.85rem}.video-select{text-align:start;inline-size:100%;color:var(--ink);background:0 0;border-radius:.85rem;padding:0;display:block}.thumbnail{aspect-ratio:16/9;color:lab(49.5468% 4.04024 -25.5095);background:lab(87.044% .934958 -11.2334);border-radius:.8rem;place-items:center;display:grid;position:relative;overflow:clip}.thumbnail>img{object-fit:cover;block-size:100%;inline-size:100%}.thumbnail>svg{block-size:2rem;inline-size:2rem}.card-play{color:var(--white);opacity:0;background:lab(2.96122% .638872 -4.74052/.1);place-items:center;display:grid;position:absolute;inset:0}.card-play svg{block-size:2.7rem;inline-size:2.7rem}.video-card.is-selected .thumbnail{outline:3px solid var(--accent);outline-offset:3px}.video-select h3{overflow-wrap:anywhere;margin-block-start:1rem;font-size:.9rem;font-weight:550;line-height:1.5}.video-card>p{color:var(--muted);justify-content:space-between;gap:.5rem;margin-block-start:.35rem;font-size:.7rem;display:flex}.duration{color:var(--white);font-variant-numeric:tabular-nums;background:lab(.886808% .0787005 -1.01306/.85);border-radius:.3rem;padding:.25rem .4rem;font-size:.7rem;position:absolute;inset-block-end:.6rem;inset-inline-end:.6rem}.status{background:var(--white);color:var(--muted);border-radius:.35rem;padding:.35rem .55rem;font-size:.65rem;position:absolute;inset-block-end:.65rem;inset-inline-start:.65rem}.status-error{color:var(--danger)}.site-footer{border-block-start:1px solid var(--line);padding:1.6rem var(--gutter);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.site-footer>span{align-items:center;gap:.6rem;display:flex}.site-footer>span>svg{block-size:1rem;inline-size:1rem}.connection{border-inline-end:1px solid var(--line);align-items:center;gap:.35rem;padding-inline-end:.7rem;display:inline-flex}.connection:not(.connected)>span{background:var(--danger)}@media (hover:hover) and (pointer:fine){.primary:hover{background:lab(35.5112% 30.4687 -70.8112)}.subtle:hover,.icon-button:hover{background:var(--accent-soft)}.text-button:hover{text-underline-offset:.2em;text-decoration:underline}.player-button:hover{background:lab(100% 0 0/.2)}.video-select:hover .card-play{opacity:1}.filters button:hover{background:var(--accent-soft)}}@media (prefers-reduced-motion:no-preference){.spinner{animation:1.1s linear infinite spin}.button,.icon-button{transition:background-color .16s ease-out}.card-play{transition:opacity .16s ease-out}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width:58rem){.studio.with-panel{grid-template-columns:minmax(0,1fr)}.upload-panel{justify-self:center;inline-size:100%;max-inline-size:36rem}.header-label{display:none}.player{aspect-ratio:16/9}}@media (max-width:37rem){.site-header{gap:.8rem;min-block-size:5rem}.public-label{display:none}.header-actions{gap:.5rem}.button{padding:.75rem .9rem;font-size:.77rem}.brand{font-size:1.65rem}.brand-mark{block-size:2rem;inline-size:2rem}.collection-count{display:none}.page-heading{margin-block-end:1.5rem}.page-heading p{max-inline-size:28ch;font-size:.8rem}.player{aspect-ratio:4/3}.studio.with-panel .player{aspect-ratio:4/3;min-block-size:0}.player-placeholder{gap:.65rem;padding:1.1rem}.player-placeholder p{font-size:.73rem}.film-stack{block-size:2.9rem;inline-size:3.9rem;margin-block-end:.8rem}.player-corner{font-size:.55rem;inset-block-end:.7rem;inset-inline-start:.8rem}.watch-info{flex-direction:column;gap:.8rem}.watch-info h2{font-size:1rem}.collection-tools{inline-size:100%}.search{flex:1}.search input{inline-size:100%}.site-footer{font-size:.65rem}.main{padding-block-end:2rem}.collection{padding-block-start:1.5rem}.collection-heading h2{font-size:1.15rem}}