/* A response belongs to the glyph, not to a bouncing navigation row. */
.studio-shell{--nav-duration:220ms;transition:grid-template-columns var(--nav-duration) cubic-bezier(.4,0,.2,1)}
.studio-shell.nav-expanded{--rail:224px}
.rail-selection{position:absolute;z-index:0;pointer-events:none;border-radius:12px;background:var(--paper);transform-origin:0 0}
.rail-motion-ready .rail-link.selected{background:transparent}
.rail-motion-ready .rail-link{z-index:1}
.rail-link.selected{font-weight:550}
.rail-link .icon{overflow:visible}
.rail-toggle .icon [data-part]{transform-box:view-box;transition:transform 220ms cubic-bezier(.4,0,.2,1)}
.studio-rail .icon [data-part=menu-top]{transform-origin:4px 6px}
.studio-rail .icon [data-part=menu-bottom]{transform-origin:4px 18px}
.rail-toggle[aria-expanded=true] [data-part=menu-top]{transform:translateY(6px) rotate(-40deg) scaleX(.55)}
.rail-toggle[aria-expanded=true] [data-part=menu-bottom]{transform:translateY(-6px) rotate(40deg) scaleX(.55)}
@media(min-width:761px){
 .studio-rail .rail-link>span,.connected-shell.nav-expanded .rail-link>span{flex:1;min-width:0;max-width:none;white-space:nowrap;overflow:hidden;overflow-wrap:normal;opacity:0;transform:translateX(-4px);transition:opacity 160ms var(--ease),transform 240ms var(--ease)}
 .nav-expanded .studio-rail .rail-link>span{opacity:1;transform:none;transition-delay:45ms}
 .connected-shell.nav-expanded .rail-link{height:48px}
 .studio-shell:not(.nav-expanded) .rail-link[data-tip]::after{content:attr(data-tip);position:absolute;left:calc(100% + 20px);padding:8px 12px;border-radius:8px;background:var(--ink);color:var(--paper);font:400 12px/1.55 Onest,sans-serif;white-space:nowrap;z-index:50;pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-4px);transition:opacity 140ms var(--ease),transform 180ms var(--ease),visibility 0s 140ms}
 .studio-shell:not(.nav-expanded) .rail-link[data-tip]:is(:hover,:focus-visible)::after{opacity:1;visibility:visible;transform:none;transition-delay:65ms}
 .studio-shell:not(.nav-expanded) .rail-link[data-tip]:focus-visible::after{transition-delay:0s}
}
/* The editor is a real occluding plane. Only the lower paws pass in front. */
.composer:has(.composer-pet){isolation:isolate;background:transparent;box-shadow:none}
.composer:has(.composer-pet)::before{content:"";position:absolute;inset:0;z-index:1;background:var(--white);border-radius:inherit;box-shadow:0 6px 24px -12px #59664735;pointer-events:none}
.composer:has(.composer-pet):has(textarea:focus)::before{box-shadow:none}
.composer:has(.composer-pet)>:is(textarea,.composer-tools){position:relative;z-index:2}
.composer-pet{position:absolute;right:14px;bottom:calc(100% - 12px);width:144px;height:144px;pointer-events:none;background-image:url('./assets/rabbit-climb-v1.webp');background-size:400% 200%;background-position:var(--pet-x,0%) var(--pet-y,0%);background-repeat:no-repeat;transform:translateY(var(--pet-shift,0px))}
.pet-back{z-index:0}
.composer[data-pet-frame="6"] .pet-back{clip-path:inset(8% 0 0)}
.pet-front{z-index:3;clip-path:inset(84% 0 0)}
.composer:is([data-pet-frame="0"],[data-pet-frame="1"],[data-pet-frame="4"],[data-pet-frame="5"]) .pet-front{visibility:hidden}
@media(max-width:760px){.composer:has(.composer-pet),.server-workbench .composer:has(.composer-pet){margin-top:128px}.composer-pet{right:4px;width:132px;height:132px}}
@media(min-width:761px) and (max-width:1100px){.studio-shell.nav-expanded{--rail:208px}.studio-rail .rail-link{font-size:12px}.chat-workbench,.connected-shell .server-workbench{height:auto;max-height:none}.chat-workbench .conversation-flow{flex:none;overflow:visible;min-height:0}.chat-workbench .composer:has(.composer-pet){margin-top:144px}}
@media(prefers-reduced-motion:reduce){.studio-shell{transition:none}.studio-rail .icon [data-part]{transition:none}.rail-link[data-micro] [data-part]{transform:none!important}.composer-pet{transition:none;background-position:100% 100%;transform:translateY(3px)}}
.reduce-motion .studio-shell{transition:none}.reduce-motion .studio-rail .icon [data-part]{transition:none}.reduce-motion .rail-link[data-micro] [data-part]{transform:none!important}.reduce-motion .composer-pet{transition:none;background-position:100% 100%;transform:translateY(3px)}