.xc{--gap:4px;--strip-h:64px;--slot-h:50px;flex-direction:column;gap:14px;padding:16px 16px 18px;display:flex}@container (max-width:600px){.xc{--gap:3px;--strip-h:46px;--slot-h:30px;gap:12px;padding:14px 12px}}.xc-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.xc-title{gap:1px;min-width:0;display:grid}.xc-title b{font-size:15px;font-weight:600}.xc-title span{color:var(--color-muted);font-size:12px}.xc-pill{color:var(--color-muted);background:var(--color-panel);border-radius:6px;flex:none;padding:4px 10px;font-size:12px;font-weight:500;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.xc-pill .xk-stack-item{transition-delay:var(--d,0s)}.xc[data-step=place] .xc-scene-meta .xk-stack-item{transition-delay:1.22s}.xc-pill .xk-stack-item:nth-child(n+2){color:var(--color-accent)}.xc-gen{margin-inline:calc(var(--gap) * 5);gap:6px;display:grid}.xc-ruler{height:14px;color:var(--color-faint);font-size:11px;position:relative}.xc-ruler span{position:absolute;top:0;transform:translate(-50%)}.xc-ruler span:first-child{transform:none}.xc-ruler span:after{content:"";background:var(--color-line-strong);width:1px;height:4px;position:absolute;top:15px;left:50%}.xc-ruler span:first-child:after{left:0}.xc-strip{height:var(--strip-h);margin-bottom:16px;position:relative}@container (max-width:600px){.xc-strip{margin-bottom:0}}.xc-seg{background:var(--color-panel);transition:transform .42s var(--ease-in-out);position:absolute;top:0;bottom:0;overflow:hidden}.xc-seg:first-child{border-radius:6px 0 0 6px}.xc-seg:nth-child(6){border-radius:0 6px 6px 0}.xc-strip[data-split] .xc-seg{transform:translateX(calc(var(--k) * var(--gap) * 2));border-radius:5px}.xc-seg-film{display:flex;position:absolute;top:0;bottom:0}.xc-seg-film img{object-fit:cover;flex:1 1 0;min-width:0;height:100%}.xc-seg-n{text-align:center;min-width:16px;color:var(--color-text-on-media);background:var(--color-glass);opacity:0;transition:opacity .18s var(--demo-ease), transform .22s var(--demo-ease);border-radius:4px;padding:1px 4px;font-size:11px;line-height:14px;position:absolute;top:4px;left:4px;transform:translateY(-2px)}.xc-strip[data-split] .xc-seg-n{opacity:1;transition-delay:.24s;transform:none}.xc-cut{background:var(--color-accent);transform-origin:50% 100%;opacity:0;width:2px;transition:opacity .16s var(--demo-ease), transform .26s var(--demo-ease);border-radius:1px;margin-left:-1px;position:absolute;top:-5px;bottom:-3px;transform:scaleY(.2);box-shadow:0 0 0 1px #00000059;box-shadow:0 0 0 1px lab(0% 0 0/.35)}.xc-cut[data-on]{opacity:1;transform:none}.xc-strip[data-split] .xc-cut{opacity:0;transition-delay:0s!important}.xc-cut-t{color:var(--color-accent);white-space:nowrap;font-size:11px;line-height:1;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}@container (max-width:600px){.xc-cut-t{display:none}}.xc-head-track{pointer-events:none;opacity:0;transition-property:transform,opacity;transition-timing-function:linear,ease-out;position:absolute;inset:0;transform:translate(0)}.xc-head-track[data-on]{opacity:1;transform:translate(100%)}.xc-head-track[data-end]:not([data-on]){transform:translate(100%)}.xc-playhead{background:var(--color-text);border-radius:1px;width:2px;position:absolute;top:-8px;bottom:-3px;left:-1px;box-shadow:0 0 0 1px #0006;box-shadow:0 0 0 1px lab(0% 0 0/.4)}.xc-playhead:before{content:"";background:var(--color-text);border-radius:3px 3px 5px 5px;width:10px;height:10px;position:absolute;top:0;left:-4px}.xc-mid{height:136px;position:relative}@container (max-width:600px){.xc-mid{height:214px}}.xc-info,.xc-cards{position:absolute;inset:0}.xc-info{transition:opacity .16s ease-out, transform .2s var(--demo-ease);align-items:flex-start;gap:14px;display:flex}.xc-info[data-off]{opacity:0;transform:translateY(-4px)}.xc-info img{aspect-ratio:2.4;object-fit:cover;border-radius:6px;flex:none;width:230px;height:auto}.xc-info dl{gap:8px;min-width:0;margin:0;display:grid}.xc-info dt{color:var(--color-muted);font-size:12px}.xc-info dd{margin:1px 0 0;font-size:13px;line-height:1.4}@container (max-width:600px){.xc-info img{width:128px}.xc-info dd{font-size:12px}}@container (max-width:300px){.xc-info img{display:none}}.xc-cards{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:10px;display:grid}@container (max-width:600px){.xc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}}.xc-card{opacity:0;transition:opacity .16s ease-out, transform .22s var(--demo-ease);transform:translateY(6px)}.xc-cards[data-on] .xc-card{opacity:1;transition-delay:calc(.18s + var(--k) * 45ms);transform:none}.xc-poster{aspect-ratio:2.4;border-radius:6px;position:relative}.xc-poster img{object-fit:cover;border-radius:6px;width:100%;height:100%}.xc-poster:after{content:"";box-shadow:0 0 0 2px var(--color-accent);opacity:0;border-radius:8px;transition:opacity .16s ease-out;position:absolute;inset:-2px}.xc-card[data-lift] .xc-poster:after{opacity:1}.xc-name{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:12px;line-height:1.3;overflow:hidden}.xc-name b{font-weight:500}.xc-name span{color:var(--color-muted)}.xc-line{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}@container (max-width:600px){.xc-line{font-size:11px}.xc-ruler span:nth-child(2n){display:none}}.xc-scene{border-top:1px solid var(--color-line);gap:6px;padding-top:12px;display:grid}.xc-scene-row{color:var(--color-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.xc-scene-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.xc-scene-name b{color:var(--color-text);font-weight:600}@container (max-width:600px){.xc-scene-name>span{display:none}}.xc-scene-meta{justify-items:end}.xc-incut{color:var(--color-accent);align-items:center;gap:4px;font-weight:500;display:inline-flex}.xc-slots{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;display:grid}@container (max-width:600px){.xc-slots{gap:2px}}.xc-slot{height:var(--slot-h);background:var(--color-panel);border-radius:5px;position:relative;overflow:hidden}.xc-slot img{object-fit:cover;width:100%;height:100%}.xc-slot>img:not(.xc-slot-take){opacity:.8}.xc-slot[data-empty]{box-shadow:inset 0 0 0 1px var(--color-line-strong);background:0 0;overflow:visible}.xc-slot[data-empty]:before{content:"";border:1px dashed var(--color-line-strong);opacity:1;border-radius:5px;position:absolute;inset:0}.xc-slot-wait{color:var(--color-faint);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}@container (max-width:600px){.xc-slot-wait{display:none}}.xc-slot-take{opacity:0;border-radius:5px;transition:opacity .12s ease-out;position:absolute;inset:0}.xc-slot[data-got] .xc-slot-take{opacity:1}.xc-slot[data-empty]:after{content:"";box-shadow:0 0 0 2px var(--color-accent);opacity:0;border-radius:7px;transition:opacity .16s ease-out;position:absolute;inset:-2px}.xc-slot[data-got]:after{opacity:1;transition-delay:inherit}.xc[data-step=place] .xc-slot[data-got]:after{transition-delay:1.22s}.xc-slot-n{color:var(--color-text-on-media);background:var(--color-glass);border-radius:3px;padding:0 3px;font-size:11px;line-height:14px;position:absolute;top:3px;left:3px}@container (max-width:600px){.xc-slot-n{display:none}.xc-slot[data-empty] .xc-slot-n{color:var(--color-faint);background:0 0;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}}.xc-flyer{z-index:20;object-fit:cover;transform-origin:0 0;pointer-events:none;box-shadow:0 0 0 2px var(--color-accent), 0 16px 32px #0000008c;opacity:0;border-radius:6px;transition:opacity .15s ease-out,transform;position:absolute}@supports (color:lab(0% 0 0)){.xc-flyer{box-shadow:0 0 0 2px var(--color-accent), 0 16px 32px lab(0% 0 0/.55)}}.xc-flyer[data-on]{opacity:1;transition:opacity .12s ease-out .48s, transform .52s var(--ease-in-out) .73s}