.cdc{--cdc-frame-h:clamp(320px,62vh,760px);container:cdc/inline-size;display:grid;gap:var(--s-3,12px);min-width:0;color:var(--text,#f5f5f7)}.cdc[data-compact=true]{--cdc-frame-h:clamp(240px,46vh,520px)}.cdc[data-full=true]{--cdc-frame-h:calc(100vh - 168px);align-content:center;padding:var(--s-6,24px);background:var(--bg,#0b0b0f)}.cdc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cdc-stage{display:grid;gap:var(--s-3,12px)}.cdc-side{display:grid;gap:var(--s-2,8px);margin:0;min-width:0}.cdc-side figcaption{display:flex;align-items:center;gap:var(--s-2,8px);min-height:32px;min-width:0;font:var(--t-callout,500 13px/1.35 system-ui);color:var(--text-2,#b4b4bb)}.cdc-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text,#f5f5f7)}.cdc-tag:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--text-3,#8a8a93);vertical-align:1px}.cdc-tag-take:before{background:var(--accent,#f0508c)}.cdc-length{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text-3,#8a8a93)}.cdc-frame{position:relative;display:grid;place-items:center;height:min(var(--cdc-frame-h),calc((100cqi - var(--s-3, 12px)) / 2 * 16 / 9));min-width:0;border-radius:var(--r-2,14px);box-shadow:inset 0 0 0 1px var(--hairline,rgba(255,255,255,.07))}.cdc-frame>.poster,.cdc-frame>video{width:100%;height:100%}.cdc-frame>video{display:block;object-fit:contain;background:#050507;cursor:pointer}.cdc-frame>.poster{position:relative;aspect-ratio:auto;border-radius:0;background:transparent}.cdc-frame>.poster img,.cdc-frame>.poster video{width:100%;height:100%;object-fit:contain}.cdc-failure,.cdc-missing{display:grid;gap:var(--s-2,8px);justify-items:center;max-width:30ch;padding:var(--s-5,20px);text-align:center;font:var(--t-callout,500 13px/1.35 system-ui);color:var(--text-3,#8a8a93)}.cdc-failure strong,.cdc-missing strong{font:var(--t-headline,600 17px/1.3 system-ui);color:var(--text-2,#b4b4bb)}.cdc-failure{position:absolute;inset:0;max-width:none;align-content:center;background:oklch(.1 .005 275/.82)}.cdc-chip{position:absolute;left:50%;bottom:var(--s-3,12px);transform:translateX(-50%);padding:4px 10px;white-space:nowrap;border-radius:var(--r-pill,999px);background:var(--mat-chip,rgba(0,0,0,.55));backdrop-filter:var(--mat-blur,blur(20px));font:var(--t-callout,500 13px/1.35 system-ui);color:var(--text-2,#b4b4bb)}.cdc-photos{place-items:stretch;align-content:start;overflow:auto;padding:var(--s-3,12px);gap:var(--s-3,12px)}.cdc-photos>p{margin:0;font:var(--t-callout,500 13px/1.35 system-ui);color:var(--text-2,#b4b4bb)}.cdc-photos ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2,8px);margin:0;padding:0;list-style:none}.cdc-photos li{display:grid;gap:6px;min-width:0}.cdc-photos li>span{font:var(--t-caption,600 11px/1.3 system-ui);letter-spacing:var(--track-label,.04em);text-transform:uppercase;color:var(--text-3,#8a8a93)}.cdc-photos .poster{aspect-ratio:var(--poster-ratio,9/16);border-radius:var(--r-1,10px);overflow:hidden;background:#000}.cdc-photos .poster img{width:100%;height:100%;object-fit:contain}.cdc-transport{display:flex;align-items:center;gap:var(--s-2,8px);min-width:0;padding:6px;border-radius:var(--r-pill,999px);background:var(--surface-1,#17171c);box-shadow:inset 0 0 0 1px var(--hairline,rgba(255,255,255,.07))}.cdc-icon,.cdc-play{display:inline-grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--r-pill,999px);cursor:pointer;color:var(--text,#f5f5f7);background:transparent;transition:background var(--d-micro,.12s) var(--ease-out,ease),transform var(--d-micro,.12s) var(--ease-out,ease)}.cdc-play{width:44px;height:44px;color:var(--accent-ink,#fff);background:var(--accent,#f0508c)}.cdc-icon{width:36px;height:36px;color:var(--text-2,#b4b4bb)}.cdc-icon:hover:not(:disabled){background:var(--surface-2,#232329);color:var(--text,#f5f5f7)}.cdc-icon[aria-pressed=true]{color:var(--text,#f5f5f7)}.cdc-button:active:not(:disabled),.cdc-icon:active:not(:disabled),.cdc-play:active{transform:scale(var(--press-scale,.97))}.cdc-icon:disabled{opacity:.4;cursor:default}.cdc :is(button,input,textarea):focus-visible{outline:2px solid var(--accent,#f0508c);outline-offset:2px}.cdc-seek{display:flex;align-items:center;gap:var(--s-3,12px);flex:1;min-width:0;padding-right:var(--s-2,8px)}.cdc-seek input[type=range]{--cdc-fill:0%;flex:1;min-width:60px;height:28px;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.cdc-seek input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent,#f0508c) var(--cdc-fill),var(--surface-3,#303038) var(--cdc-fill))}.cdc-seek input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--surface-3,#303038)}.cdc-seek input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent,#f0508c)}.cdc-seek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--text,#f5f5f7);box-shadow:0 1px 4px rgba(0,0,0,.5)}.cdc-seek input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--text,#f5f5f7)}.cdc-seek input[type=range]:disabled{opacity:.4;cursor:default}.cdc-time{flex:none;font:var(--t-callout,500 13px/1.35 system-ui);font-variant-numeric:tabular-nums;color:var(--text-2,#b4b4bb)}.cdc-notice{margin:0;font:var(--t-callout,500 13px/1.35 system-ui);color:var(--owner,#f5b94a)}.cdc-decision{display:flex;flex-wrap:wrap;gap:var(--s-2,8px)}.cdc-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2,8px);min-height:40px;padding:0 var(--s-4,16px);border:0;border-radius:var(--r-1,10px);cursor:pointer;font:var(--t-callout,500 13px/1.35 system-ui);font-weight:600;color:var(--text,#f5f5f7);background:var(--surface-2,#232329);transition:background var(--d-micro,.12s) var(--ease-out,ease),transform var(--d-micro,.12s) var(--ease-out,ease)}.cdc-button:hover:not(:disabled){background:var(--surface-3,#303038)}.cdc-primary{color:var(--accent-ink,#fff);background:var(--accent,#f0508c)}.cdc-primary:hover:not(:disabled){background:oklch(.74 .19 var(--accent-h,355))}.cdc-button:disabled{opacity:.45;cursor:default}.cdc kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;font:600 11px/1 var(--font,system-ui);color:inherit;background:oklch(1 0 0/.12)}.cdc-composer{display:grid;gap:var(--s-2,8px);width:100%}.cdc-composer label{font:var(--t-callout,500 13px/1.35 system-ui);font-weight:600}.cdc-composer textarea{width:100%;min-height:76px;padding:var(--s-3,12px);resize:vertical;border:0;border-radius:var(--r-1,10px);font:var(--t-body,450 15px/1.45 system-ui);color:var(--text,#f5f5f7);background:var(--surface-2,#232329);box-shadow:inset 0 0 0 1px var(--hairline-2,rgba(255,255,255,.12))}.cdc-composer>div{display:flex;flex-wrap:wrap;gap:var(--s-2,8px)}.cdc-keys{margin:0;font:var(--t-callout,500 13px/1.35 system-ui);color:var(--text-3,#8a8a93)}.cdc-keys kbd{margin:0 1px}@container cdc (max-width: 440px){.cdc-stage{gap:var(--s-2,8px)}.cdc-frame{height:min(calc((100cqi - var(--s-2, 8px)) / 2 * 16 / 9),64svh);border-radius:var(--r-1,10px)}.cdc-side{gap:6px}.cdc-side figcaption{min-height:28px;gap:4px}.cdc-length{display:none}.cdc-photos{padding:var(--s-2,8px);gap:var(--s-2,8px)}.cdc-photos ol{grid-template-columns:minmax(0,1fr)}.cdc-keys{display:none}.cdc-decision{position:sticky;z-index:3;bottom:calc(var(--cdc-pin-bottom, 0px) + var(--s-2, 8px));padding:var(--s-2,8px);border-radius:var(--r-2,14px);background:color-mix(in oklch,var(--surface-1,#17171c) 94%,transparent);backdrop-filter:var(--mat-blur,blur(20px));box-shadow:inset 0 0 0 1px var(--hairline,rgba(255,255,255,.07)),0 -8px 24px oklch(0 0 0/.35)}.cdc-decision>.cdc-button{flex:1 1 0;min-height:44px}}@media (max-width:767px){.cdc{--cdc-pin-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}}.cdc[data-full=true]{--cdc-pin-bottom:0px}@container cdc (max-width: 340px){.cdc-time{display:none}}@media (pointer:coarse){.cdc-icon{width:44px;height:44px}.cdc-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.cdc-button,.cdc-icon,.cdc-play{transition:none}}.cdc-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;justify-content:center}.cdc-side{width:min(100%,calc(var(--cdc-frame-h)*9/16));justify-self:center}.cdc-frame{display:block;width:100%;height:auto;padding:0;overflow:hidden;border-radius:20px;background:#050507;box-shadow:0 0 0 1px var(--hairline,rgba(255,255,255,.08)),0 30px 60px -32px #000e}.cdc-screen{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:9/16;overflow:hidden;background:#050507}.cdc-screen>.poster,.cdc-screen>img,.cdc-screen>video{display:block;width:100%;height:100%;object-fit:contain;background:#050507}.cdc-screen>video{cursor:pointer}.cdc-screen>.poster{position:relative;aspect-ratio:auto;border-radius:0;background:transparent}.cdc-screen>.poster img,.cdc-screen>.poster video{width:100%;height:100%;object-fit:contain}.cdc-side[data-side=take] .cdc-frame,.cdc[data-active-side=take] .cdc-side[data-side=take] .cdc-frame{box-shadow:0 0 0 1px color-mix(in oklab,var(--accent,#f0508c) 35%,transparent),0 30px 60px -32px #000e}.cdc-photos .cdc-screen{display:block;overflow:auto}.cdc-photos .cdc-screen>div{padding:12px}.cdc-photos .cdc-screen p{font:13px/1.4 var(--font,system-ui);color:var(--text-2);margin:0 0 12px}.cdc-photos li>span{font-size:12px;letter-spacing:0;text-transform:none}.cdc-view-tabs{display:none}@container cdc (max-width:300px){.cdc-view-tabs{display:block}.cdc-view-tabs>[role=tablist]{display:flex;padding:4px;gap:4px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-1)}.cdc-view-tabs [role=tab]{flex:1;min-width:0;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font:500 13px/1.3 var(--font,system-ui);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s,color .12s}.cdc-view-tabs [role=tab][data-state=active]{background:var(--surface-3);color:var(--text)}.cdc-stage{grid-template-columns:minmax(0,1fr);gap:0}.cdc[data-active-side=original] .cdc-side[data-side=take],.cdc[data-active-side=take] .cdc-side[data-side=original]{display:none}.cdc-side{width:min(100%,calc(min(60svh,var(--cdc-frame-h))*9/16))}.cdc-side figcaption{min-height:44px;gap:8px}.cdc-length{display:block}.cdc-icon{width:44px;height:44px}.cdc-seek input[type=range]{min-width:32px;min-height:44px}.cdc-time{display:none}.cdc-chip{max-width:calc(100% - 16px);white-space:normal;text-align:center;font-size:12px}}@media(prefers-reduced-motion:reduce){.cdc-view-tabs [role=tab]{transition:none}}@media (min-width:1024px){.cdc:not([data-full=true]):not([data-compact=true]){--cdc-frame-h:clamp(320px,var(--cdc-fit-h,62vh),760px)}}