.mobile-chrome,.mobile-drawer-top,.mobile-drawer-quick,.mobile-recents,.mobile-drawer-profile,.mobile-nav-shade,.mobile-tools,.mobile-response{display:none}
@media(max-width:760px){
 html:has(.studio-shell){scrollbar-gutter:auto}
 body.in-studio{overflow:hidden}
 .studio-shell,.studio-shell.nav-expanded,.connected-shell{position:fixed;inset:0 0 auto;height:var(--mobile-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .studio-shell .studio-header{position:relative;top:auto;flex:none;height:calc(64px + env(safe-area-inset-top));min-height:64px;padding:env(safe-area-inset-top) 12px 0;display:block;border:0;background:var(--paper);z-index:40}
 .studio-header>:not(.mobile-chrome){display:none}
 .mobile-chrome{display:flex;align-items:center;justify-content:space-between;height:64px;gap:6px}
 .mobile-round{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--white)}
 .mobile-round .icon{width:21px;height:21px}
 .mobile-space{display:flex;align-items:center;gap:5px;padding:8px 0;font-size:19px;font-weight:650;letter-spacing:-.6px;margin-right:auto}
 .mobile-space small{font-size:12px;letter-spacing:0}
 .mobile-space>.icon{width:13px;height:13px;transform:rotate(90deg);margin-left:3px}
 .mobile-header-actions{display:flex;gap:0;background:var(--white);border-radius:24px}
 .mobile-header-actions .mobile-round{background:transparent}
 .studio-shell .workspace{flex:1;min-height:0;overflow:hidden;padding:0 16px 0;width:100%;display:flex;flex-direction:column}
 .workspace-context{flex:none}
 .workspace:has(.chat-workbench) .workspace-context{display:none}
 #server-content{min-height:0;overflow-y:auto;flex:1;padding-bottom:24px}
 #server-content:has(.chat-workbench){display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
 .workbench-toolbar,.recent-section{display:none}
 .chat-workbench,.nav-expanded .chat-workbench,.connected-shell .server-workbench{display:flex;flex:1;min-height:0;max-height:none;height:auto;margin:0;overflow:hidden}
 .conversation-area{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}
 .chat-workbench .conversation-flow,.server-workbench .conversation-flow,.server-workbench.has-thread .conversation-flow{flex:1;min-height:0;overflow:auto;max-height:none;padding:12px 0 16px;overscroll-behavior:contain}
 .chat-welcome,.server-workbench .chat-welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100%;padding:16px 0 0;width:100%}
 .chat-welcome::before{content:"";display:block;flex:none;width:64px;height:64px;background:url('./assets/identity/rabbit-192.png') center/contain no-repeat;margin-bottom:22px}
 .chat-welcome .welcome-note{display:none}
 .chat-welcome h1,.server-workbench .chat-welcome h1{font-size:27px;line-height:1.25;max-width:320px}
 .chat-welcome>p:not(.hand-note),.server-workbench .chat-welcome>p:not(.hand-note){font-size:13px;line-height:1.65;margin-top:16px;max-width:290px}
 .prompt-suggestions{margin-top:24px;display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;padding-bottom:8px;scrollbar-width:thin}
 .prompt-suggestions>button,.server-workbench .prompt-suggestions>button{font-size:11px;min-height:40px;flex:0 0 auto;white-space:nowrap;max-width:none;padding:10px 12px}
 .chat-workbench .composer:has(.composer-pet),.server-workbench .composer:has(.composer-pet){display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:end;gap:4px;margin:84px 0 0;padding:7px;border-radius:28px;flex:none;min-height:58px}
 .composer textarea,.server-workbench .composer textarea{grid-column:2;grid-row:1;display:block;min-height:36px;max-height:132px;height:var(--draft-height,36px);font-size:16px;line-height:24px;padding:6px 0;resize:none;overflow-y:auto}
 .composer-tools{display:contents}
 .composer-tools>:not(.send-button){display:none}
 .composer .send-button{grid-column:3;grid-row:1;align-self:end;width:40px;height:40px}
 .composer .send-button[hidden]{display:none}
 .mobile-tools{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;position:relative;z-index:2}
 .composer-pet{width:88px;height:88px;right:24px;bottom:calc(100% - 7.333px);transition:opacity 120ms var(--ease)}
 .studio-shell.is-composing .composer:has(.composer-pet){margin-top:12px}
 .is-composing .composer-pet{opacity:0}
 .composer-footnote,.server-workbench .composer-footnote{flex:none;font-size:10px;line-height:1.4;margin:7px 0 0;padding:0 4px calc(9px + env(safe-area-inset-bottom));text-align:center;color:var(--muted)}
 .thread-heading{display:none}
 .user-message{margin:12px 0 24px auto;border-radius:20px;padding:12px 16px;max-width:88%;font-size:15px;line-height:1.6}
 .assistant-message{font-size:15px;line-height:1.7;margin-top:18px}
 .mobile-result-summary{display:none}
 .mobile-response{display:block;font-size:15px;line-height:1.7}
 .mobile-response .artifact-document{padding:0;background:transparent;box-shadow:none;border-radius:0;transform:none!important;opacity:1!important}
 .mobile-response .artifact-document h2{font-size:22px;line-height:1.35;margin:10px 0 16px}
 .mobile-response .artifact-document p,.mobile-response .artifact-document li{font-size:15px;line-height:1.75}
 .mobile-response .document-note{font-size:11px!important;margin-top:20px}
 .mobile-response-actions{display:flex;align-items:center;gap:10px;margin:16px 0 12px}
 .mobile-response-actions .button{min-height:40px;font-size:12px;padding:9px 14px}
 .chat-workbench .artifact-board{display:none!important}
 .studio-shell .studio-rail{position:fixed;inset:0 auto 0 0;top:0;bottom:0;width:min(320px,86vw);height:var(--mobile-height,100dvh);padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;overflow-y:auto;background:#e8edde;border:0;z-index:80;transform:translateX(-104%);visibility:hidden;transition:transform 240ms cubic-bezier(.16,1,.3,1),visibility 0s 240ms}
 .developer-shell .studio-rail{background:#eae5f2}
 .mobile-nav-open .studio-rail{transform:none;visibility:visible;transition-delay:0s}
 .mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
 .mobile-drawer-top .wordmark{font-size:26px}
 .mobile-drawer-top .wordmark small{font-size:12px}
 .mobile-drawer-quick{display:grid;gap:4px}
 .mobile-drawer-quick>a,.mobile-drawer-quick>button{display:flex;align-items:center;gap:12px;min-height:44px;text-align:left;font-size:14px;padding:8px 12px;border-radius:12px}
 .studio-rail .rail-toggle{display:none}
 .studio-rail nav,.developer-shell .studio-rail nav{display:flex;flex-direction:column;gap:2px;flex:none}
 .studio-rail .rail-link,.studio-rail nav .rail-link,.developer-shell .studio-rail nav .rail-link{display:flex;flex-direction:row;align-items:center;width:100%;flex:none;min-height:44px;height:44px;padding:10px 12px;gap:12px;justify-content:flex-start;font-size:13px}
 .studio-rail .rail-link>span,.nav-expanded .studio-rail .rail-link>span{display:block;opacity:1;max-width:none;overflow:visible}
 .studio-rail .rail-mobile-label{display:none!important}
 .studio-rail .rail-active-dot{top:20px;right:12px}
 .studio-rail .rail-bottom{display:flex;flex-direction:column;gap:2px;margin-top:auto}
 .studio-rail .rail-companion{display:none}
 .mobile-recents{display:flex;flex-direction:column;flex:1;min-height:64px;overflow:hidden}
 .mobile-recents>p{flex:none}
 .mobile-recents [data-mobile-recents]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .mobile-drawer-top,.mobile-drawer-quick,.studio-rail .rail-bottom,.mobile-drawer-profile{flex-shrink:0}
 .mobile-recents>p{font-size:11px;color:var(--muted);padding:10px 12px}
 .mobile-recents [data-mobile-recents]>a{display:block;min-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:10px 12px;border-radius:10px}
 .mobile-recents [data-mobile-recents]>a:hover{background:var(--paper)}
 .mobile-recents [data-mobile-recents]>span{display:block;font-size:12px;padding:10px 12px;color:var(--muted)}
 .mobile-drawer-profile{display:flex;align-items:center;gap:10px;min-height:54px;padding-top:8px;border-top:1px solid var(--line);font-size:14px}
 .mobile-drawer-profile>span{flex:1}.mobile-drawer-profile small{display:block;font-size:10px;color:var(--muted)}
 .mobile-nav-shade{display:block;position:fixed;inset:0;z-index:70;background:#24262255;opacity:0;visibility:hidden;transition:opacity 180ms var(--ease),visibility 0s 240ms}
 .mobile-nav-open .mobile-nav-shade{opacity:1;visibility:visible;transition-delay:0s}
 .mobile-sheet-links{display:grid;gap:8px;margin:16px 0}.mobile-sheet-links a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 8px;border-radius:10px;font-size:14px}.mobile-sheet-links a:hover{background:var(--mint)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.studio-shell .studio-rail,.mobile-nav-shade{transition:none}}
@media(max-width:760px){.reduce-motion .studio-shell .studio-rail,.reduce-motion .mobile-nav-shade{transition:none}}