@import url('./playground-controls.css');
body .comparison,body .lane,body .lane:last-child{background:#fff}
body .phone-shell .wabi-screen::before{background:#fff}
.widget-studio{position:fixed;z-index:961;right:20px;bottom:calc(var(--timeline-height,104px) + 72px);pointer-events:none;font:400 13px/1.4 Selecta,sans-serif;color:#273039;--ink:#273039;--ink2:#77828a;--paper:#fff;--sink:#f1f3f4;--rule:#dde2e5;--rule2:#e6e9ec}
.widget-studio.is-open .bts-panel{opacity:1;visibility:visible;transform:none}
.widget-studio .bts-panel{max-height:calc(100dvh - var(--timeline-height,104px) - 145px);width:340px;background:#ffffffed}
.widget-studio-body{overflow:auto;overscroll-behavior:contain;padding:0 20px 20px;min-height:0}
.widget-studio .finish-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
.widget-studio .finish-controls .finish-preset{display:flex;align-items:center;flex-direction:column;border-radius:12px;font-size:10px}
.widget-studio .finish-field select{background:#f4f6f7;border:1px solid #e2e6e9;border-radius:9px;color:#34434c;font:12px Selecta,sans-serif}
.widget-studio .finish-auto{border:0}
.widget-studio .finish-range input[type=range]{accent-color:#78919a;min-height:32px}
.widget-studio button:focus-visible,.widget-studio select:focus-visible,.widget-studio input:focus-visible{outline:2px solid #597d91;outline-offset:3px}
body .phone-shell .pinned-widget.has-widget-finish{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body .phone-shell .pinned-widget.has-widget-finish::after{display:none!important}
.widget-surface{display:block;position:absolute;inset:0;isolation:isolate;overflow:hidden}
.widget-rim{position:absolute;inset:0;pointer-events:none;z-index:20}
.widget-surface .pinned-photo{border-radius:0;z-index:0}
body .phone-shell .places-widget .widget-content::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 22%,#ffffff15 38%,#ffffffe8 65%,#fffffff5 86%);z-index:0;pointer-events:none}
.widget-surface .pinned-caption{z-index:1}.widget-surface .widget-info{z-index:2}
@media(max-width:600px){.widget-studio{right:16px;bottom:calc(var(--timeline-height,142px) + 72px)}.widget-studio .bts-panel{width:min(340px,calc(100vw - 32px))}}
@media(prefers-reduced-motion:reduce){.widget-studio .bts-panel{transition:none}}

.widget-studio .bts-panel{transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-out),visibility 220ms}.widget-studio[data-instant=true] .bts-panel{transition:none}
@media(prefers-reduced-motion:reduce){.widget-studio .bts-panel{transition:none}}