.sidebar-footer .studio-return{margin-left:auto;color:#5865f2;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap}
.sidebar-footer .studio-return:hover{text-decoration:underline;text-underline-offset:3px}
.sidebar-footer .studio-return:focus-visible{outline:2px solid #5865f2;outline-offset:3px}
@media(max-width:850px){.sidebar-footer .studio-return{font-size:12px}}

/* The button previews the theme it will activate. */
#app .chat-header [data-ui="theme-toggle"]{background:#fff;color:#111;border-color:#fff}
#app .chat-header [data-ui="theme-toggle"]:hover{background:#eaeaea;color:#111}
#app[data-theme="light"] .chat-header [data-ui="theme-toggle"]{background:#111;color:#fff;border-color:#111}
#app[data-theme="light"] .chat-header [data-ui="theme-toggle"]:hover{background:#333;color:#fff}
.homepage-return{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #fff;border-radius:16px;background:#fff;color:#111;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:650;line-height:normal}
.homepage-return:hover{background:#eaeaea;border-color:#eaeaea}
.homepage-return-arrow{color:#008f78;font-size:16px;font-weight:800;line-height:0}
#app[data-theme="light"] .homepage-return{background:#111;border-color:#111;color:#fff}
#app[data-theme="light"] .homepage-return:hover{background:#333;border-color:#333}
#app[data-theme="light"] .homepage-return-arrow{color:#7cf6dc}
.homepage-return:focus-visible{outline:2px solid #5865f2;outline-offset:3px}
@media(max-width:600px){.homepage-return{font-size:10px}}

/* Loading follows daylight; a manual chat choice remains independent. */
html[data-pilot-theme="dark"],html[data-pilot-theme="dark"] body{background:#0b0f16;color:#eef2f8;color-scheme:dark}
html[data-pilot-theme="dark"] #intro{background:#0b0f16;color:#eef2f8}
html[data-pilot-theme="dark"] .intro-content>p,html[data-pilot-theme="dark"] #intro .load-meta{color:#b8c0cf}
html[data-pilot-theme="dark"] #intro .intro-brand{filter:grayscale(1);opacity:.85}
html[data-pilot-theme="dark"] #intro .load-meter{background:#343d4e}
html[data-pilot-theme="dark"] #intro .load-meter>i{background:#b8bdff}
html[data-pilot-theme="light"] #intro{background:#fff;color:#171717}
html[data-pilot-theme="light"] .intro-content>p,html[data-pilot-theme="light"] #intro .load-meta{color:#626977}
html[data-pilot-theme="light"] #intro .load-meter{background:#e3e7ee}
html[data-pilot-theme="light"] #intro .load-meter>i{background:#5865f2}
html[data-pilot-theme="dark"] #intro .intro-brand,
html[data-pilot-theme="light"] #intro .intro-brand{filter:none;opacity:1;animation:none}
#intro .intro-brand img{filter:grayscale(var(--intro-gray,1));opacity:var(--intro-opacity,.4)}
html[data-pilot-theme="dark"] #intro .load-meter>i,
html[data-pilot-theme="light"] #intro .load-meter>i{background:linear-gradient(90deg,#5865f2 0%,#9853d4 52%,#e63b9a 100%)}
#app:not([data-theme="light"]) .sidebar-footer .studio-return{color:#a7adff}
#app[data-theme="light"] .sidebar-footer .studio-return{color:#4b51d1}

/* Keep every phone control reachable, including while the keyboard is open. */
@media (max-width: 767px), (pointer: coarse) and (hover: none) and (orientation: landscape) and (max-height: 500px) and (max-width: 1024px){
  #app{position:fixed;inset-inline:0;top:var(--pilot-phone-top,0px);height:var(--pilot-phone-height,100dvh);max-width:100%}
  .chat-header{height:auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:2px 8px;padding:6px 12px;flex:none}
  .chat-header .open-chats{grid-column:1;grid-row:1;width:44px;height:44px}
  .conversation-heading{grid-column:2;grid-row:1}
  .conversation-heading small{line-height:1.4}
  .homepage-return{grid-column:3;grid-row:1;display:flex;align-items:center;min-height:44px;font-size:11px}
  .chat-header [data-ui="theme-toggle"]{grid-column:2;grid-row:2;justify-self:start;min-height:44px}
  .chat-header [data-ui="show-results"]{grid-column:3;grid-row:2;min-height:44px;max-width:100%;white-space:normal}
  [data-ui="chat-scroll"]{min-height:64px}
  [data-ui="messages"]{padding:20px 16px 28px}
  .composer-area{max-height:58%;overflow-y:auto;overscroll-behavior:contain;flex-shrink:1;padding:8px 10px max(8px,env(safe-area-inset-bottom))}
  .choice-heading{margin-inline:4px;line-height:1.4}
  .choice-heading>span:first-child{min-width:0;overflow-wrap:anywhere}
  .choice-strip{gap:4px}
  .strip-arrow{width:44px;min-height:44px}
  [data-ui="choices"],[data-ui="choices"].single-row{min-width:0;grid-auto-columns:min(260px,calc(100vw - 120px));grid-template-rows:minmax(56px,auto);max-height:none;align-items:stretch}
  [data-ui="choices"] .choice{width:100%;max-width:none;min-height:56px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:12px}
  [data-ui="side-choices"]{padding:0 4px;gap:12px}
  [data-ui="side-choices"] button{min-height:44px}
  .composer.unlocked .send-icon{width:44px;height:44px}
  [data-ui="jump-bottom"]{width:44px;height:44px}
  .message.user:has(>.message-edit){margin-bottom:36px}
  .message-edit{width:44px;height:44px;opacity:1}
  #chat-sidebar,#app.sidebar-collapsed #chat-sidebar{position:absolute;top:0;bottom:0;height:100%;padding-bottom:max(15px,env(safe-area-inset-bottom))}
  #app.sidebar-open #sidebar-backdrop{position:absolute}
  .sidebar-icon-button,.chat-list-close{width:44px;height:44px}
  .chat-close-confirm button,.sidebar-footer .studio-return{min-height:44px}
  .sidebar-footer .studio-return{display:flex;align-items:center}
  [data-ui="workspace"].has-preview [data-ui="preview-pane"]{position:absolute;inset:0}
  .preview-header{height:57px;padding-inline:4px}
  .preview-tab{height:48px;max-width:calc(100vw - 70px);gap:2px;padding-left:8px}
  .preview-tab button{min-height:44px}
  .preview-tab button[role="tab"]{flex:1}
  .preview-tab .tab-close,[data-ui="preview-close"]{width:44px;height:44px;flex:none}
  .preview-context{height:auto;min-height:44px;gap:8px;padding-inline:10px}
  .preview-context button{min-height:44px;font-size:10px}
  #intro{overflow-y:auto;padding:22px;place-items:safe center}
}
@media (max-width: 767px) and (max-height: 500px), (pointer: coarse) and (hover: none) and (orientation: landscape) and (max-height: 500px) and (max-width: 1024px){
  .chat-header{padding-block:2px}
  .conversation-heading small,.footnote{display:none}
  .composer:not(.unlocked){display:none}
}

/* A wide phone still uses one conversation and one result at a time. */
@media (pointer: coarse) and (hover: none) and (orientation: landscape) and (max-height: 500px) and (max-width: 1024px){
  .chat-header{grid-template-columns:44px minmax(0,1fr) auto auto auto;gap:8px;padding:4px 12px}
  .chat-header [data-ui="theme-toggle"]{grid-column:4;grid-row:1}
  .chat-header [data-ui="show-results"]{grid-column:5;grid-row:1}
  .conversation-heading small{display:none}
  [data-ui="messages"]{padding-block:12px 24px}
  #chat-sidebar,#app.sidebar-collapsed #chat-sidebar{left:0;width:min(300px,86vw);min-width:0;z-index:60;transform:translateX(-100%);visibility:hidden;padding:8px 14px max(8px,env(safe-area-inset-bottom));gap:9px}
  #app.sidebar-open #chat-sidebar{transform:translateX(0);visibility:visible}
  #app.sidebar-open #sidebar-backdrop{display:block;inset:0;z-index:55;border:0;padding:0;background:#03070db8}
  #app.sidebar-collapsed .sidebar-top{flex-direction:row;gap:10px;padding:0 2px}
  #app.sidebar-collapsed .sidebar-brand span,#app.sidebar-collapsed .sidebar-button-label{display:block}
  #app.sidebar-collapsed .sidebar-chats{display:flex}
  #app.sidebar-collapsed #new-chat{width:100%;height:auto;min-height:44px;justify-content:flex-start}
  #app.sidebar-collapsed .sidebar-count{margin:0 11px;text-align:left;font-size:10px}
  .sidebar-count{margin:0 11px}
  #app.sidebar-collapsed .sidebar-footer{justify-content:flex-start;padding:4px 9px 0}
  .sidebar-footer{padding-top:4px}
  .chat-list-close{opacity:1}
  [data-ui="workspace"].has-preview .chat-pane,[data-ui="workspace"].has-preview .workspace-splitter,[data-ui="preview-wide"]{display:none}
  [data-ui="workspace"].has-preview [data-ui="preview-pane"]{z-index:20;border-left:0}
  .preview-header{height:49px}
}