.src-switch{--w:66px;z-index:32;border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--raise);padding:2px;display:flex;position:absolute;top:12px;right:12px}.stage.rulers .src-switch{top:30px}.stage:has(>.cv-fps:not([hidden])) .src-switch:not(.on){top:40px}.stage.rulers:has(>.cv-fps:not([hidden])) .src-switch:not(.on){top:58px}.src-switch button{z-index:1;width:var(--w);border-radius:var(--r-sm);height:24px;font-size:var(--fs-ui,12px);color:var(--ink-3);transition:color .15s var(--ease-out);font-weight:500;position:relative}.src-switch button:hover{color:var(--ink)}.src-switch button[aria-selected=true]{color:var(--ink);font-weight:600}.src-switch-thumb{width:var(--w);border-radius:var(--r-sm);background:var(--selected-fill,var(--surface-3));height:24px;box-shadow:var(--selected-raise,none);transition:transform .2s var(--ease-out);position:absolute;top:2px;left:2px}.src-switch.on .src-switch-thumb{transform:translateX(var(--w))}.src-switch:has(:focus-visible){outline:var(--ring-width) solid var(--ring-color);outline-offset:calc(-1 * var(--ring-width))}.src-switch button:focus-visible{outline:none}.src-layer{z-index:31;background:var(--viewport,#1a1a1a);animation:src-in .16s var(--ease-out) both;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.src-layer{background:var(--viewport,lab(9.288% 0 -.00000298023))}}@keyframes src-in{0%{opacity:0}}.src-view{color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.src-head{align-items:center;gap:10px;min-width:0;height:52px;padding:0 158px 0 14px;display:flex}.stage.rulers .src-head{height:70px;padding-top:18px}.src-kind{border-radius:var(--r-sm);background:var(--surface-2);flex:none;place-items:center;width:28px;height:28px;display:grid}.src-title{flex:1;gap:1px;min-width:0;display:grid}.src-title strong{font-size:var(--fs-ui,12px);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.src-title small{color:var(--ink-3);font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.src-tool{border-radius:var(--r-sm);min-width:28px;height:28px;color:var(--ink-2);font-size:var(--fs-ui,12px);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);flex:none;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-weight:500;display:inline-flex}.src-tool:hover{background:var(--hover);color:var(--ink)}.src-tool.on{background:var(--selected-fill,var(--surface-3));box-shadow:var(--selected-raise,none);color:var(--ink)}.src-body{justify-content:center;align-items:center;min-height:0;padding:4px 24px 12px;display:flex;position:relative;overflow:hidden}.src-video{border-radius:var(--r-2xs);cursor:pointer;background:#000;background:lab(0% 0 0);max-width:100%;max-height:100%;display:block}.src-audio-el{display:none}.src-still{display:contents}.src-still img{object-fit:contain;background:repeating-conic-gradient(#2e2e2e 0 25%, #1f1f1f 0 50%) 0 0 / 16px 16px;max-width:100%;max-height:100%;box-shadow:0 0 0 1px var(--line);display:block}@supports (color:lab(0% 0 0)){.src-still img{background:repeating-conic-gradient(lab(18.8% 0 0) 0 25%, lab(11.84% 0 0) 0 50%) 0 0 / 16px 16px}}.src-note{border-radius:var(--r-sm);background:var(--glass);color:var(--ink-2);font-size:var(--fs-ui,12px);pointer-events:none;margin:0;padding:6px 10px;position:absolute;bottom:18px;left:50%;translate:-50%}.src-note.error{pointer-events:auto;justify-items:center;gap:8px;padding:14px 16px;display:grid;top:50%;bottom:auto;translate:-50% -50%}.src-note.error p{margin:0}.src-empty{text-align:center;color:var(--ink-3);flex-direction:column;gap:8px}.src-empty p{color:var(--ink-2);font-size:var(--fs-ui,12px);margin:0;font-weight:500}.src-empty small{max-width:280px;font-size:var(--fs-meta,11px);line-height:1.45}.src-foot{gap:8px;padding:0 14px 12px;display:grid;container-type:inline-size}.src-bar{align-items:center;gap:2px;min-width:0;height:32px;display:flex}.src-play{border-radius:var(--r-md);background:var(--surface-3);width:32px;height:32px;color:var(--ink);transition:background-color .15s var(--ease-out), transform .12s var(--ease-out);flex:none;place-items:center;margin-right:6px;display:grid}.src-play:hover{background:color-mix(in oklch, var(--ink) 14%, var(--surface-3))}.src-play:active:not(:disabled){transform:scale(.96)}.src-time{font-size:var(--fs-ui,12px);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap;flex:none}.src-time b{color:var(--ink);font-weight:600}.src-sep{background:var(--line-2);flex:none;width:1px;height:16px;margin:0 8px}.src-grow{flex:1}.src-range{min-width:0;color:var(--ink-3);font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;margin:0 4px;display:inline-flex;overflow:hidden}.src-range.on{color:var(--src-mark)}.src-range small{color:var(--ink-3);font-size:var(--fs-meta,11px)}.src-add{flex:none;gap:6px;margin-left:auto}.src-add small{font-variant-numeric:tabular-nums;opacity:.78;font-weight:500}.src-dims{color:var(--ink-2);font-size:var(--fs-ui,12px);font-variant-numeric:tabular-nums}.src-length{color:var(--ink-3);font-size:var(--fs-ui,12px);align-items:center;gap:6px;display:inline-flex}.src-length .field{font-variant-numeric:tabular-nums;width:64px;height:28px;padding:0 8px}@container (max-width:600px){.src-sep,.src-range{display:none}}@container (max-width:440px){.src-time span,.src-add small{display:none}}.src-view{--src-mark:#fcb442}@supports (color:lab(0% 0 0)){.src-view{--src-mark:lab(79.0006% 19.667 65.9588)}}.src-strip{border-radius:var(--r-sm);background:var(--surface-2);cursor:pointer;touch-action:none;height:28px;position:relative;container-type:inline-size}.src-strip.tall{background:color-mix(in oklch, var(--surface) 70%, var(--viewport,#1a1a1a));height:100%;min-height:96px}@supports (color:lab(0% 0 0)){.src-strip.tall{background:color-mix(in oklch, var(--surface) 70%, var(--viewport,lab(9.288% 0 -.00000298023)))}}.src-strip:focus-visible{outline-offset:calc(-1 * var(--ring-width))}.src-sel,.src-shade{pointer-events:none;position:absolute;top:0;bottom:0}.src-sel{background:color-mix(in oklch, var(--src-mark) 9%, transparent);opacity:0;transition:opacity .15s var(--ease-out)}.src-strip.marked .src-sel{opacity:1}.src-shade{background:#0000006b;background:lab(0% 0 0/.42)}.src-shade.start{border-radius:var(--r-sm) 0 0 var(--r-sm)}.src-shade.end{border-radius:0 var(--r-sm) var(--r-sm) 0}.src-head-line,.src-hover{pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;left:0}.src-head-line{z-index:3;background:var(--ink);border-radius:1px;box-shadow:0 0 0 1px #00000059;box-shadow:0 0 0 1px lab(0% 0 0/.35)}.src-hover{z-index:2;background:color-mix(in oklch, var(--ink) 45%, transparent);width:1px;margin-left:0}.src-hover small{border-radius:var(--r-xs);background:var(--surface-3);color:var(--ink);font-size:var(--fs-micro,10px);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 5px;position:absolute;bottom:calc(100% + 4px);left:0;translate:-50%}.src-strip.tall .src-hover small{top:4px;bottom:auto}.src-mark{z-index:4;cursor:ew-resize;opacity:.55;width:9px;transition:opacity .15s var(--ease-out);position:absolute;top:-3px;bottom:-3px}.src-strip.marked .src-mark,.src-mark:hover,.src-mark:focus-visible{opacity:1}.src-mark.in{translate:-100%}.src-mark:before{content:"";border:2px solid var(--src-mark);border-radius:var(--r-2xs) 0 0 var(--r-2xs);border-right:0;position:absolute;inset:0 0 0 3px}.src-mark.out:before{border:2px solid var(--src-mark);border-radius:0 var(--r-2xs) var(--r-2xs) 0;border-left:0;inset:0 3px 0 0}.src-mark:focus-visible{outline-offset:calc(-1 * var(--ring-width))}.src-wave-wrap{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;width:100%;height:min(100%,320px);display:grid}.src-wave{fill:#7ad9a6d9;fill:lab(79.8629% -38.1041 16.05/.85);pointer-events:none;width:100%;height:calc(100% - 16px);animation:src-in .24s var(--ease-out) both;position:absolute;inset:8px 0}.src-wave-wait{color:var(--ink-3);font-size:var(--fs-ui,12px);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.src-wave-wait:before{content:"";background:var(--line-2);height:1px;position:absolute;top:50%;left:0;right:0}.src-ruler{height:14px;color:var(--ink-3);font-size:var(--fs-micro,10px);font-variant-numeric:tabular-nums;position:relative}.src-ruler span{border-left:1px solid var(--line-2);white-space:nowrap;padding-left:4px;line-height:14px;position:absolute;top:0}.src-ruler span.end{border-left:0;border-right:1px solid var(--line-2);padding:0 4px 0 0;translate:-100%}.src-wave-fail{color:var(--ink-2);font-size:var(--fs-ui,12px);justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.src-body.audio{padding:4px 14px 12px}.src-specimen{text-align:center;max-width:100%;transition:opacity .2s var(--ease-out);gap:14px;display:grid}.src-specimen span{text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.2;overflow:hidden}.src-specimen .big{font-size:72px;line-height:1}.src-specimen .small{color:var(--ink-2);font-size:15px}.src-info{z-index:5;border-radius:var(--r-md);background:var(--surface-2);width:min(320px,100% - 24px);max-height:calc(100% - 64px);box-shadow:var(--raise), 0 12px 32px -12px #0009;transform-origin:100% 0;animation:src-pop .16s var(--ease-out) both;padding:10px 12px 12px;position:absolute;top:52px;right:12px;overflow:auto}@supports (color:lab(0% 0 0)){.src-info{box-shadow:var(--raise), 0 12px 32px -12px lab(0% 0 0/.6)}}.stage.rulers .src-info{top:70px}@keyframes src-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.src-info header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.src-info header strong{font-size:var(--fs-ui,12px);font-weight:600}.src-info .mdp.in-source{height:auto;box-shadow:inset 0 1px 0 var(--line);margin:0 -12px -12px}.src-info .mdp.in-source .mdp-body{overflow:visible}.src-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.src-layer,.src-info,.src-wave{animation:none}.src-switch-thumb{transition:none}}