.yh{background:var(--color-bg);height:470px;font-size:13px}.yh b{font-weight:600}.yh p{margin:0}.yh-studio{transition:opacity .3s var(--ease), transform .3s var(--ease);flex-direction:column;gap:14px;padding:20px 22px;display:flex;position:absolute;inset:0}.yh-studio[data-off]{opacity:0;transform:scale(.98)}.yh-title{align-items:baseline;gap:10px;display:flex}.yh-title b{font-size:16px}.yh-title span{color:var(--color-muted);font-size:12.5px}.yh-tl{background:var(--color-panel);border-radius:10px;gap:10px;padding:14px 16px 18px;display:grid;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yh-tl-h{color:var(--color-muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.yh-key{opacity:0;transition:opacity .25s var(--ease) .5s;align-items:center;gap:6px;display:inline-flex}.yh-key[data-on]{opacity:1}.yh-key i{background:#52555b;background:lab(36.1636% -.424668 -3.72633);background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.14) 0 2px,#0000 2px 5px);border-radius:2px;width:14px;height:10px}.yh-track{height:112px;position:relative}.yh-lane{pointer-events:none;transition:transform .5s var(--move);will-change:transform;position:absolute;inset:0}.yh-clip{box-shadow:inset 0 2px 0 var(--color-accent), 0 0 0 1px #0006;background:var(--color-panel-2);border-radius:4px;position:absolute;top:0;bottom:18px;overflow:hidden}@supports (color:lab(0% 0 0)){.yh-clip{box-shadow:inset 0 2px 0 var(--color-accent), 0 0 0 1px lab(0% 0 0/.4)}}.yh-clip img{object-fit:cover;width:100%;height:100%}.yh-num{color:var(--color-text-on-media);background:var(--color-glass);border-radius:4px;padding:0 5px;font-size:10.5px;line-height:16px;position:absolute;top:6px;left:5px}.yh-len{white-space:nowrap;color:var(--color-text);text-align:center;font-size:11px;line-height:16px;position:absolute;bottom:-18px;left:-10px;right:-10px}.yh-clip{overflow:visible}.yh-clip img{border-radius:4px}.yh-handle{position:absolute;top:4px;bottom:22px;overflow:hidden}.yh-handle[data-side=b]{border-radius:4px 0 0 4px}.yh-handle[data-side=a]{border-radius:0 4px 4px 0}.yh-handle-in{transition:transform .45s var(--ease);background:#3a3d43;background:lab(25.7227% -.407726 -3.71773);place-items:center;display:grid;position:absolute;inset:0}.yh-handle[data-side=b] .yh-handle-in{transform:translate(101%)}.yh-handle[data-side=a] .yh-handle-in{transform:translate(-101%)}.yh-handle-in img{object-fit:cover;filter:grayscale()brightness(.45);width:100%;height:100%;position:absolute;inset:0}.yh-handle-in:after{content:"";background-image:repeating-linear-gradient(135deg,#ffffff17 0 2px,#0000 2px 6px);background-image:repeating-linear-gradient(135deg,lab(100% 0 0/.09) 0 2px,#0000 2px 6px);position:absolute;inset:0}.yh-handle-in em{z-index:1;color:var(--color-text-on-media);white-space:nowrap;font-size:11px;font-style:normal;position:relative}.yh-track[data-spread] .yh-handle-in{transform:none}.yh-track[data-play] .yh-handle-in{transition-delay:calc(.38s + var(--k) * 90ms)}.yh-track[data-play] .yh-lane{transition-delay:calc(var(--k) * 40ms)}.yh-export{background:var(--color-panel);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yh-export-i{background:var(--color-panel-2);width:30px;height:30px;color:var(--color-muted);border-radius:8px;flex:none;place-items:center;display:grid}.yh-export-t{flex:1;gap:4px;min-width:0;display:grid}.yh-export-t p{color:var(--color-muted);max-width:60ch;font-size:12.5px}.yh-prog{opacity:0;transition:opacity .2s var(--ease) .7s, transform .2s var(--ease) .7s;align-items:center;gap:12px;margin-top:10px;display:flex;transform:translateY(4px)}.yh-prog[data-on]{opacity:1;transform:none}.yh-segs{flex:1;grid-template-columns:repeat(9,1fr);gap:3px;display:grid}.yh-segs span{background:var(--color-line);border-radius:3px;height:5px;position:relative;overflow:hidden}.yh-segs span:after{content:"";background:var(--color-ok);transform-origin:0;transition:transform .14s linear;position:absolute;inset:0;transform:scaleX(0)}.yh-segs span[data-now]:after{background:var(--color-accent);transform:scaleX(.6)}.yh-segs span[data-done]:after{transform:none}.yh-count{min-width:132px;color:var(--color-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.yh-count .y-ico{color:var(--color-ok)}.yh-btn{flex:none;min-width:128px;transition:background-color .15s ease-out,color .15s ease-out}.yh-btn[data-busy]{color:var(--color-muted)}.yh-fcp{color:#dedede;color:lab(88.4% 0 .0000119209);opacity:0;transition:opacity .32s var(--ease), transform .32s var(--ease);--f-panel:#202020;--f-line:#303030;--f-clip:#43629c;--f-clip-2:#314c7e;--f-audio:#2e7864;background:#161616;background:lab(7.22637% -.0000149012 0);flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(1.02)}@supports (color:lab(0% 0 0)){.yh-fcp{--f-panel:lab(12.42% -.00000745058 .00000298023);--f-line:lab(19.96% -.0000149012 0);--f-clip:lab(41.2792% 2.19378 -35.6147);--f-clip-2:lab(32.0446% 2.42849 -31.9851);--f-audio:lab(45.3685% -27.82 4.02144)}}.yh-fcp[data-on]{opacity:1;transition-delay:.12s;transform:none}.yh-f-bar{color:#a4a4a4;color:lab(67.52% -.0000298023 0);background:#262626;background:lab(15.32% 0 0);border-bottom:1px solid #0d0d0d;border-bottom:1px solid lab(3.6999% 0 0);flex:none;justify-content:center;align-items:center;height:30px;font-size:12px;display:flex;position:relative}.yh-f-dots{gap:6px;display:flex;position:absolute;left:12px}.yh-f-dots i{background:#484848;background:lab(30.4% -.0000149012 0);border-radius:999px;width:9px;height:9px}.yh-f-top{background:#0d0d0d;background:lab(3.6999% 0 0);flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1px;min-height:0;display:grid}.yh-f-browser{background:var(--f-panel);flex-direction:column;gap:8px;min-height:0;padding:10px 12px;display:flex;overflow:hidden}.yh-f-h{color:#9e9e9e;color:lab(65.2% 0 0);font-size:11.5px}.yh-f-grid{grid-template-columns:repeat(3,1fr);gap:8px 6px;display:grid}.yh-f-asset{gap:3px;min-width:0;display:grid}.yh-f-asset img{aspect-ratio:16/9;object-fit:cover;border-radius:2px;width:100%}.yh-f-asset em{color:#aeaeae;color:lab(71% 0 0);white-space:nowrap;font-size:10.5px;font-style:normal}.yh-f-viewer{background:#070707;background:lab(1.98454% 0 0);place-items:center;padding:14px;display:grid;position:relative}.yh-f-viewer img{aspect-ratio:2.4;object-fit:cover;width:100%}.yh-f-viewer span{color:#cecece;color:lab(82.6% .0000298023 -.0000119209);font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.yh-f-tl{background:#121212;background:lab(5.26802% 0 0);border-top:1px solid #060606;border-top:1px solid lab(1.5609% 0 0);flex:none;gap:6px;padding:12px 16px;display:grid}.yh-f-src{height:16px;position:relative}.yh-f-lbl{text-align:center;color:#ecca6c;color:lab(82.9663% 4.07469 51.0383);white-space:nowrap;opacity:0;transition:opacity .25s var(--ease) 1s;font-size:11px;position:absolute;bottom:0}.yh-fcp[data-on] .yh-f-lbl{opacity:1}.yh-f-ghost{z-index:1;position:absolute;top:6px;bottom:6px;overflow:hidden}.yh-f-ghost i{transition:transform .45s var(--ease) .65s;background:#0d0d0d9e;background:lab(3.6999% 0 0/.62);border:1.5px dashed #ecca6ce6;border:1.5px dashed lab(82.9663% 4.07469 51.0383/.9);position:absolute;inset:0}.yh-f-ghost[data-side=b] i{border-right:0;border-radius:4px 0 0 4px;transform:translate(101%)}.yh-f-ghost[data-side=a] i{border-left:0;border-radius:0 4px 4px 0;transform:translate(-101%)}.yh-fcp[data-on] .yh-f-ghost i{transform:none}.yh-f-story{background:#0b0b0b;background:lab(3.04863% 0 0);border-radius:4px;height:104px;position:relative}.yh-f-clip{background:var(--f-clip-2);border-radius:4px;flex-direction:column;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080;box-shadow:inset 0 0 0 1px lab(0% 0 0/.5)}.yh-f-clip[data-sel]:after{content:"";border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f1c955;box-shadow:inset 0 0 0 2px lab(82.9794% 5.55551 61.6357)}.yh-f-name{color:#f2f2f2;color:lab(95.36% 0 0);background:var(--f-clip);white-space:nowrap;flex:none;padding:1px 6px;font-size:10.5px;line-height:14px;overflow:hidden}.yh-f-film{flex:1;min-height:0;overflow:hidden}.yh-f-film img{object-fit:cover;width:100%;height:100%}.yh-f-audio{background:var(--f-audio);background-image:repeating-linear-gradient(90deg,oklch(32% .06 172) 0 1px,#0000 1px 3px);background-position:0;background-repeat:repeat-x;background-size:3px 60%;flex:none;height:14px}.yh-f-head{background:#ebd9d6;background:lab(88.2336% 5.8575 3.89044);width:1px;position:absolute;top:-4px;bottom:-4px}.yh-f-note{color:#aeaeae;color:lab(71% 0 0);align-items:center;gap:7px;font-size:11.5px;display:flex}.yh-f-sw{background:#ecca6c1f;background:lab(82.9663% 4.07469 51.0383/.12);border:1.5px dashed #ecca6ce6;border:1.5px dashed lab(82.9663% 4.07469 51.0383/.9);border-radius:2px;width:14px;height:10px}@container not (min-width:640px){.yh{height:560px}.yh-studio{gap:12px;padding:14px 12px}.yh-title{flex-direction:column;gap:2px}.yh-title b{font-size:15px}.yh-tl{padding:12px}.yh-tl-h{flex-direction:column;gap:4px}.yh-track,.yh-f-story{height:92px}.yh-f-viewer{padding:10px}.yh-handle-in em{display:none}.yh-num{padding:0 3px;font-size:10px;left:3px}.yh-export{flex-wrap:wrap;gap:10px 12px;padding:14px}.yh-export-t{flex-basis:calc(100% - 44px)}.yh-btn{margin-left:42px}.yh-count{min-width:0}.yh-f-top{grid-template-columns:1fr}.yh-f-browser{display:none}.yh-f-tl{padding:10px 12px}}