[data-layout=mobile]{--mobile-bg: rgb(36, 36, 36);--mobile-panel: rgb(21, 21, 21);--mobile-card: rgb(31, 31, 30);--mobile-line: rgba(255,255,255,.09);--mobile-text: rgba(255,255,255,.94);--mobile-muted: rgba(255,255,255,.48);color-scheme:dark}[data-layout=mobile],[data-layout=mobile] body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--mobile-bg)}[data-layout=mobile] body{position:fixed;inset:0}[data-layout=mobile] .mobile-app-shell{position:fixed;z-index:1;top:var(--app-top, 0px);left:0;width:100%;height:var(--app-h, 100dvh);overflow:hidden;background:var(--mobile-bg)}[data-layout=mobile] .mobile-header{position:absolute;z-index:25;top:0;left:0;right:0;height:calc(var(--safe-t, 0px) + 76px);padding:calc(var(--safe-t, 0px) + 14px) 14px 8px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;background:linear-gradient(to bottom,var(--mobile-bg) 76%,rgba(36,36,36,0))}[data-layout=mobile] .mobile-header-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--mobile-line);border-radius:50%;background:#ffffff09;color:#ffffffb8}[data-layout=mobile] .mobile-header-button:active{transform:scale(.96);background:#ffffff14}[data-layout=mobile] .mobile-header-title{min-width:0;display:grid;place-items:center;text-align:center}[data-layout=mobile] .mobile-header-title #activeTitle{max-width:100%;overflow:hidden;color:var(--mobile-text);font-size:17px;font-weight:620;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}[data-layout=mobile] .mobile-header-title #runState{display:none}[data-layout=mobile] .mobile-thread{position:absolute;inset:0;padding:0!important;overflow:hidden;background:transparent}[data-layout=mobile] .mobile-thread .messages{position:absolute;inset:0 0 calc(var(--dock-h, 86px) + 4px);padding:calc(var(--safe-t, 0px) + 92px) 15px 22px;display:flex;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none}[data-layout=mobile] .mobile-thread .messages::-webkit-scrollbar{display:none}[data-layout=mobile] .mobile-thread .empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:15px;padding:0 24px 6vh;color:#ffffffd6;text-align:center}[data-layout=mobile] .mobile-thread .empty-state[hidden]{display:none}[data-layout=mobile] .mobile-empty-mark{color:#d8785a}[data-layout=mobile] .mobile-thread .empty-state p{margin:0;font:500 24px/1.2 Georgia,serif;letter-spacing:-.025em}[data-layout=mobile] .mobile-thread .message{width:auto;max-width:88%;margin:0;font-size:15px;line-height:1.48}[data-layout=mobile] .mobile-thread .message.user{align-self:flex-end;justify-content:flex-end}[data-layout=mobile] .mobile-thread .message.user .user-payload{max-width:100%}[data-layout=mobile] .mobile-thread .user-bubble,[data-layout=mobile] .mobile-thread .stream-user-bubble{padding:10px 13px;border:0;border-radius:19px 19px 7px;background:#ecece8;color:#1c1c1c;font-size:15px;line-height:1.42}[data-layout=mobile] .mobile-thread .agent-message,[data-layout=mobile] .mobile-thread .chat-message{align-self:flex-start;color:var(--mobile-text)}[data-layout=mobile] .mobile-thread .agent-copy,[data-layout=mobile] .mobile-thread .stream-text{padding:0;border:0;background:transparent;color:var(--mobile-text);font-size:15px;font-weight:450;line-height:1.52}[data-layout=mobile] .mobile-thread .stream-text+.stream-text{margin-top:12px}[data-layout=mobile] .mobile-thread .stream-tool,[data-layout=mobile] .mobile-thread .stream-log,[data-layout=mobile] .mobile-thread .stream-log-block,[data-layout=mobile] .mobile-thread .mobile-current-step,[data-layout=mobile] .mobile-thread .stream-thinking,[data-layout=mobile] .mobile-thread .stream-note,[data-layout=mobile] .mobile-thread .run-in-terminal,[data-layout=mobile] .mobile-thread .generated-files,[data-layout=mobile] .mobile-thread .code-card,[data-layout=mobile] .mobile-thread .terminal-box,[data-layout=mobile] .mobile-thread .preview{display:none!important}[data-layout=mobile] .mobile-thread .message-actions{margin-top:6px;opacity:.48;transform:scale(.86);transform-origin:left top}[data-layout=mobile] .mobile-composer-dock{position:absolute;z-index:30;left:14px;right:14px;bottom:calc(14px + var(--safe-b, 0px));width:auto;padding:0;background:transparent;pointer-events:none}[data-layout=mobile] .mobile-composer-dock>*{pointer-events:auto}[data-layout=mobile] .mobile-composer-dock:before{display:none}[data-layout=mobile] .mobile-composer-dock .composer{min-height:58px;padding:6px 7px 6px 8px;border:1px solid rgba(255,255,255,.11);border-radius:29px;background:linear-gradient(180deg,#2b2b2bfa,#262626fa);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}[data-layout=mobile] .mobile-composer-dock .composer-content{min-height:44px;display:flex;align-items:center;gap:7px;padding:0}[data-layout=mobile] .mobile-composer-dock #prompt{min-width:0;min-height:42px;max-height:120px;padding:10px 2px 8px;color:#ffffffe6;font-size:16px;line-height:1.35}[data-layout=mobile] .mobile-composer-dock #prompt::placeholder{color:#fff6}[data-layout=mobile] .mobile-composer-dock .composer-actions{display:contents}[data-layout=mobile] .mobile-composer-dock .attach-button,[data-layout=mobile] .mobile-composer-dock .send-button,[data-layout=mobile] .mobile-composer-dock .stop-button{flex:0 0 44px;width:44px;min-width:44px;height:44px;border:0;border-radius:50%;box-shadow:none}[data-layout=mobile] .mobile-composer-dock .attach-button{order:-2;background:#ffffff13;color:#ffffffb8}[data-layout=mobile] .mobile-composer-dock .send-button,[data-layout=mobile] .mobile-composer-dock .stop-button{margin-left:auto;background:#3173e5;color:#fff}[data-layout=mobile] .mobile-composer-dock .chip-model,[data-layout=mobile] .mobile-composer-dock .chip-effort,[data-layout=mobile] .mobile-composer-dock .chip-mode{display:none}[data-layout=mobile] .mobile-composer-dock .file-strip{margin:0 6px 8px}[data-layout=mobile] .recommend-bar{margin:0 12px 8px;border-color:var(--mobile-line);background:#232323fa}[data-layout=mobile] .mobile-drawer{position:fixed;z-index:90;top:var(--app-top, 0px);left:0;width:min(88vw,360px);height:var(--app-h, 100dvh);padding:calc(var(--safe-t, 0px) + 24px) 18px calc(var(--safe-b, 0px) + 18px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:22px;border:1px solid var(--mobile-line);border-left:0;border-radius:0 28px 28px 0;background:var(--mobile-panel);box-shadow:18px 0 44px #00000047;overflow:hidden;transform:translate(-102%);transition:transform .28s cubic-bezier(.32,.72,0,1);will-change:transform}[data-layout=mobile] .mobile-drawer.is-open{transform:translate(0)}[data-layout=mobile] .mobile-drawer.is-dragging{transition:none}[data-layout=mobile] .mobile-drawer-scrim{position:fixed;z-index:85;top:var(--app-top, 0px);left:0;width:100%;height:var(--app-h, 100dvh);border:0;background:#0000007a;opacity:0;pointer-events:none;transition:opacity .26s ease}[data-layout=mobile] .mobile-drawer-scrim.is-on{opacity:1;pointer-events:auto}[data-layout=mobile].has-mobile-drawer .mobile-thread{overflow:hidden}[data-layout=mobile] .mobile-drawer-brand{min-height:42px;display:flex;align-items:center;color:var(--mobile-text);font-size:24px}[data-layout=mobile] .mobile-drawer-brand .wordmark{transform-origin:left center;transform:scale(1.08)}[data-layout=mobile] .mobile-main-nav{display:grid;gap:4px}[data-layout=mobile] .mobile-nav-item{width:100%;min-height:52px;padding:0 9px;display:flex;align-items:center;gap:15px;border:0;border-radius:15px;background:transparent;color:#ffffffdb;font-size:17px;text-align:left}[data-layout=mobile] .mobile-nav-item:active{background:#ffffff12}[data-layout=mobile] .mobile-recent{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}[data-layout=mobile] .mobile-recent::-webkit-scrollbar{display:none}[data-layout=mobile] .mobile-section-label{margin:3px 9px 10px;color:var(--mobile-muted);font-size:14px}[data-layout=mobile] .mobile-chat-list .chat-list{display:grid;gap:1px;padding:0}[data-layout=mobile] .mobile-chat-list .chat-group-title{display:none}[data-layout=mobile] .mobile-chat-list .chat-row{min-height:46px;display:block;border-radius:12px}[data-layout=mobile] .mobile-chat-list .chat-row[hidden]{display:none}[data-layout=mobile] .mobile-chat-list .chat-row.is-active{background:#ffffff0f}[data-layout=mobile] .mobile-chat-list .chat-item{width:100%;height:46px;padding:0 10px;display:flex;align-items:center;border:0;background:transparent;color:#ffffffd6;text-align:left}[data-layout=mobile] .mobile-chat-list .chat-item-title{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}[data-layout=mobile] .mobile-chat-list .chat-mark,[data-layout=mobile] .mobile-chat-list .chat-menu,[data-layout=mobile] .mobile-chat-list .chat-delete{display:none}[data-layout=mobile] .mobile-drawer-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}[data-layout=mobile] .mobile-profile{min-width:0;min-height:56px;padding:4px 6px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--mobile-text);text-align:left}[data-layout=mobile] .mobile-profile .side-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid var(--mobile-line);border-radius:50%;background:#ffffff0b;color:var(--mobile-text)}[data-layout=mobile] .mobile-profile .side-user-name{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}[data-layout=mobile] .mobile-new-chat{min-height:54px;padding:0 20px;display:flex;align-items:center;gap:9px;border:0;border-radius:27px;background:#f1f1ee;color:#181818;font-size:15px;font-weight:650;white-space:nowrap}[data-layout=mobile] .artifacts-window,[data-layout=mobile] .connectors-window,[data-layout=mobile] .chats-window{background:#121212}[data-layout=mobile] .artifacts-head{min-height:calc(var(--safe-t, 0px) + 72px);padding:calc(var(--safe-t, 0px) + 14px) 16px 10px;border-bottom:0}[data-layout=mobile] .artifacts-head .page-title{font-size:20px}[data-layout=mobile] .artifacts-search{margin:2px 16px 14px;min-height:46px;border-radius:16px;background:var(--mobile-card)}[data-layout=mobile] .artifacts-list,[data-layout=mobile] .connectors-grid{padding:0 16px calc(var(--safe-b, 0px) + 24px);gap:10px}[data-layout=mobile] .artifact-card{min-height:78px;padding:12px;border:1px solid var(--mobile-line);border-radius:22px;background:var(--mobile-card)}[data-layout=mobile] .artifacts-add{min-height:42px;padding:0 15px;border-radius:21px;background:#f1f1ee;color:#181818}[data-layout=mobile] .settings-modal{background:#121212}[data-layout=mobile] .modal-side{padding:calc(var(--safe-t, 0px) + 14px) 14px 12px;border-bottom:0;background:#121212}[data-layout=mobile] .modal-title{font-size:20px}[data-layout=mobile] .settings-tabs{padding:2px 0;gap:8px}[data-layout=mobile] .modal-side .side-item{min-height:42px;padding:0 14px;border-radius:14px;background:var(--mobile-card)}[data-layout=mobile] .modal-side .side-item.is-active{background:#f1f1ee;color:#181818}[data-layout=mobile] .modal-main{padding:14px 14px calc(var(--safe-b, 0px) + 26px);background:#121212}[data-layout=mobile] .settings-body{gap:14px}[data-layout=mobile] .settings-block{gap:13px;padding:15px;border-color:var(--mobile-line);border-radius:20px;background:var(--mobile-card)}[data-layout=mobile] .settings-row{grid-template-columns:minmax(0,1fr);gap:9px}[data-layout=mobile] .provider-card,[data-layout=mobile] .connector-card{border-radius:17px;background:#ffffff09}@media(prefers-reduced-motion:reduce){[data-layout=mobile] .mobile-drawer,[data-layout=mobile] .mobile-drawer-scrim{transition-duration:1ms}}
