#queue-send{display:none!important}.project-shortcut{font-size:25px!important;line-height:1!important;min-width:36px;height:36px;border-radius:50%!important;padding:0!important}.composer-toolbar{flex-wrap:wrap;position:relative;gap:8px}.composer-toolbar .model-picker{margin-left:auto}.generation-settings{border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;padding:8px 10px;border-radius:10px;white-space:nowrap}.generation-menu{position:absolute;bottom:calc(100% + 14px);right:8px;z-index:45;width:320px;max-height:70vh;overflow:auto;background:var(--side);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #0006;padding:18px}.generation-menu h3{font-size:14px;margin:6px 0 12px}.generation-menu p{font-size:12px;line-height:1.6;color:var(--muted)}#effort-options,#speed-options{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.generation-menu button{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:9px 12px;border-radius:9px}.generation-menu button[aria-checked=true]{color:var(--accent);border-color:var(--accent);background:#8ed8b610}.generation-menu button:disabled{opacity:.35}.draft-attachments{display:flex;gap:9px;overflow-x:auto;padding:12px 14px 2px}.draft-file{display:flex;align-items:center;gap:9px;min-width:210px;max-width:280px;padding:9px;background:var(--side);border:1px solid var(--line);border-radius:13px;position:relative}.draft-file>img{width:48px;height:48px;object-fit:cover;border-radius:7px}.draft-file-icon{display:grid;place-items:center;width:45px;height:45px;background:#8ed8b615;border-radius:8px;color:var(--accent);font-size:11px;font-weight:700;flex:none}.draft-file>div{min-width:0;flex:1}.draft-file strong{font-size:13px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-file small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.draft-file>button{align-self:flex-start;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:18px;padding:0 2px}.file-drop-active{outline:2px dashed var(--accent);outline-offset:-8px}.thread-running:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--accent);animation:thread-pulse 1.2s infinite}@keyframes thread-pulse{50%{opacity:.3}}.artifact-panel{position:relative;width:var(--artifact-width,min(48vw,760px));max-width:calc(100vw - 480px)}.artifact-resizer{position:absolute;left:-5px;top:0;bottom:0;width:10px;z-index:35;cursor:col-resize;touch-action:none}.artifact-resizer:hover,.artifact-resizer:focus-visible{background:#8ed8b64d;outline:none}.resizing-preview,.resizing-preview *{cursor:col-resize!important;user-select:none!important}.resizing-preview iframe{pointer-events:none}.artifact-preview{position:relative;min-height:0}.office-viewer{display:flex;flex-direction:column;height:100%;background:#25282b;color:#eaecef;font:13px system-ui;min-width:0}.office-toolbar{display:flex;align-items:center;gap:7px;padding:11px 13px;background:var(--side);color:var(--text);border-bottom:1px solid var(--line);flex-wrap:wrap}.office-toolbar select,.office-toolbar button,.office-canvas>button{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:7px 9px;border-radius:7px;max-width:160px;font:12px system-ui}.office-toolbar select:first-child{flex:1;max-width:240px;min-width:100px}.office-toolbar a{margin-left:auto;color:var(--accent);font-size:12px;text-decoration:none}.office-status{padding:10px 15px;color:#acb5bc;font-size:11px;line-height:1.5}.office-canvas{flex:1;overflow:auto;padding:18px;min-height:0;--office-page-width:100%;overscroll-behavior:contain}.office-page{width:var(--office-page-width);max-width:none;margin:0 auto 20px}.office-page img{display:block;width:100%;height:auto;background:white;box-shadow:0 5px 30px #0005}.office-page figcaption{text-align:center;color:#a7b0b8;font-size:11px;padding:10px}.sheet-formula{display:flex;align-items:center;gap:14px;position:sticky;top:-18px;z-index:3;background:#f6f8f7;color:#25362c;padding:11px 12px;border:1px solid #cdd5d0;white-space:pre-wrap;min-height:40px}.sheet-formula strong{min-width:45px}.sheet-formula>span:last-child{flex:1;max-height:100px;overflow:auto;font:12px ui-monospace,monospace}.sheet-scroll{max-height:calc(100% - 80px);overflow:auto;background:#e9eeeb}.sheet-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;color:#202020;background:white;font-size:12px;width:max-content}.sheet-grid th{background:#edf2ee;color:#52655a;font:11px system-ui;position:sticky;top:0;z-index:2;border-right:1px solid #d0d9d2;border-bottom:1px solid #d0d9d2;padding:7px;min-width:40px}.sheet-grid tbody th{left:0;z-index:1}.sheet-grid td{box-sizing:border-box;min-width:55px;max-width:500px;padding:3px 7px;border-right:1px solid #dce3dd;border-bottom:1px solid #dce3dd;overflow:hidden;line-height:1.4;vertical-align:middle;cursor:cell}.sheet-grid td.selected-cell{outline:2px solid #248b60;outline-offset:-2px}.sheet-tabs{display:flex;gap:2px;background:#e9efeb;border:1px solid #cdd7cf;padding:8px;overflow-x:auto;position:sticky;bottom:-18px}.sheet-tabs button,.sheet-more{padding:8px 14px;color:#476452;border:0;background:white;border-radius:4px}.sheet-tabs .selected{color:#167749;box-shadow:inset 0 -3px #27895e}.media-results audio{width:100%}.office-viewer[hidden],.draft-attachments[hidden],.generation-menu[hidden]{display:none!important}
@media(max-width:1100px){.artifact-panel{position:fixed;width:var(--artifact-width,min(680px,100vw));max-width:100vw}.generation-settings{margin-left:auto}.model-controls{gap:5px}.model-settings{max-width:160px}.office-canvas{padding:10px}}
@media(max-width:700px){.artifact-panel{width:100vw!important;max-width:100vw}.artifact-resizer{display:none}.generation-settings{font-size:11px;padding:7px}.composer-toolbar #connection-label{max-width:100px;font-size:10px}.composer-toolbar .model-picker{margin-left:0;flex:1}.model-settings{min-width:0;max-width:150px}.model-kind{font-size:9px}.model-name{font-size:11px}.disclosure{font-size:9px}.generation-menu{max-width:calc(100vw - 50px)}.office-toolbar{gap:5px;padding:8px}.office-toolbar a{font-size:10px}}
.message-enter{animation:message-appear .28s ease-out}.answer-streaming>p:last-child:after{content:"";display:inline-block;width:6px;height:15px;margin-left:4px;vertical-align:-2px;border-radius:2px;background:var(--accent);animation:thread-pulse 1.1s infinite}.resume-work{background:#9bd8bb12;border:1px solid var(--accent);color:var(--accent);border-radius:10px;padding:10px 15px;margin-top:13px;font:14px system-ui}.work-progress.working{transition:background .2s,border-color .2s}.work-progress summary{overflow-wrap:anywhere}.work-progress li{animation:activity-appear .2s ease-out}@keyframes message-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes activity-appear{from{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message-enter,.work-progress li,.answer-streaming>p:last-child:after,.thread-running:after{animation:none}}
.work-stopwatch{display:inline-flex;margin-right:10px;min-width:48px;color:var(--accent);font:13px ui-monospace,monospace;font-variant-numeric:tabular-nums}
.thread-running:after{width:11px;height:11px;border:2px solid var(--line);border-top-color:var(--accent);background:transparent;vertical-align:-1px;animation:chat-spinner .8s linear infinite}@keyframes chat-spinner{to{transform:rotate(360deg)}}.changes-summary-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--side);margin:17px 0;font-size:13px}.changes-summary-header{display:flex;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);background:#ffffff03}.changes-summary-title{flex:1;min-width:0}.changes-summary-title strong{display:block;margin-bottom:5px}.changes-summary-header>button,.changes-summary-row>button{font:12px system-ui;background:transparent;border:0;color:var(--text);padding:7px 9px;cursor:pointer}.changes-summary-header>button:last-child{border:1px solid var(--line);border-radius:9px}.changes-summary-header>button:disabled{opacity:.35;cursor:default}.changes-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 13px;min-height:35px}.changes-summary-row>button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left;padding-left:0}.changes-summary-row .file-change-counts{flex:none}.changes-summary-row.reverted{opacity:.45}.changes-show-more{width:100%;text-align:left;padding:10px 14px;background:#ffffff04;color:var(--text);font:12px system-ui;border:0;cursor:pointer}.diff-file-picker{position:sticky;top:0;background:var(--side);display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-bottom:1px solid var(--line);z-index:3}.diff-file-picker button{font:12px system-ui;color:var(--text);background:transparent;border:1px solid var(--line);padding:7px 10px;border-radius:6px}.diff-file-picker button.selected{color:var(--accent);border-color:var(--accent)}.verification-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:12px 0;font:12px/1.6 system-ui;color:var(--muted)}.verification-card>summary{color:var(--accent);cursor:pointer}.verification-failed>summary{color:#efae6d}.verification-row{display:grid;grid-template-columns:18px 1fr;gap:5px;padding:10px 0;border-top:1px solid var(--line);margin-top:10px}.verification-row>p{grid-column:2;margin:0;overflow-wrap:anywhere}.verification-row.pass>span{color:#79dbaa}.verification-row.fail>span{color:#ef9982}.verification-scope{font-size:11px}.memory-toggle{display:flex;gap:10px;align-items:center;margin:18px 0}.memory-list{max-height:45vh;overflow:auto}.memory-entry{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}.memory-entry textarea{grid-column:1/-1}.memory-entry button{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:7px;padding:7px 10px}.memory-list textarea,#memory-new{width:100%;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px;font:14px/1.5 system-ui}.memory-updated{font-size:12px;color:var(--muted);margin-bottom:12px}.memory-updated>summary{cursor:pointer;color:var(--accent)}@media(max-width:700px){.changes-summary-header{gap:6px;padding:11px}.changes-summary-header>button{font-size:10px;padding:6px}.changes-summary-header .file-change-icon{display:none}}
.thread-running{position:relative;padding-right:29px!important}.thread-running:after{position:absolute;right:8px;top:calc(50% - 7px);margin:0}.changes-summary-row[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.thread-running:after{animation:none}}
.recheck-files{font:12px system-ui;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:transparent;color:var(--text)}.recheck-files:disabled{opacity:.4}
.verification-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.verification-screenshots figure{margin:0;min-width:0}.verification-screenshots img{display:block;width:100%;aspect-ratio:1100/760;object-fit:contain;background:#171717;border:1px solid var(--border,#444);border-radius:10px}.verification-screenshots figcaption{font-size:13px;line-height:1.5;padding-top:8px;color:var(--muted,#aaa)}.verification-screenshots a{color:inherit}
.thread-open{display:flex;align-items:center;gap:9px}.thread-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-running{padding-right:12px!important}.thread-running:after{content:none;display:none}.thread-status{display:block;flex:none;pointer-events:none;box-sizing:border-box}.thread-status-running{width:12px;height:12px;border:1.5px solid #6c6c6c;border-top-color:#dedede;border-radius:50%;animation:chat-spinner .8s linear infinite}.thread-status-complete{width:7px;height:7px;margin:0 2.5px;border-radius:50%;background:#479aff;box-shadow:0 0 8px #479aff99}@media(prefers-reduced-motion:reduce){.thread-status-running{animation:none}}
.message-body a{color:#70aaff;text-decoration:none;overflow-wrap:anywhere}.message-body a:hover,.message-body a:focus-visible{color:#96c1ff;text-decoration:underline}.message-body a.answer-download{font-weight:600}.message-body p code{padding:2px 5px;border-radius:5px;background:#ffffff0b;font:0.9em ui-monospace,monospace}body.light .message-body a{color:#176bce}

/* Mobile composer: fixed-size actions and two readable model columns. */
#send{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;font:24px/1 system-ui;background:var(--text);color:var(--bg);cursor:pointer}#send:disabled{opacity:.3;cursor:default}#send[hidden],#stop[hidden]{display:none!important}.welcome-mark{font-family:Arial,"Segoe UI Symbol",sans-serif;font-variant-emoji:text}
@media(max-width:700px){body{-webkit-text-size-adjust:100%}.app{height:100dvh;min-height:0}main{min-height:0}.chat-header{flex:none}#welcome{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 auto;padding:16px 16px 12px}.welcome-mark{font-size:44px;line-height:1.2;margin:10px 0 18px}#welcome h1{font-size:28px;margin:12px 0}#welcome>p{font-size:16px;line-height:1.5}.suggestions{gap:8px;margin-top:22px}.suggestions button{font-size:21px;padding:12px;min-width:0}.suggestions strong{font-size:14px;margin-top:8px}.suggestions span{font-size:13px;line-height:1.45}.composer-wrap{flex:none;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.composer{padding:10px 12px;border-radius:22px}#prompt{font-size:16px;min-height:36px;padding:5px 2px 9px;max-height:140px}.composer-toolbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:0}.project-upload-actions{grid-column:1;grid-row:1}.composer-toolbar #connection-label{grid-column:2;grid-row:1;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:11px}.composer-toolbar #connection-label i{display:inline-block;margin-right:4px}.composer-toolbar #send{grid-column:3;grid-row:1;width:36px;height:36px}.composer-toolbar #stop{grid-column:3;grid-row:2;width:36px;height:36px;align-self:center}.composer-toolbar>.model-picker{grid-column:1/-1;grid-row:2;display:block;width:100%;min-width:0;margin:0;position:static}.composer-toolbar:has(#stop:not([hidden]))>.model-picker{grid-column:1/3}.model-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;width:100%;min-width:0}.model-controls>.model-settings{width:100%;min-width:0;max-width:none;min-height:44px;padding:7px;gap:6px;overflow:hidden}.model-kind{font-size:9px}.model-name{font-size:12px}.model-logo{width:17px;height:17px}.model-button-copy{min-width:0}.composer-toolbar>.generation-settings{grid-column:1/-1;grid-row:3;justify-self:start;max-width:100%;margin:0;padding:7px 9px;font-size:11px;min-height:32px}.models-menu[data-for]{left:0;right:0;bottom:calc(100% + 8px);width:100%;max-width:none}.generation-menu{left:0;right:0;bottom:calc(100% + 8px);width:100%;max-width:none;max-height:55dvh}.disclosure{font-size:10px;line-height:1.4;margin:6px 0 0}.project-shortcut{width:36px;min-width:36px;height:36px}.artifact-panel{min-width:0}}
@media(max-width:360px){.model-logo{display:none}.model-kind{font-size:8px}.model-name{font-size:11px}.suggestions{margin-top:12px}.suggestions button{padding:10px}.suggestions span{font-size:12px}}

/* Keep the welcome cards useful when the browser chrome or keyboard reduces height. */
@media(max-width:700px){
  .keyboard-hint{display:none}
  #welcome{scrollbar-width:thin}
  .welcome-mark{display:block;margin:0 0 10px;font-size:38px}
  #welcome h1{margin:8px 0}
  .suggestions{margin:16px 0 0}
  .suggestions button{padding:10px 12px}
  .suggestions strong{margin:5px 0 3px}
  .model-kind{font-size:10px}
  .model-controls>.model-settings{min-height:46px}
}
@media(max-width:700px) and (max-height:650px){
  #welcome{padding-top:8px}
  .welcome-mark{font-size:30px;margin-bottom:4px}
  #welcome h1{font-size:24px;margin:5px 0}
  #welcome>p{font-size:14px}
  .suggestions{margin-top:12px}
  .suggestions button{display:flex;align-items:center;gap:8px;padding:9px 10px;font-size:18px}
  .suggestions strong{font-size:12px;line-height:1.4;margin:0}
  .suggestions span{display:none}
}

/* One mobile action row; full model names remain in the menus and accessible labels. */
@media(max-width:700px){
  .composer-toolbar{display:flex;flex-wrap:nowrap;gap:5px;min-width:0;align-items:center}
  .composer-toolbar #connection-label{display:none}
  .project-upload-actions{flex:none}
  .composer-toolbar>.model-picker,
  .composer-toolbar:has(#stop:not([hidden]))>.model-picker{flex:1 1 0;width:0;min-width:0;margin:0}
  .model-controls{gap:5px;width:100%}
  .model-controls>.model-settings{min-height:38px;padding:4px 5px;gap:0;border-radius:10px}
  .model-controls .model-logo,.model-controls .model-chevron{display:none}
  .model-kind[data-compact],.model-name[data-compact]{font-size:0;line-height:1.2}
  .model-kind[data-compact]::after{content:attr(data-compact);font-size:10px}
  .model-name[data-compact]::after{content:attr(data-compact);font-size:11px}
  .composer-toolbar>.generation-settings{flex:none;width:32px;height:36px;min-height:36px;max-width:32px;padding:0;margin:0;font-size:0;display:grid;place-items:center}
  .composer-toolbar>.generation-settings::before{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 17h16M8 4v6m8 4v6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .composer-toolbar #send,.composer-toolbar #stop{flex:none;width:32px;height:32px;margin:0;align-self:center}
  .project-shortcut{width:32px!important;min-width:32px!important;height:32px!important}
  .composer-toolbar:has(#stop:not([hidden])) #send:disabled{display:none!important}
}
@media(max-width:360px){
  .composer-toolbar,.model-controls{gap:4px}
  .model-controls>.model-settings{padding:4px}
  .model-kind[data-compact]::after{font-size:9px}
  .model-name[data-compact]::after{font-size:10px}
}