@layer components{.ws-live{--sd-blur:clamp(72px, 11vh, 120px);--sd-chrome:168px;--sd-fit:calc(100svh - var(--nav-h) - var(--sd-blur) - var(--sd-chrome))}.ws-win.sd-win>.kit-win-body{height:min(var(--sd-fit), max(476px, var(--ws-h)))}@container ws-stage (max-width:860px){.ws-win.sd-win>.kit-win-body{height:auto}}.sd-touch{z-index:4;background:color-mix(in oklab, var(--color-steel) 26%, transparent);width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--color-steel);visibility:hidden;pointer-events:none;border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:0;left:0}.sd-app.ws-cam{grid-template-columns:44px minmax(0,1fr)}.sd-app .ws-rail{padding-inline:6px}.sd-app .ws-rail-co{padding:2px 5px}.sd-app .ws-rail-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sd-app .ws-rail li{justify-content:center;padding:0}.ws-rail li[data-screen]{color:var(--kit-ink);box-shadow:0 0 0 1px var(--ws-line);background:#fff}.sd-bar.kit-ruler{grid-template-columns:auto minmax(0,1fr);align-items:center}.sd-bar .kit-ruler-now{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sd-bar.kit-ruler:not(:has(.sd-sides)){grid-template-columns:minmax(0,1fr)}@media (max-width:899px){.ws-shape-film .sd-bar .kit-ruler-now{white-space:normal;grid-area:1/1;min-height:3.9em}}@media (max-width:379px){.ws-shape-film .sd-bar .kit-ruler-now{min-height:5.2em}}.sd-sides{background:var(--kit-tone);border-radius:7px;padding:2px;display:inline-flex}.sd-sides button{min-height:32px;color:var(--kit-62);cursor:pointer;transition:background-color .16s var(--kit-io), color .16s var(--kit-io);border-radius:5px;padding-inline:12px;font-size:13px;font-weight:500}.sd-sides button[aria-pressed=true]{color:var(--kit-ink);box-shadow:0 0 0 1px var(--kit-10);background:#fff}.sd-sides button:active{transform:scale(.97)}.sd-sides button:focus-visible{outline:2px solid var(--color-steel);outline-offset:1px}}