.lab-scaffold{--lab-rail-edge:left;--lab-player-reserve:0px;--lab-header-reserve:0px;--lab-rail-reserve:0px;--lab-rail-width:0px;--lab-rail-height:0px;--lab-notice-reserve:0px;--lab-viewport-bottom:0px;min-height:100dvh}.lab-scaffold .lab-app{padding-bottom:max(var(--lab-player-reserve,0px), var(--lab-notice-reserve,0px))}.lab-floating-root,.lab-floating-layer{pointer-events:none;filter:none;perspective:none;contain:none;position:fixed;inset:0;transform:none}.lab-floating-root{z-index:40;color:var(--lab-ink);font:13px/20px var(--lab-font)}.lab-floating-root *,.lab-floating-layer *{box-sizing:border-box}.lab-floating-layer>*{pointer-events:auto}.lab-floating-layer--header,.lab-floating-layer--rail{z-index:1}.lab-floating-layer--player{z-index:2}.lab-floating-layer--notice{z-index:3}.lab-floating-layer--notice>*{bottom:calc(var(--lab-floating-bottom,0px) + var(--lab-shell-gap))}:where(.lab-glass-group){position:relative}.lab-glass-group{--lab-glass-radius:var(--lab-radius-glass,32px);isolation:isolate;border:1px solid var(--lab-line);border-radius:var(--lab-glass-radius);corner-shape:superellipse(1.5);background:var(--lab-glass-fill);-webkit-backdrop-filter:blur(var(--lab-glass-blur)) saturate(var(--lab-glass-saturate)) var(--lab-glass-lift);box-shadow:var(--lab-glass-light), var(--lab-glass-shadow)}.lab-glass-group:before{display:none}.lab-glass-group:is(.lab-toolbar-group,.lab-dock){corner-shape:var(--lab-corner-shape-capsule,superellipse(1.5))}.lab-view-transition{view-transition-name:lab-content}html[data-lab-transition]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-lab-transition]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-lab-transition]::view-transition-group(lab-content){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}html[data-lab-transition]::view-transition-old(lab-content){animation:.16s both lab-view-leave}html[data-lab-transition]::view-transition-new(lab-content){animation:.22s cubic-bezier(.2,.8,.2,1) both lab-view-enter}@keyframes lab-view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-view-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (max-width:720px){.lab-scaffold,.lab-floating-root{--lab-rail-edge:top}.lab-glass-group{--lab-glass-radius:calc(27px * var(--lab-corner-scale,1))}}@supports (corner-shape:superellipse(1.5)){.lab-glass-group:before,.lab-glass-group:after{corner-shape:inherit;overflow:hidden}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lab-glass-group{background-color:var(--lab-surface)}}@media (prefers-reduced-transparency:reduce){.lab-glass-group{background:var(--lab-surface);-webkit-backdrop-filter:none}.lab-glass-group:before{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.lab-view-transition{view-transition-name:none}html[data-lab-transition]::view-transition-old(lab-content){animation:none}html[data-lab-transition]::view-transition-new(lab-content){animation:none}}
.lab-scroll-area{isolation:isolate;border-radius:inherit;corner-shape:inherit;background:0 0;flex:1;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:clip}.lab-scroll-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-top:calc(var(--lab-scroll-top-reserve) + env(safe-area-inset-top,0px));scroll-padding-bottom:calc(var(--lab-scroll-bottom-reserve) + var(--lab-scroll-extra-bottom,0px) + env(safe-area-inset-bottom,0px));position:absolute;inset:0;overflow:hidden auto}.lab-scroll-content{min-height:100%;padding:calc(var(--lab-scroll-top-reserve) + env(safe-area-inset-top,0px)) var(--lab-scroll-padding) calc(var(--lab-scroll-bottom-reserve) + var(--lab-scroll-extra-bottom,0px) + env(safe-area-inset-bottom,0px))}.lab-scroll-content>*{--lab-scroll-extra-bottom:0px}.lab-scroll-float{inset-inline:max(var(--lab-scroll-side-gap,var(--lab-scroll-gap)), env(safe-area-inset-left,0px)) max(var(--lab-scroll-side-gap,var(--lab-scroll-gap)), env(safe-area-inset-right,0px));z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute}.lab-scroll-float>*{pointer-events:auto;max-width:100%}.lab-scroll-float--top{top:calc(var(--lab-scroll-gap) + env(safe-area-inset-top,0px))}.lab-scroll-float--bottom{bottom:calc(var(--lab-scroll-gap) + var(--lab-scroll-extra-bottom,0px) + env(safe-area-inset-bottom,0px))}.lab-scroll-gradient{pointer-events:none;z-index:1;color:var(--lab-scroll-wash-color,var(--lab-scroll-surface,var(--lab-surface)));clip-path:var(--lab-corner-clip,inset(0 round var(--lab-radius-panel)));position:absolute;inset:0}.lab-scroll-wash{pointer-events:none;opacity:var(--lab-scroll-wash-density,.8);position:absolute;inset-inline:0}.lab-scroll-wash--top{top:0}.lab-scroll-wash--bottom{bottom:0;transform:rotate(180deg)}.lab-scroll-wash svg{fill:currentColor;shape-rendering:crispedges;width:100%;height:100%;display:block}@media (forced-colors:active){.lab-scroll-gradient{display:none}}@media (prefers-reduced-transparency:reduce){.lab-scroll-gradient{display:none}}.lab-scroll-refresh{z-index:1;inset-inline:0;top:calc(var(--lab-scroll-top-reserve) + env(safe-area-inset-top,0px));pointer-events:none;justify-content:center;height:0;display:flex;position:absolute}.lab-scroll-refresh-loader{height:max-content;color:var(--lab-muted);display:grid}
.lab-toolbar-layout[role=group]{justify-content:space-between;align-items:flex-start;gap:var(--lab-toolbar-gap);pointer-events:none;inline-size:100%;min-inline-size:0;display:flex;container:lab-toolbar/inline-size}.lab-toolbar-leading{flex:0 auto;min-inline-size:0;max-inline-size:100%;display:flex}.lab-toolbar-trailing{align-items:center;gap:var(--lab-toolbar-gap);flex:none;min-inline-size:0;display:flex}.lab-toolbar-group{--lab-control-height:var(--lab-toolbar-control);--lab-glass-radius:calc((var(--lab-toolbar-control) + 6px) / 2 * var(--lab-capsule-scale,1));inline-size:fit-content;min-inline-size:0;max-inline-size:100%;min-block-size:calc(var(--lab-toolbar-control) + 6px);pointer-events:auto;align-items:center;gap:0;padding:2px;display:flex}.lab-toolbar-group[data-orientation=vertical]{min-block-size:0;inline-size:auto;min-inline-size:calc(var(--lab-toolbar-control) + 6px);flex-direction:column}.lab-toolbar-group>.lab-control[data-variant]{border-radius:calc(var(--lab-glass-radius) - 2px)}@media (pointer:coarse){.lab-toolbar-group{--lab-toolbar-control:calc(max(var(--lab-toolbar-item), var(--lab-control-touch-target)) - 6px)}html[data-lab-theme] .lab-toolbar-group .lab-control[data-variant]{height:max(var(--lab-control-size), var(--lab-toolbar-control));min-height:max(var(--lab-control-size), var(--lab-toolbar-control));min-width:var(--lab-toolbar-control)}html[data-lab-theme] .lab-toolbar-group .lab-control[data-control-size=icon]{width:max(var(--lab-control-size), var(--lab-toolbar-control))}}html[data-lab-theme] .lab-toolbar-group .lab-select[data-surface-variant][data-control-size]{border-radius:calc(var(--lab-glass-radius) - 2px)}html[data-lab-theme] .lab-toolbar-group .lab-text-field{--lab-text-field-height:var(--lab-toolbar-control)}html[data-lab-theme] .lab-toolbar-group .lab-text-field[data-control-size=small]{--lab-text-field-height:min(var(--lab-field-height-small), var(--lab-toolbar-control))}@media (pointer:coarse){html[data-lab-theme] .lab-toolbar-group .lab-select[data-surface-variant][data-control-size]{height:var(--lab-toolbar-control);min-height:var(--lab-toolbar-control)}html[data-lab-theme] .lab-toolbar-group .lab-text-field[data-control-size=small]{--lab-text-field-height:var(--lab-toolbar-control)}}html[data-lab-theme] .lab-toolbar-group .lab-control[data-variant]{border-radius:calc(var(--lab-glass-radius) - 2px);--lab-radius-control:calc(var(--lab-glass-radius) - 2px)}
