:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#fff;--color-on-primary:#121212;--color-background:#0f0f10;--color-surface:#131315;--color-surface-raised:#212021;--color-surface-selected:#2e2e33;--color-viewer:#2b2b2e;--color-timeline:#232426;--color-border:#ffffff1a;--color-text:#fff;--color-text-muted:#9a9aa6;--color-clip-video:#1e5591;--color-clip-video-edge:#06192f;--color-clip-caption:#7364ba;--color-waveform:#617a9d;--color-cut-hatch:#181a1b;--color-playhead:#fff;--color-marker:#f5b400;--color-success:#3fbf4a;--color-danger:#f2555a;--font-body:"Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;--font-timecode:"JetBrains Mono", ui-monospace, monospace;--type-body:16px;--type-label:15px;--type-caption:14px;--type-fine:13px;--type-display:clamp(40px, 6.2vw, 84px);--type-heading:clamp(28px, 4.2vw, 54px);--type-lead:clamp(17px, 1.7vw, 21px);--leading-title:1.2;--leading-text:1.45;--track-title:-.02em;--track-body:-.01em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--site-width:1120px;--gutter:24px;--section-space:160px;--header-height:64px;--move-duration:.9s;--move-ease:cubic-bezier(.65, 0, .35, 1)}@media (width<=640px){:root{--gutter:16px;--section-space:104px;--header-height:56px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--type-body);background:var(--color-background);color:var(--color-text);line-height:var(--leading-text);letter-spacing:var(--track-body);font-feature-settings:"calt";word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img,video{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit;letter-spacing:inherit}.wrap{max-width:var(--site-width);padding:0 var(--gutter);margin:0 auto}body{min-height:100vh}h1{font-size:30px;line-height:var(--leading-title);letter-spacing:var(--track-title);color:var(--color-text);text-wrap:balance;font-weight:700}h2{font-size:20px;line-height:var(--leading-title);letter-spacing:var(--track-title);color:var(--color-text);font-weight:700}h3{font-size:20px;line-height:var(--leading-title);letter-spacing:var(--track-title);font-weight:700}[hidden]{display:none!important}.card,.plan,.topup,.clip,.speed,.drop,.shortage,.panel,.chat,.sp{background:var(--color-surface);border:1px solid var(--color-border)}.shortage .plan,.shortage .topup{background:var(--color-surface-raised);border:0}.top{z-index:50;background:var(--color-background);border-bottom:1px solid var(--color-border);min-height:var(--header-height);padding:0 max(var(--gutter), calc((100% - var(--site-width)) / 2 + var(--gutter)));justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-sm);font-size:20px;font-weight:600;line-height:var(--leading-title);letter-spacing:var(--track-title);color:var(--color-text);white-space:nowrap;text-decoration:none;display:inline-flex}.logo-mark{background:url(/brand/logo-mark.png) 50%/contain no-repeat;flex:none;width:28px;height:28px}.account{align-items:center;gap:var(--space-sm);min-width:0;font-size:var(--type-label);flex-wrap:wrap;display:flex}.account-email{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--type-caption);white-space:nowrap;font-weight:500;line-height:1.35;display:inline-flex}.chip.credits{background:var(--color-surface-selected)}.link{color:var(--color-text);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:0 0;border:0;font-weight:500;text-decoration:none}.link:hover{background:var(--color-surface-selected)}a.link{font-size:var(--type-label);text-underline-offset:3px;text-decoration:underline}.view{max-width:60rem;padding:calc(var(--space-xl) * 2) var(--gutter) 80px;margin:0 auto}.loading{color:var(--color-text);text-align:center;padding:64px 0}.stack{gap:var(--space-xl);min-width:0;display:grid}.stack>*{min-width:0}.head{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.sub{color:var(--color-text);margin-top:var(--space-sm);overflow-wrap:anywhere}.hint{color:var(--color-text-muted);font-size:var(--type-caption)}.label{font-weight:600;font-size:var(--type-body)}.row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.row.between{justify-content:space-between}.card{border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);min-width:0;display:grid}.card.narrow{max-width:30rem;margin:calc(var(--space-xl) * 2) auto 0}.view[data-view=login],.view[data-view=checkout]{place-items:center;min-height:calc(100dvh - 72px);display:grid}.login-card{text-align:center;justify-items:center;gap:var(--space-xl);width:100%;max-width:26rem;padding:calc(var(--space-xl) * 1.5) var(--space-xl)}.login-card .logo-mark{width:48px;height:48px}.login-copy{gap:var(--space-sm);justify-items:center;display:grid}.login-card h1{font-size:24px}.login-card .sub{text-wrap:balance;max-width:20rem;margin-top:0}.login-note{background:var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--type-label);font-weight:500}.login-card .hint{text-wrap:balance;max-width:20rem}.notice{gap:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);justify-items:start;font-weight:500;display:grid}.msg{font-size:var(--type-label);color:var(--color-text)}.msg.error{color:var(--color-danger);font-weight:600}.msg.ok{color:var(--color-success);font-weight:600}.msg a{font-weight:600}.btn{min-height:44px;padding:0 var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-weight:600;font-size:var(--type-label);cursor:pointer;transition:transform .15s var(--move-ease);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-surface-selected);transform:translateY(-1px)}.btn.primary{background:var(--color-primary);color:var(--color-on-primary);border:0}.btn.primary:hover{background:var(--color-primary)}.btn.full{width:100%}.btn:disabled,.btn.disabled{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text-muted);cursor:default;transform:none}.field{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;padding:var(--space-md);background:var(--color-background);color:var(--color-text);resize:vertical}.field::placeholder{color:var(--color-text-muted)}.field:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field:disabled{background:var(--color-surface-raised);color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.google-slot{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.google-slot:empty{display:none}.dev-login{text-align:left;gap:var(--space-sm);width:100%;padding:var(--space-lg);border:1px dashed var(--color-text-muted);border-radius:var(--radius-lg);background:var(--color-surface-raised);display:grid}.dev-login .field{flex:12rem;width:auto}.plans{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan{border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-sm);align-content:start;display:grid}.plan.mid{border-color:var(--color-primary)}.plan-price b{letter-spacing:var(--track-title);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.3}.plan-price{color:var(--color-text);font-weight:500}.plan-credits{color:var(--color-text);font-weight:600}.plan .btn{margin-top:var(--space-sm)}.topup{justify-content:space-between;align-items:center;gap:var(--space-xl);border-radius:var(--radius-lg);padding:var(--space-xl);flex-wrap:wrap;display:flex}.topup-text{gap:var(--space-xs);flex:18rem;min-width:0;display:grid}.topup .plan-price b{font-size:26px}.topup .btn{flex:0 auto;margin-top:0}.billing-notes{gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--type-label);list-style:none;display:grid}.shortage{gap:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-xl);display:grid}.shortage .plan{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg)}.shortage .plan-price b{font-size:26px}.file-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.drop{justify-items:center;gap:var(--space-xs);text-align:center;border-radius:var(--radius-lg);padding:56px var(--space-lg);cursor:pointer;transition:transform .15s var(--move-ease);display:grid;position:relative}.drop:before{content:"";inset:var(--space-md);border:1px dashed var(--color-text-muted);border-radius:var(--radius-md);pointer-events:none;position:absolute}.drop b{letter-spacing:var(--track-title);font-size:20px}.drop>span{color:var(--color-text)}.drop:hover,.drop.is-over{transform:translateY(-2px)}.drop.is-over:before{border-style:solid;border-color:var(--color-primary)}.file-input:focus-visible+.drop{outline:2px solid var(--color-primary);outline-offset:2px}.drop.is-reading{pointer-events:none}.drop.is-reading:before{border-style:solid}.drop-icon{border-radius:var(--radius-md);background:var(--color-primary);width:48px;height:48px;margin-bottom:var(--space-sm);position:relative}.drop-icon:before{content:"";border:solid var(--color-on-primary);border-width:3px 0 0 3px;width:.9rem;height:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%)rotate(45deg)}.drop-icon:after{content:"";background:var(--color-on-primary);width:3px;height:46%;position:absolute;top:28%;left:50%;transform:translate(-50%)}.quote,.facts{gap:0;display:grid}.quote>div{justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);display:flex}.quote dt{color:var(--color-text);flex:none}.quote dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;font-weight:600}.quote dd b{letter-spacing:var(--track-title);color:var(--color-text);font-size:20px;font-weight:700}.progress-main{gap:var(--space-lg);min-width:0;display:grid}.steps{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.steps li{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);align-items:center;display:flex}.steps li b{font-size:var(--type-body);display:block}.steps li small{font-size:var(--type-caption);line-height:var(--leading-text);display:none}.steps li.now small{display:block}.step-no{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--color-text-muted);color:var(--color-text);font-weight:600;font-size:var(--type-caption);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.steps li.now{background:var(--color-surface-selected);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.steps li.now .step-no{background:var(--color-primary);box-shadow:none;color:var(--color-on-primary)}.steps li.done .step-no{background:var(--color-success);box-shadow:none;color:#0000}.steps li.done .step-no:after{content:"";border:solid var(--color-on-primary);border-width:0 2.5px 2.5px 0;width:.42rem;height:.78rem;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.bar{border-radius:var(--radius-full);background:var(--color-timeline);height:12px;box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden}.bar i{background:var(--color-primary);border-radius:var(--radius-full);transform-origin:0;height:100%;transition:transform .3s var(--move-ease);display:block;transform:scaleX(0)}.bar.small{height:6px}.bar.small i{transition:none}.progress-text{color:var(--color-text);font-variant-numeric:tabular-nums;flex-wrap:nowrap;align-items:baseline;min-height:42px}.progress-text>span{min-width:0}.percent{font-size:32px;line-height:var(--leading-title);letter-spacing:var(--track-title);color:var(--color-text);flex:none;margin-left:auto;font-weight:700}.cr{font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:bottom;align-items:center;gap:.22em;display:inline-flex}.ico.credit{stroke-width:2.2px;width:1.05em;height:1.05em}.btn .cr{margin-left:.15em}.costs{gap:var(--space-xs);color:var(--color-text);font-size:var(--type-label);list-style:none;display:grid}.costs li{align-items:center;gap:var(--space-md);display:flex}.costs .cr{min-width:2.6rem;color:var(--color-text);font-weight:700}.need{gap:var(--space-xs) var(--space-xl);flex-wrap:wrap;font-weight:600;display:flex}.need span{align-items:center;gap:var(--space-sm);display:inline-flex}.plan-credits{align-items:center;gap:var(--space-xs);background:var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:var(--space-sm) 0;display:flex}.shortage .plan-credits{background:var(--color-surface-selected)}.btn .ico.go{width:18px;height:18px;margin-left:var(--space-sm)}.head .chip{align-self:center}.small .chip{margin-left:var(--space-md);padding:2px var(--space-md)}.drop .chip{margin-top:var(--space-sm)}.view[data-view=video],.view[data-view=clip]{max-width:72rem}.small{font-size:var(--type-caption);color:var(--color-text-muted)}.btn.small-btn{min-height:36px;padding:0 var(--space-lg);font-size:var(--type-caption)}.btn.primary:disabled:hover{background:var(--color-surface-raised)}.panel,.chat,.sp{border-radius:var(--radius-lg);min-width:0}.panel{padding:var(--space-xl);gap:var(--space-md);display:grid}.panel h2,.chat h2,.list-head h2{font-size:var(--type-body);letter-spacing:var(--track-body)}.num{background:var(--color-primary);width:22px;height:22px;color:var(--color-on-primary);font-size:var(--type-fine);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.count{color:var(--color-text-muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.count.over{color:var(--color-danger);font-weight:600}.vs{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) 25rem;grid-template-areas:"player chat""list list";align-items:start;display:grid}.vs>*{min-width:0}.vs-player{grid-area:player}.vs-list{gap:var(--space-lg);grid-area:list;display:grid}.vs-chat{grid-area:chat;align-self:stretch;height:0;min-height:100%}.list-head{justify-content:space-between;align-items:baseline;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.sp{padding:var(--space-md);gap:var(--space-sm);display:grid}.sp-screen{aspect-ratio:16/9;background:var(--color-background);border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden}.sp-screen:fullscreen{aspect-ratio:auto;border-radius:0}.sp-video{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.sp-screen:before{content:"";background:var(--color-primary);z-index:1;border-radius:50%;width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-screen:after{content:"";border-style:solid;border-width:.8rem 0 .8rem 1.3rem;border-color:transparent transparent transparent var(--color-on-primary);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-38%,-50%)}.sp.is-playing .sp-screen:before,.sp.is-playing .sp-screen:after{display:none}.sp-note{z-index:2;color:var(--color-text);background:var(--color-background);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--type-label);text-align:center;position:absolute;top:38%;left:8%;right:8%}.tl{gap:var(--space-xs);min-width:0;display:grid}.tl-track{border-radius:var(--radius-md);background:var(--color-timeline);height:2.6rem;box-shadow:inset 0 0 0 1px var(--color-border);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.tl-track.is-dragging{cursor:ew-resize}.tl-layer{position:absolute;inset:0}.tl-block{top:4px;bottom:4px;left:min(var(--l), calc(100% - 24px));width:var(--w);z-index:2;min-width:24px;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--color-clip-video);color:var(--color-text);align-items:center;gap:var(--space-xs);white-space:nowrap;cursor:pointer;font-weight:600;font-size:var(--type-fine);box-shadow:0 0 0 1px var(--color-clip-video-edge);border:0;display:flex;position:absolute;overflow:hidden}.tl-block:hover,.tl-block:focus-visible{box-shadow:0 0 0 1px var(--color-clip-video-edge), inset 0 0 0 1.5px var(--color-text);outline:0}.tl-block .num{width:20px;height:20px;font-size:var(--type-fine)}.tl-block.tight{justify-content:center;padding:0}.tl-block.tight span{display:none}.tl-block[aria-pressed=true]{z-index:3;box-shadow:inset 0 -6px 0 var(--color-marker), 0 0 0 1px var(--color-clip-video-edge)}.tl-block[aria-pressed=true] .num,.clip.picked .num{background:var(--color-marker);color:var(--color-on-primary)}.tl-sel{z-index:4;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-marker) 35%, transparent);min-width:3px;box-shadow:inset 0 0 0 2px var(--color-marker);cursor:grab;position:absolute;top:0;bottom:0}.tl-handle{cursor:ew-resize;touch-action:none;width:24px;position:absolute;top:-4px;bottom:-4px}.tl-handle.l{right:100%}.tl-handle.r{left:100%}.tl-handle:before{content:"";background:var(--color-marker);width:6px;box-shadow:0 0 0 1.5px var(--color-background);border-radius:3px;position:absolute;top:0;bottom:0}.tl-handle.l:before{right:-3px}.tl-handle.r:before{left:-3px}.tl-label,.tl-tip,.sp-time,.pv-time,.caps time,.tl-ticks{font-family:var(--font-timecode);font-feature-settings:"tnum";letter-spacing:0}.tl-label,.tl-tip{bottom:calc(100% + var(--space-sm));padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface-selected);color:var(--color-text);font-size:var(--type-fine);white-space:nowrap;pointer-events:none;font-weight:500;position:absolute}.tl-tip{z-index:7;background:var(--color-primary);color:var(--color-on-primary);transform:translate(-50%)}.tl-playhead{z-index:5;background:var(--color-playhead);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;left:0}.tl-playhead:after{content:"";background:var(--color-playhead);border-radius:50%;width:.7rem;height:.7rem;margin-left:-.35rem;position:absolute;top:0;left:50%;transform:translateY(-45%)}.tl-ticks{height:1.1rem;font-size:var(--type-fine);color:var(--color-text-muted);position:relative}.tl-ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.tl-ticks span.first{transform:none}.tl-ticks span.last{transform:translate(-100%)}.ctl{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.ctl-side{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.35rem;height:1.35rem}.sp-toggle{background:var(--color-primary);cursor:pointer;border:0;border-radius:50%;flex:none;width:2.5rem;height:2.5rem;position:relative}.sp-toggle:disabled{background:var(--color-surface-selected);cursor:default}.sp-toggle:before{content:"";border-style:solid;border-width:.5rem 0 .5rem .8rem;border-color:transparent transparent transparent var(--color-on-primary);position:absolute;top:50%;left:50%;transform:translate(-38%,-50%)}.is-playing>.ctl .sp-toggle:before{border-width:0 .28rem;border-color:var(--color-on-primary);width:.28rem;height:.95rem;transform:translate(-50%,-50%)}.ctl-btn{width:2.3rem;height:2.3rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ctl-btn:hover,.ctl-text:hover{background:var(--color-surface-selected)}.ctl-text{min-height:2.2rem;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);font-weight:600;font-size:var(--type-caption);cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;border:0;flex:none}.ctl-text.strong{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none}.ctl-text.strong:hover{background:var(--color-primary)}.sp-time{font-weight:500;font-size:var(--type-caption);margin-left:var(--space-xs);white-space:nowrap}.ctl-rate{position:relative}.ctl-menu{right:0;bottom:calc(100% + var(--space-xs));z-index:20;padding:var(--space-xs);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-border);display:grid;position:absolute}.ctl-menu button{min-width:5.2rem;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);text-align:left;color:var(--color-text);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;font-weight:600}.ctl-menu button:hover{background:var(--color-surface-selected)}.ctl-menu button[aria-checked=true]{background:var(--color-primary);color:var(--color-on-primary)}.ctl-sound{align-items:center;display:flex}.ctl-volume{width:3.6rem;accent-color:var(--color-primary);cursor:pointer}.seg.small-seg{border-radius:var(--radius-md);padding:2px}.seg.small-seg .seg-btn{min-width:3.4rem;min-height:1.9rem;padding:0 var(--space-md);font-size:var(--type-caption)}.speed{border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md) var(--space-xl);flex-wrap:wrap;display:flex}.speed>div:first-child{flex:16rem;min-width:0}.seg{gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-border);display:inline-flex}.seg-btn{min-width:4.6rem;min-height:2.4rem;padding:0 var(--space-lg);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;font-weight:600}.seg-btn:hover{background:var(--color-surface-selected)}.seg-btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.clips{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,30rem),1fr));align-items:start;display:grid}.clip{border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-xl);grid-template-columns:11.5rem minmax(0,1fr);align-items:start;min-width:0;display:grid}.clip.picked{box-shadow:inset 6px 0 0 var(--color-marker)}.clip-body{gap:var(--space-lg);min-width:0;display:grid}.clip-info{gap:var(--space-sm);justify-items:start;min-width:0;display:grid}.clip-rank{align-items:center;gap:var(--space-sm);color:var(--color-text);font-weight:600;font-size:var(--type-caption);flex-wrap:wrap;display:flex}.tag{background:var(--color-marker);color:var(--color-on-primary);border-radius:var(--radius-full);padding:2px var(--space-md);font-size:var(--type-fine)}.clip-head{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;justify-self:stretch;display:flex}.clip-head .tag{flex:none;font-weight:600}.clip-title{align-items:center;gap:var(--space-sm);cursor:pointer;text-align:left;letter-spacing:var(--track-title);font-size:22px;font-weight:700;line-height:var(--leading-title);overflow-wrap:anywhere;color:var(--color-text);background:0 0;border:0;padding:0;display:inline-flex}.clip-title:hover span{text-underline-offset:3px;text-decoration:underline}.clip-yellow span{background:var(--color-background);color:var(--color-marker);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);overflow-wrap:anywhere;font-weight:700;display:inline-block}.clip-meta{gap:2px var(--space-lg);color:var(--color-text-muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.clip-meta span{align-items:center;gap:var(--space-xs);display:inline-flex}.clip-meta .ico{width:1rem;height:1rem}.clip-meta b{color:var(--color-text);font-weight:600}.reason{text-align:left;cursor:pointer;color:var(--color-text);font-size:var(--type-label);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;justify-self:stretch;min-width:0;padding:0;overflow:hidden}.reason:hover{text-underline-offset:3px;text-decoration:underline}.reason[aria-expanded=true]{white-space:normal;overflow-wrap:anywhere}.reason-full{color:var(--color-text);font-size:var(--type-label);overflow-wrap:anywhere}.pills{gap:var(--space-xs);flex-wrap:wrap;list-style:none;display:flex}.pill{padding:2px var(--space-md);border-radius:var(--radius-full);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);font-size:var(--type-fine);font-weight:500}.clip-act{gap:var(--space-md);flex-wrap:wrap;align-items:flex-start;display:flex}.clip-download{gap:var(--space-sm);min-width:0;display:grid}.clip-act .clip-download{flex:9rem;justify-items:start}.clip-act .clip-download .bar{width:100%}.back{cursor:pointer;color:var(--color-text);font-weight:600;font-size:var(--type-label);background:0 0;border:0;padding:0}.back:before{content:"";border:solid var(--color-text);width:.5rem;height:.5rem;margin-right:var(--space-xs);vertical-align:.08em;border-width:0 0 2px 2px;display:inline-block;transform:rotate(45deg)}.back:hover{text-underline-offset:3px;text-decoration:underline}.clip-nav{align-items:center;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.clip-links{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.clip-links button{min-width:2rem;height:2rem;padding:0 var(--space-sm);border-radius:var(--radius-full);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);font-weight:600;font-size:var(--type-caption);cursor:pointer;font-variant-numeric:tabular-nums;border:0;place-items:center;display:grid}.clip-links button:hover{background:var(--color-surface-selected)}.clip-links button[aria-current=page]{background:var(--color-primary);box-shadow:none;color:var(--color-on-primary);cursor:default}.head>.clip-download{text-align:right;justify-items:end;max-width:24rem}.cs{gap:var(--space-xl);grid-template-columns:25rem minmax(0,1fr);grid-template-areas:"pv chat""crop chat""caps chat";align-items:start;display:grid}.cs>*{min-width:0}.area-pv{gap:var(--space-md);grid-area:pv}.area-pv .pv{width:15.5rem;max-width:100%;margin:0 auto var(--space-xs)}.area-caps{grid-area:caps}.area-crop{grid-area:crop}.rf-strip{border-radius:var(--radius-md);background:var(--color-viewer);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.rf-strip.locked{cursor:not-allowed}.rf-view{width:100%;height:auto;display:block}.rf-box{border:2px solid var(--color-primary);position:absolute;top:0;bottom:0;box-shadow:0 0 0 100vmax #0000008c}.rf-status{min-height:1.6rem;font-weight:600}.ctl-text:has(.ico){align-items:center;gap:var(--space-xs);display:inline-flex}.ctl-text .ico{width:1.1rem;height:1.1rem}.ctl-text:disabled{cursor:not-allowed}.cp-piece{background:var(--color-clip-video);min-width:2px;box-shadow:inset -1px 0 0 var(--color-clip-video-edge);position:absolute;top:4px;bottom:4px}.cp-piece:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cp-piece:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cp-piece.cut{background:var(--color-cut-hatch);background-image:repeating-linear-gradient(135deg, transparent 0 4px, var(--color-border) 4px 6px)}.cp .tl-playhead,.cp .tl-playhead:after{box-shadow:0 0 0 1px var(--color-background)}.cp-where{gap:var(--space-xs);display:grid}.strip-over{border-radius:var(--radius-full);background:var(--color-timeline);height:6px;box-shadow:inset 0 0 0 1px var(--color-border);position:relative}.strip-over i{border-radius:var(--radius-full);background:var(--color-clip-video);min-width:4px;position:absolute;top:0;bottom:0}.strip-foot{justify-content:space-between;gap:2px var(--space-lg);font-size:var(--type-caption);flex-wrap:wrap;align-items:baseline;display:flex}.strip-foot b{font-variant-numeric:tabular-nums}.legend{gap:var(--space-md);display:inline-flex}.legend span:before{content:"";border-radius:var(--radius-sm);background:var(--color-clip-video);width:.7rem;height:.7rem;margin-right:var(--space-xs);vertical-align:-.05em;display:inline-block}.legend span.cut:before{background:var(--color-cut-hatch);box-shadow:inset 0 0 0 1px var(--color-text-muted)}.area-chat{top:calc(var(--header-height) + var(--space-lg));max-height:calc(100vh - var(--header-height) - var(--space-xl) * 2);grid-area:chat;position:sticky}.area-chat .chat-log{min-height:10rem}.caps{overscroll-behavior:contain;border-radius:var(--radius-md);background:var(--color-background);max-height:22.5rem;box-shadow:inset 0 0 0 1px var(--color-border);list-style:none;position:relative;overflow-y:auto}.caps li+li{border-top:1px solid var(--color-border)}.caps button{gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--color-text);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;grid-template-columns:4.4rem minmax(0,1fr);align-items:baseline;display:grid}.caps button:hover{background:var(--color-surface-raised)}.caps button:focus-visible{outline-offset:-2px}.caps li.now button{background:var(--color-surface-selected)}.caps time{color:var(--color-text-muted);font-size:var(--type-fine)}.chat{grid-template-rows:auto minmax(0,1fr) auto;padding:0;display:grid;overflow:hidden}.chat-head{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.chat-log{padding:var(--space-lg) var(--space-xl);gap:var(--space-lg);align-content:start;min-height:0;display:grid;overflow-y:auto}.say{gap:var(--space-md);grid-template-columns:28px minmax(0,1fr);align-items:start;display:grid}.say-mark{background:url(/brand/ai-profile.png) 50%/contain no-repeat;width:28px;height:28px}.say p{overflow-wrap:anywhere}.say .small{margin-top:var(--space-xs)}.say .cost,.say.error .cost{color:var(--color-text);font-weight:600}.say.error p{color:var(--color-danger);font-weight:600}.say a{font-weight:600}.ask{background:var(--color-surface-raised);max-width:85%;color:var(--color-text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);overflow-wrap:anywhere;justify-self:end;font-weight:500}.chat-form{padding:var(--space-md) var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border);gap:var(--space-sm);display:grid}.chat-row{gap:var(--space-md);align-items:stretch;display:flex}.chat-row .field{resize:none;flex:auto}.chat-row .btn{flex:none;align-self:flex-end}.chat-foot{justify-content:flex-end;display:flex}.chat-examples{gap:var(--space-xs);flex-wrap:wrap;align-content:start;display:flex}.chat-examples .ctl-text{white-space:normal;text-align:left}.pv{aspect-ratio:9/16;background:var(--color-background);border-radius:var(--radius-lg);width:100%;box-shadow:0 0 0 1px var(--color-border);position:relative;overflow:hidden}.pv-video{left:0;top:var(--pv-video-top);aspect-ratio:1;object-fit:cover;background:var(--color-background);width:100%;max-width:none;height:auto;position:absolute}.pv-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pv-play{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.pv-play:before{content:"";left:50%;top:calc(var(--pv-video-top) + 28.125%);background:var(--color-primary);width:3.4rem;height:3.4rem;transition:transform .18s var(--move-ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pv-play:after{content:"";left:50%;top:calc(var(--pv-video-top) + 28.125%);border-style:solid;border-width:.7rem 0 .7rem 1.1rem;border-color:transparent transparent transparent var(--color-on-primary);position:absolute;transform:translate(-38%,-50%)}.pv-play:hover:before{transform:translate(-50%,-50%)scale(1.12)}.pv.is-playing .pv-play:before,.pv.is-playing .pv-play:after{display:none}.pv-bar{cursor:ew-resize;touch-action:pan-y;align-items:flex-end;height:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.pv-bar:before{content:"";background:var(--color-viewer);height:.3rem;position:absolute;bottom:0;left:0;right:0}.pv-time{left:var(--space-sm);padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:var(--type-fine);pointer-events:none;font-weight:500;position:absolute;bottom:.55rem}.pv-bar i{background:var(--color-primary);transform-origin:0;width:100%;height:.3rem;display:block;position:relative;transform:scaleX(0)}.pv-note{left:6%;right:6%;top:calc(var(--pv-video-top) + 18%);color:var(--color-text);background:var(--color-background);padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--type-caption);text-align:center;position:absolute}@media (width<=60rem){.vs{grid-template-columns:minmax(0,1fr);grid-template-areas:"player""chat""list"}.vs-chat{height:auto;min-height:0}.vs-chat .chat-log{max-height:15rem}}@media (width<=760px){h1{font-size:24px}.top{min-height:0;padding:var(--space-md) var(--gutter);position:static}.brand{font-size:18px}.view{padding:var(--space-xl) var(--gutter) 64px}.account{gap:var(--space-xs)}.account-email{display:none}.chip{padding:var(--space-xs) var(--space-md)}.plans,.steps{grid-template-columns:minmax(0,1fr)}.clip{padding:var(--space-lg);gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.clip .pv{max-width:15rem;margin:var(--space-xs) auto 0}.clip-act .btn{flex:8rem}.clip-act .clip-download .btn{width:100%}.panel{padding:var(--space-lg)}.sp{padding:var(--space-sm)}.chat-head,.chat-log,.chat-form{padding-left:var(--space-lg);padding-right:var(--space-lg)}.chat-row .field{min-height:5.7rem}.cs{grid-template-columns:minmax(0,1fr);grid-template-areas:"pv""crop""chat""caps"}.ctl-volume{display:none}.ctl-side{flex-wrap:wrap}.area-chat{max-height:none;position:static}.area-chat .chat-log{min-height:0;max-height:22rem}.caps{max-height:18rem}.head>.clip-download{text-align:left;justify-items:stretch;width:100%;max-width:none}.head>.clip-download .btn{width:100%}.card,.plan,.shortage,.topup{padding:var(--space-xl) var(--space-lg)}.topup .btn{flex:100%}.card.narrow{margin-top:var(--space-sm)}.drop{padding:44px var(--space-xl)}.shortage .plan{padding:var(--space-lg) var(--space-md)}.head .btn{width:100%}.speed{padding:var(--space-lg)}.seg{width:100%}.seg-btn{flex:1 1 0;min-width:0}}.google-wait{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;max-width:400px;height:44px;color:var(--color-text);font-size:var(--type-label);text-align:center;font-weight:500;line-height:1.2;display:flex}.google-wait .spin{border:2px solid var(--color-text-muted);border-top-color:var(--color-primary);border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-note{gap:var(--space-xs);text-align:center;font-weight:400;display:grid}.login-note b{font-weight:700}.checkout-card{text-align:left;justify-items:stretch;max-width:30rem}.checkout-card h1{text-align:center;font-size:24px}.checkout-card .link{justify-self:center}.guide{gap:var(--space-md);display:grid}.guide-steps{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.guide-steps li{align-items:center;column-gap:var(--space-md);row-gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);grid-template-columns:auto minmax(0,1fr);display:grid}.guide-steps li.now{background:var(--color-surface-selected);border-color:var(--color-primary);color:var(--color-text)}.guide-icon{border-radius:var(--radius-md);background:var(--color-surface-raised);place-items:center;width:36px;height:36px;display:grid}.guide-steps li.locked .guide-icon{grid-row:1/span 2}.guide-steps li.now .guide-icon{background:var(--color-primary);color:var(--color-on-primary)}.guide-steps b{font-size:var(--type-body)}.guide-lock{align-items:center;gap:var(--space-xs);font-size:var(--type-caption);grid-column:2;display:inline-flex}.guide-lock .ico{width:14px;height:14px}.guide-line{font-weight:500}.picker{gap:var(--space-lg);display:grid}.pick-row{align-items:center;gap:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.choices{gap:var(--space-sm)}.chip.choice{min-height:44px;padding:0 var(--space-lg);cursor:pointer;font-size:var(--type-label)}.chip.choice:hover{background:var(--color-surface-selected)}.chip.choice[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.pick-result{font-weight:600}.chip.rec{margin-left:var(--space-sm);vertical-align:middle;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.plan h3{flex-wrap:wrap;align-items:center;min-height:32px;display:flex}.pay-notes{gap:var(--space-xs);color:var(--color-text);font-size:var(--type-label);list-style:none;display:grid}.pay-notes a{font-weight:600}.checkout-card .pay-notes{padding-top:var(--space-xs)}.refresh{gap:var(--space-sm);justify-items:start;min-width:0;max-width:40rem;display:grid}.checkout-card .refresh{justify-items:stretch}.checkout-card .refresh .btn{width:100%}.cost-value{flex:none;min-width:6.2rem;font-weight:700}.costs .cost-value .cr{min-width:0}.pick-file{margin-top:var(--space-md);pointer-events:none}.upload-notes{gap:var(--space-xs);color:var(--color-text);font-size:var(--type-label);list-style:none;display:grid}@media (width<=760px),(pointer:coarse){.link,a.link{min-height:44px;padding:0 var(--space-md);align-items:center;display:inline-flex}.brand,.btn.small-btn{min-height:44px}}@media (width<=760px){.guide-steps{gap:var(--space-sm)}.guide-steps li{text-align:center;padding:var(--space-md) var(--space-sm);grid-template-columns:minmax(0,1fr);justify-items:center}.guide-steps li.locked .guide-icon{grid-row:auto}.guide-steps b{font-size:var(--type-label)}.guide-lock-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cost-value{min-width:5.6rem}}@media (prefers-reduced-motion:reduce){.btn,.drop,.bar i,.pv-play:before{transition:none}.google-wait .spin{animation-duration:3s}}
