.cloud-mode-picker{position:relative;z-index:30;margin:0 5px 12px}.cloud-mode-trigger{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;height:41px;padding:0 13px;border:1px solid var(--chat-line-strong);border-radius:999px;background:var(--chat-panel);color:var(--chat-text);font:750 12px "Nunito Sans",system-ui,sans-serif;text-align:left;cursor:pointer}.cloud-mode-trigger:hover,.cloud-mode-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--chat-accent) 35%,var(--chat-line-strong));background:var(--chat-panel-2)}.cloud-mode-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--chat-accent);font-size:17px}.cloud-mode-chevron{justify-self:end;color:var(--chat-muted);font-size:18px}.cloud-mode-menu{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid var(--chat-line-strong);border-radius:18px;background:var(--chat-panel-2);box-shadow:0 18px 40px #0008}.cloud-mode-menu[hidden]{display:none}.cloud-mode-menu button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:11px;background:transparent;color:var(--chat-muted);text-align:left;cursor:pointer}.cloud-mode-menu button:hover,.cloud-mode-menu button[aria-checked=true]{background:color-mix(in srgb,var(--chat-accent) 12%,var(--chat-panel));color:var(--chat-text)}.cloud-mode-menu button>span:first-child{display:grid;place-items:center;color:var(--chat-accent);font-size:16px}.cloud-mode-menu button>span:last-child{display:grid;gap:2px}.cloud-mode-menu strong{font-size:12px}.cloud-mode-menu small{color:var(--chat-muted);font-size:10px}.chat-cloud-workspace{min-width:0;min-height:0;overflow:hidden;background:#050505}.chat-cloud-workspace[hidden]{display:none}.chat-cloud-workspace iframe{display:block;width:100%;height:100%;border:0;background:#050505}body.ts-cloud-mode .chat-main{grid-template-rows:52px minmax(0,1fr)!important}body.ts-cloud-mode .chat-stage,body.ts-cloud-mode .chat-composer,body.ts-cloud-mode .chat-side-panel{display:none!important}body.ts-cloud-mode .chat-cloud-workspace{display:block}body.ts-cloud-mode .chat-new,body.ts-cloud-mode .chat-sidebar__nav,body.ts-cloud-mode .chat-sidebar__section{display:none!important}body.ts-cloud-mode .chat-sidebar::after{content:"Projects and tools run in an isolated cloud container. Files are saved between sessions.";display:block;margin:3px 15px;color:var(--chat-muted);font-size:11px;line-height:1.6}body.ts-cloud-mode .chat-topbar__right{display:none!important}@media(max-width:600px){.cloud-mode-picker{margin-right:8px;margin-left:8px}body.ts-cloud-mode .chat-sidebar{min-height:auto}body.ts-cloud-mode .chat-cloud-workspace{height:100%}}

.cloud-mode-mobile{display:none}@media(max-width:600px){.cloud-mode-mobile{display:block;min-width:110px;height:34px;padding:0 9px;border:1px solid var(--chat-line-strong);border-radius:8px;background:var(--chat-panel);color:var(--chat-text);font:700 12px system-ui,sans-serif}body.ts-cloud-mode .chat-sidebar__restore{display:none!important}}
.cloud-mode-icon svg,.cloud-mode-menu svg{width:17px;height:17px}body.ts-cloud-mode .chat-sidebar::after{content:none}.cloud-projects{min-height:0;flex:1;overflow:auto;padding:10px 12px}.cloud-projects[hidden]{display:none}.cloud-projects-head{display:flex;align-items:center;justify-content:space-between;padding:5px 9px 10px;color:var(--chat-muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cloud-projects-head button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--chat-muted);font-size:20px;cursor:pointer}.cloud-projects-head button:hover{background:var(--chat-panel-2);color:var(--chat-text)}#cloud-project-list{display:grid;gap:3px}#cloud-project-list button,.cloud-import-repo{width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--chat-muted);font:700 12px "Nunito Sans",system-ui,sans-serif;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cloud-project-list button:hover,#cloud-project-list button.active,.cloud-import-repo:hover{background:var(--chat-panel-2);color:var(--chat-text)}#cloud-project-list button.active{box-shadow:inset 2px 0 var(--chat-accent)}.cloud-import-repo{margin-top:7px;color:var(--chat-accent)}
.cloud-project-sessions{display:grid;gap:2px;margin:1px 0 7px 12px;padding-left:8px;border-left:1px solid var(--chat-line-strong)}.cloud-project-sessions button{font-size:11px!important;font-weight:600!important;color:var(--chat-muted)!important}.cloud-project-sessions button.active{color:var(--chat-text)!important;box-shadow:none!important}
/* Code and Commerce use their full desktop-style shell inside the workspace frame. */
body.ts-cloud-mode .chat-shell{grid-template-columns:minmax(0,1fr)!important}
body.ts-cloud-mode .chat-sidebar{display:none!important}
body.ts-cloud-mode .chat-topbar{display:none!important}
body.ts-cloud-mode .chat-main{display:flex!important;min-width:0;min-height:0;height:100vh;flex-direction:column!important}
body.ts-cloud-mode .chat-cloud-workspace{display:block!important;flex:1;min-height:0;width:100%}
/* Match the desktop surface picker and titlebar in Chat as well. */
body.ts-chat:not(.ts-cloud-mode) .chat-shell{grid-template-columns:276px minmax(0,1fr)}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar{padding:0 8px 12px}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__brand{position:relative;flex:0 0 78px;min-height:78px;margin:0 -8px;padding:0}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__brand::before{position:absolute;inset:0;display:block;content:"";background:linear-gradient(to bottom,transparent 58%,var(--chat-sidebar) 100%),linear-gradient(to right,transparent 74%,var(--chat-sidebar) 100%),url('/workspace/assets/tokensmith-titlebar-clouds-dark.png') 43% 45%/cover no-repeat;pointer-events:none}
html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__brand::before{background:linear-gradient(to bottom,transparent 56%,var(--chat-sidebar) 100%),linear-gradient(to right,transparent 72%,var(--chat-sidebar) 100%),url('/workspace/assets/tokensmith-titlebar-clouds-light.png') 39% 44%/cover no-repeat}
body.ts-chat:not(.ts-cloud-mode) .chat-brand{position:absolute;z-index:1;top:16px;right:12px;width:38px;height:38px;min-width:0;overflow:hidden}
body.ts-chat:not(.ts-cloud-mode) .chat-brand span{display:none}
body.ts-chat:not(.ts-cloud-mode) .chat-brand__mark,html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-brand__mark{width:32px;height:32px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,69,0,.24))}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__collapse{z-index:2;top:21px;right:54px}
body.ts-chat:not(.ts-cloud-mode) .chat-new{margin:5px 4px 10px;border-radius:8px;background:var(--chat-panel-2)}
.cloud-mode-picker{margin:0 4px 10px}
.cloud-mode-trigger{grid-template-columns:24px minmax(0,1fr) 18px;height:41px;gap:8px;padding:0 13px;border-color:var(--chat-line-strong);border-radius:999px;background:var(--chat-panel);font-size:11px}
.cloud-mode-icon,.cloud-mode-menu button>span:first-child{color:var(--chat-soft)}
.cloud-mode-icon svg,.cloud-mode-menu svg{width:14px;height:14px;stroke-width:2}
.cloud-mode-menu{padding:5px;border-radius:20px;background:var(--chat-panel-2)}
.cloud-mode-menu button{grid-template-columns:24px minmax(0,1fr) 16px;gap:8px;padding:8px 10px;border-radius:999px}
.cloud-mode-menu button:hover,.cloud-mode-menu button[aria-checked=true]{background:var(--chat-control);color:var(--chat-text)}
.cloud-mode-menu button:not([aria-checked=true])>span:first-child{color:var(--chat-muted)}
.cloud-mode-menu strong{font-size:10px}.cloud-mode-menu small{color:var(--chat-dim);font-size:8px}
body.ts-chat:not(.ts-cloud-mode) .chat-topbar,html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-topbar{min-height:52px;height:52px}
body.ts-chat .metal-send-button{background:var(--chat-control);color:var(--chat-text)}
body.ts-chat .metal-send-button:disabled{color:var(--chat-dim)}
@media(max-width:880px){body.ts-chat:not(.ts-cloud-mode) .chat-shell{grid-template-columns:minmax(0,1fr)}}
body.ts-chat:not(.ts-cloud-mode) .chat-new,html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-new{width:auto;margin:5px 4px 10px;border-color:transparent;background:transparent;box-shadow:none}
body.ts-chat:not(.ts-cloud-mode) .chat-new:hover,html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-new:hover{border-color:var(--chat-line-strong);background:var(--chat-control)}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__nav{margin:0 4px 12px}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__nav-item,html[data-theme="light"] body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__nav-item{height:33px;padding:0 10px;border:1px solid var(--chat-line);border-radius:7px;background:var(--chat-bg)}
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__label{padding:3px 7px 7px}
.cloud-mode-trigger:hover,.cloud-mode-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--chat-text) 30%,var(--chat-line-strong));background:var(--chat-control)}
body.ts-chat .cloud-mode-trigger:focus-visible,body.ts-chat .cloud-mode-menu button:focus-visible{outline-color:var(--chat-text)}

/* Match Code and Commerce sidebar size, header placement, and mobile cutoff. */
body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__collapse{left:16px;right:auto;top:21px}
@media (min-width:601px){
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-shell{grid-template-columns:0 minmax(0,1fr)}
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-sidebar{visibility:hidden;opacity:0;pointer-events:none}
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-sidebar__restore{display:grid}
}
@media (min-width:601px) and (max-width:880px){
  body.ts-chat:not(.ts-cloud-mode) .chat-shell{grid-template-columns:276px minmax(0,1fr)}
  body.ts-chat:not(.ts-cloud-mode) .chat-sidebar{position:relative;inset:auto;width:auto;max-width:none;transform:none;z-index:auto}
  body.ts-chat:not(.ts-cloud-mode) .chat-backdrop{display:none}
  body.ts-chat:not(.ts-cloud-mode) .chat-sidebar__restore{display:none}
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-shell{grid-template-columns:0 minmax(0,1fr)}
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-sidebar{visibility:hidden;opacity:0;pointer-events:none}
  body.ts-chat.chat-sidebar-collapsed:not(.ts-cloud-mode) .chat-sidebar__restore{display:grid}
}