/* Delivery mode: keep the conversation readable and give the working page room. */
body.water-tap-workbench {
  --studio-deck:#081923;
  --studio-divider:rgba(145,190,203,.18);
  --studio-secondary:#a3bdc9;
}
.water-tap-workbench .chat {
  container:studio-chat / inline-size;
  min-width:0;
}
.water-tap-workbench .studio-workspace-bar {
  flex-shrink:0;
  min-width:0;
  box-shadow:none;
  backdrop-filter:none;
}
.water-tap-workbench .studio-session-tab { flex:1; min-width:0; }
.water-tap-workbench .studio-session-copy { min-width:0; }
body.water-tap-workbench .studio-session-copy strong { max-width:100%; }
body.water-tap-workbench.elegant-view .studio-session-copy strong { max-width:100%; }
.water-tap-workbench .studio-workspace-actions { flex-shrink:0; }
.studio-action-icon { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.water-tap-workbench .studio-session-indicator { box-shadow:none; }
.water-tap-workbench .composer { flex-shrink:0; }
.water-tap-workbench .box textarea { min-width:0; caret-color:var(--cyan); }
.water-tap-workbench .studio-execution-choice { gap:8px; margin-bottom:8px; }
.water-tap-workbench .studio-execution-choice label { color:var(--studio-secondary); font-size:12px; }
.water-tap-workbench .studio-execution-choice select {
  min-height:36px;
  padding:6px 28px 6px 10px;
  border-color:var(--studio-divider);
  border-radius:8px;
  background:var(--studio-deck);
  font-size:12px;
}
.water-tap-workbench #studio-install-open {
  min-height:36px;
  margin-left:auto;
  padding:6px 10px;
  border-color:var(--studio-divider);
  background:transparent;
  color:var(--studio-secondary);
  font-size:12px;
}
.water-tap-workbench .studio-local-banner { gap:8px; margin-bottom:10px; font-size:12px; }
.water-tap-workbench #studio-local-banner-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.water-tap-workbench .studio-local-banner button { min-height:36px; border-color:var(--studio-divider); background:transparent; }
body.water-tap-workbench.elegant-view .box {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 40px 64px;
  grid-template-rows:auto auto minmax(48px,auto);
  gap:10px 8px;
  min-height:0;
  padding:12px;
  border-radius:14px;
  border-color:var(--studio-divider);
  background:#0c202c;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
body.water-tap-workbench.elegant-view .box:focus-within { border-color:rgba(86,228,208,.6); }
body.water-tap-workbench.elegant-view .box .answer-language,
body.water-tap-workbench.elegant-view .box .quick-delivery-format {
  position:static;
  grid-row:1;
  width:auto;
  min-width:0;
  min-height:30px;
  gap:6px;
  padding:3px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--studio-secondary);
  font-size:11px;
}
body.water-tap-workbench.elegant-view .box .answer-language { grid-column:1 / 3; justify-content:flex-start; }
body.water-tap-workbench.elegant-view .box .quick-delivery-format { grid-column:3 / 5; justify-content:flex-end; }
body.water-tap-workbench.elegant-view .box .answer-language select,
body.water-tap-workbench.elegant-view .box .quick-delivery-format select { min-width:0; max-width:130px; font-size:12px; color:#e0efef; }
body.water-tap-workbench.elegant-view .box .composer-attachments { grid-column:1 / -1; grid-row:2; }
body.water-tap-workbench.elegant-view .box textarea { grid-column:2; grid-row:3; min-height:48px; padding:10px 4px; font-size:15px; line-height:1.6; }
body.water-tap-workbench.elegant-view .box #attachment-toggle { grid-column:1; grid-row:3; }
body.water-tap-workbench.elegant-view .box #voice-toggle { grid-column:3; grid-row:3; }
body.water-tap-workbench.elegant-view .box .composer-tool { width:40px; height:40px; min-width:0; border-radius:8px; }
body.water-tap-workbench.elegant-view .box .send { grid-column:4; grid-row:3; width:64px; height:40px; min-width:0; border-radius:8px; background:var(--cyan); color:#041c22; font-size:13px; }
.water-tap-workbench .artifact {
  container:studio-preview / inline-size;
  background:#07151e;
  transition:opacity .24s ease-out,transform .3s ease-out;
}
.water-tap-workbench .artifact > header {
  flex:none;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  padding:18px 20px 14px;
  background:var(--studio-deck);
  border-color:var(--studio-divider);
}
.water-tap-workbench #art-title { width:100%; min-width:0; font-size:14px; font-weight:600; line-height:1.5; }
.water-tap-workbench .artifact-toolbar { width:100%; max-width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:6px; }
.water-tap-workbench .artifact-status { flex:1 0 100%; max-width:none; color:#9bc9c4; font-size:12px; }
.water-tap-workbench .artifact-toolbar :is(button,a) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--studio-divider);
  border-radius:8px;
  background:transparent;
  color:#d4e6e9;
  font:12px var(--sans);
  text-decoration:none;
}
.water-tap-workbench .artifact-toolbar [hidden] { display:none; }
.water-tap-workbench .artifact-toolbar #art-dl { border-color:rgba(86,228,208,.32); color:#92e5d9; background:rgba(86,228,208,.06); }
.water-tap-workbench .artifact-toolbar :is(button,a):hover { background:rgba(145,190,203,.09); border-color:#799da9; }
.water-tap-workbench .artifact-toolbar :is(button,a):focus-visible,
.water-tap-workbench .box select:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.water-tap-workbench #art-frame { flex:1; min-height:0; width:100%; border:0; background:#07151e; }
.water-tap-workbench .xl-final-block { margin-top:16px; padding:16px 0; border-block:1px solid var(--studio-divider); background:transparent; }
.water-tap-workbench .xl-final-block > strong { display:block; margin-bottom:12px; font-size:13px; color:#d4e6e9; }
.water-tap-workbench .xl-final-block > div { max-height:280px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--studio-secondary); font:13px/1.8 var(--sans); }
.water-tap-workbench .row.assistant .bubble:has(.studio-local-run) {
  width:100%;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.water-tap-workbench .studio-local-run { gap:18px; padding-block:8px 20px; }
.water-tap-workbench .studio-local-run header { align-items:flex-start; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--studio-divider); }
.water-tap-workbench .studio-local-run header strong { color:#eef6f5; font-size:17px; line-height:1.5; font-weight:600; }
.water-tap-workbench .studio-local-run header span { max-width:100%; padding:5px 9px; border:1px solid rgba(86,228,208,.2); border-radius:6px; background:rgba(86,228,208,.06); color:#a2e2d7; font-size:11px; line-height:1.6; }
.water-tap-workbench .studio-local-run [data-local-requirement] { max-height:180px; overflow:auto; color:#b5cbd3; font-size:13px; line-height:1.85; }
.water-tap-workbench .studio-local-run [data-local-identity] { width:fit-content; max-width:100%; padding:6px 10px; border:1px solid var(--studio-divider); border-radius:6px; color:#9fd3d5; font:12px/1.6 var(--mono); }
.water-tap-workbench .studio-local-run pre { max-height:clamp(180px,28vh,320px); padding:16px; border-color:var(--studio-divider); border-radius:8px; background:#041018; color:#b7cdd6; scrollbar-color:#34505d #041018; font-size:11px; line-height:1.75; }
.water-tap-workbench .studio-local-run [data-local-result] { max-height:300px; border:0; border-top:1px solid var(--studio-divider); border-radius:0; padding:18px 0 0; background:transparent; color:#e0ecee; font:13px/1.85 var(--sans); }
.water-tap-workbench .studio-local-run [data-local-error]:not(:empty) { padding:12px 14px; border:1px solid rgba(255,155,147,.25); border-radius:8px; background:rgba(255,155,147,.05); font-size:13px; }
.water-tap-workbench .studio-local-run-actions { gap:8px; }
.water-tap-workbench .studio-local-run-actions button { min-height:40px; padding:9px 12px; border:1px solid var(--studio-divider); border-radius:8px; background:transparent; color:#c8dce2; font-size:12px; }
.water-tap-workbench .studio-local-run-actions [data-local-preview] { background:var(--cyan); border-color:transparent; color:#041c22; font-weight:600; }
.water-tap-workbench .studio-local-run-actions [data-local-stop] { color:#f0bab3; }
.water-tap-workbench .studio-local-run-actions button:hover { border-color:#86b8be; }
.water-tap-workbench .studio-local-run [data-local-help] { padding-top:4px; color:#91aebc; font-size:11px; line-height:1.8; }
.water-tap-workbench .hm-history-card { padding:18px; border-color:var(--studio-divider); border-radius:10px; background:#0a1b25; }
.water-tap-workbench .hm-history-top { gap:12px; flex-wrap:wrap; color:#9cb8c5; font-size:11px; line-height:1.6; }
.water-tap-workbench .hm-history-title { display:block; margin-block:12px 8px; color:#dfedee; font-size:14px; line-height:1.7; }
.water-tap-workbench .hm-history-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.water-tap-workbench .studio-routing-strip { align-items:center; gap:10px 16px; padding-block:12px; background:#07151e; color:#a5c4cf; }
.water-tap-workbench .studio-routing-strip [role=status] { font-size:12px; line-height:1.7; }
.water-tap-workbench .studio-routing-strip :is(button,a) { flex:none; color:#b3d9dc; font-size:12px; }
.water-tap-workbench .terminal-setup-dialog { width:min(740px,100%); padding:26px; border-color:var(--studio-divider); border-radius:14px; background:#081923; }
.water-tap-workbench .studio-local-setup { margin-top:24px; padding-top:24px; }
.water-tap-workbench .studio-local-setup h3 { margin-bottom:12px; font-size:20px; }
.water-tap-workbench .studio-local-install { margin-block:20px; padding:18px; border:1px solid var(--studio-divider); border-radius:10px; background:#0b202c; }
.water-tap-workbench .studio-local-install h4 { margin-bottom:12px; }
.water-tap-workbench .studio-local-install > label { margin-top:14px; }
.water-tap-workbench .studio-local-install > button { margin-top:12px; }
.water-tap-workbench .studio-local-list-heading { margin-top:26px; padding-top:16px; border-top:1px solid var(--studio-divider); }
.water-tap-workbench .studio-local-connection { padding-block:16px; }
.water-tap-workbench .studio-local-connection p { color:#a6bfca; line-height:1.75; }
.water-tap-workbench ::selection { color:#e9ffff; background:#245f61; }
.water-tap-workbench .msgs { scrollbar-width:thin; scrollbar-color:#34505d transparent; }

/* One reading lane connects the task, its execution receipt, and the composer. */
body.water-tap-workbench { --studio-reading-width:960px; --studio-ease:cubic-bezier(.16,1,.3,1); }
body.water-tap-workbench.elegant-view .msgs { padding:28px 32px; scroll-padding-block:24px; }
body.water-tap-workbench.elegant-view .msgs > :is(.row,.welcome) { width:100%; max-width:var(--studio-reading-width); margin-inline:auto; }
.water-tap-workbench .row { padding-block:16px; }
.water-tap-workbench .bubble { overflow-wrap:anywhere; line-height:1.85; }
.water-tap-workbench .bubble :is(p,ul,ol) { margin-block:12px; }
.water-tap-workbench .bubble :is(h2,h3,h4) { margin-top:24px; margin-bottom:12px; line-height:1.5; }
.water-tap-workbench .bubble code { font-size:.9em; }
.water-tap-workbench .bubble pre { scrollbar-width:thin; }
body.water-tap-workbench.elegant-view .composer { padding:12px 24px 10px; border-top:1px solid var(--studio-divider); background:#07151e; }
.water-tap-workbench .composer > :is(.box,.composer-command-bar,.composer-meta,.studio-execution-choice,.studio-local-banner) { max-width:var(--studio-reading-width); margin-inline:auto; }
.water-tap-workbench .studio-execution-choice { min-height:40px; gap:12px; }
.water-tap-workbench .studio-local-banner { min-height:36px; padding-block:0; }
.water-tap-workbench #studio-local-banner-text { color:#c3dfdf; }
body.water-tap-workbench.elegant-view .box { background:#10232e; box-shadow:0 6px 20px #0002; transition:border-color .2s ease-out,box-shadow .2s ease-out; }
body.water-tap-workbench.elegant-view .box:focus-within { border-color:#55aa9f; box-shadow:0 6px 24px #0003; }
body.water-tap-workbench.elegant-view .box textarea { font-size:15px; min-height:48px; }
body.water-tap-workbench.elegant-view .box:has(.composer-attachments:empty) { row-gap:4px; }
body.water-tap-workbench.elegant-view .box textarea { height:48px; }
.water-tap-workbench .box .quick-delivery-format>span { white-space:nowrap; }
.water-tap-workbench .box .quick-delivery-format select { flex:1; width:72px; }
.water-tap-workbench .box textarea::placeholder { color:#a3b9c4; }
.water-tap-workbench .composer-command-bar { margin-top:6px; min-height:32px; }
.water-tap-workbench .composer-meta { min-height:20px; margin-top:0; }
.water-tap-workbench .composer-meta .hint { color:#9cb4bf; font-size:11px; }
.water-tap-workbench .studio-workspace-bar { padding-block:14px; gap:16px; background:#0a1923; border-bottom:1px solid var(--studio-divider); }
.water-tap-workbench .studio-workspace-action { transition:background .18s ease-out,border-color .18s ease-out; }
.water-tap-workbench .studio-workspace-action:hover { background:#152f3b; border-color:#527d86; }
.water-tap-workbench .studio-session-copy small { color:#a3bdc9; line-height:1.6; }
.water-tap-workbench .studio-routing-strip { min-height:52px; padding-block:8px; }
.water-tap-workbench .studio-routing-strip a { min-height:36px; align-content:center; text-decoration-color:#527d86; text-underline-offset:5px; }
.water-tap-workbench .studio-routing-strip a:hover { color:#b9f5e9; }
.water-tap-workbench .conversation-rail { background:#07141d; border-color:var(--studio-divider); }
.water-tap-workbench .rail-history-item { transition:background .18s ease-out,border-color .18s ease-out; }
.water-tap-workbench .rail-search { border-radius:8px; }
.water-tap-workbench .studio-local-run { gap:16px; }
.water-tap-workbench .studio-local-run header { align-items:center; flex-wrap:wrap; padding-bottom:14px; }
.water-tap-workbench .studio-local-run header strong { font-size:16px; }
.water-tap-workbench .studio-local-run [data-local-log] { max-height:260px; font-size:11px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.water-tap-workbench .studio-local-run [data-local-result] { max-height:360px; font-size:14px; line-height:1.9; }
.water-tap-workbench .studio-local-run-actions { display:flex; flex-wrap:wrap; padding-top:4px; }
.water-tap-workbench :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid #72dfcf; outline-offset:3px; }
.water-tap-workbench button:disabled { cursor:default; }
.water-tap-workbench .terminal-setup-dialog { width:min(800px,100%); padding:28px 32px; box-shadow:0 24px 80px #0006; scrollbar-width:thin; scrollbar-color:#35515c #081923; }
.water-tap-workbench .terminal-setup-dialog>header { padding-bottom:20px; border-bottom:1px solid var(--studio-divider); }
.water-tap-workbench .terminal-setup-dialog>header h2 { font-size:24px; line-height:1.5; letter-spacing:-.02em; }
.water-tap-workbench .studio-local-setup { padding-top:0; border-top:0; }
.water-tap-workbench .studio-local-setup>p { color:#b6cbd3; line-height:1.85; }
.water-tap-workbench .studio-local-setup label { gap:8px; line-height:1.7; color:#c6dce2; }
.water-tap-workbench .studio-local-setup :is(input[type=text],select) { min-height:44px; border-radius:8px; background:#06151e; color:#e3eeee; border-color:#34525e; }
.water-tap-workbench .studio-local-fields { gap:16px; margin-block:20px; }
.water-tap-workbench .studio-local-preview-label { margin-block:24px; }
.water-tap-workbench .studio-local-preview-label small { color:#a3bdc9; line-height:1.8; }
.water-tap-workbench .studio-local-enable { padding:16px; border:1px solid #31594f; border-radius:8px; background:#0c2929; }
.water-tap-workbench .studio-local-enable small { color:#b3d2cd; line-height:1.8; }
.water-tap-workbench .studio-local-manual { margin-block:20px; padding-block:16px; border-block:1px solid var(--studio-divider); }
.water-tap-workbench .studio-local-manual summary { cursor:pointer; min-height:36px; align-content:center; color:#c5dce1; }
.water-tap-workbench .studio-local-connection { border-color:var(--studio-divider); }
.water-tap-workbench .artifact > header { box-shadow:0 4px 12px #0002; }
@keyframes studio-receipt-arrive { from { transform:translateY(6px); } to { transform:translateY(0); } }
.water-tap-workbench .studio-local-run { animation:studio-receipt-arrive .35s var(--studio-ease); }

@media (max-width:720px) {
  body.water-tap-workbench.elegant-view .msgs { padding:20px 16px; }
  body.water-tap-workbench.elegant-view .composer { padding:10px 12px max(10px,env(safe-area-inset-bottom)); }
  .water-tap-workbench .studio-routing-strip { gap:6px 12px; }
  .water-tap-workbench .studio-routing-strip [role=status] { flex-basis:100%; }
  .water-tap-workbench .studio-routing-strip :is(button,a) { min-height:40px; font-size:11px; }
  .water-tap-workbench .studio-local-run header span { padding:4px 8px; }
  .water-tap-workbench .studio-local-run [data-local-log] { max-height:220px; padding:12px; }
  .water-tap-workbench .studio-local-run-actions button { flex:1 1 120px; min-height:44px; }
  .water-tap-workbench .studio-local-fields { grid-template-columns:1fr; gap:16px; }
}

@container studio-chat (max-width:740px) {
  body.water-tap-workbench .studio-workspace-bar { flex-wrap:wrap; gap:10px; padding:14px 18px; }
  .water-tap-workbench .studio-session-tab { flex-basis:100%; }
  .water-tap-workbench .studio-session-copy strong { max-width:100%; font-size:14px; }
  body.water-tap-workbench .studio-workspace-actions { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; gap:6px; align-items:stretch; }
  body.water-tap-workbench .studio-workspace-action { min-width:0; min-height:52px; padding:7px 4px; flex-direction:column; justify-content:center; gap:5px; }
  body.water-tap-workbench .studio-workspace-action :is(.action-label,.studio-workspace-model) { position:static; display:block; width:auto; max-width:100%; height:auto; overflow:hidden; clip-path:none; text-overflow:ellipsis; white-space:nowrap; font-size:10px; line-height:1.4; }
  body.water-tap-workbench .studio-workspace-action kbd { display:none; }
  body.water-tap-workbench #command-palette-trigger::before { content:none; }
  body.water-tap-workbench.elegant-view .studio-workspace-action { height:58px; min-width:0; padding:7px 4px; }
  body.water-tap-workbench.elegant-view .studio-workspace-action :is(.action-label,.studio-workspace-model) { position:static; display:block; width:auto; max-width:100%; height:auto; overflow:hidden; clip-path:none; text-overflow:ellipsis; white-space:nowrap; font-size:10px; line-height:1.4; }
  body.water-tap-workbench.elegant-view #command-palette-trigger::before { content:none; }
  body.water-tap-workbench.elegant-view .msgs { padding:24px 20px; }
  .water-tap-workbench .box :is(.answer-language,.quick-delivery-format) > span { display:none; }
  .water-tap-workbench .composer-command-help { display:none; }
}
@container studio-chat (max-width:520px) {
  .water-tap-workbench .studio-workspace-action kbd { display:none; }
  .water-tap-workbench #command-palette-trigger::before { content:none; }
  .water-tap-workbench .composer { padding:12px 16px; }
  .water-tap-workbench .msgs { padding:24px 20px; }
  .water-tap-workbench .box :is(.answer-language,.quick-delivery-format) > span { display:none; }
  .water-tap-workbench .box .answer-language select { max-width:150px; }
  .water-tap-workbench .box .quick-delivery-format select { max-width:100%; }
  .water-tap-workbench .composer-mode-button { padding-inline:7px; font-size:11px; }
  .water-tap-workbench .hm-quick-answer { font-size:15px; line-height:1.75; }
}
@container studio-preview (max-width:620px) {
  .water-tap-workbench .artifact-status { flex-basis:100%; margin-bottom:3px; }
  .water-tap-workbench .artifact-toolbar :is(button,a) { flex:1 0 auto; min-height:40px; }
}
@media (min-width:1001px) {
  .water-tap-workbench .stage:has(.artifact.open) .conversation-rail { width:208px; flex-basis:208px; }
  .water-tap-workbench .stage:has(.artifact.open) .chat { flex:1 1 400px; min-width:340px; }
  .water-tap-workbench .artifact.open { width:56%; flex-basis:56%; flex-shrink:1; min-width:380px; }
  .water-tap-workbench .stage:has(.artifact.open) .studio-context-dock { display:none; }
}
body.water-tap-workbench.elegant-view:has(.artifact.open) .composer { padding:12px 18px 10px; }
body.water-tap-workbench.elegant-view:has(.artifact.open) .composer-meta { display:none; }
body.water-tap-workbench.elegant-view:has(.artifact.open) .composer-command-bar { min-height:30px; margin-top:4px; }
@media (min-width:721px) and (max-width:1000px) {
  .water-tap-workbench .stage:has(.artifact.open) .conversation-rail { display:none; }
  .water-tap-workbench .stage:has(.artifact.open) .chat { min-width:320px; }
}
@media (max-width:720px) {
  .water-tap-workbench .terminal-setup-dialog { padding:18px; }
  .water-tap-workbench .studio-local-install { padding:14px; }
  .water-tap-workbench .artifact.open { position:fixed; z-index:40; inset:0; width:100%; min-width:0; max-width:100%; height:100dvh; border:0; }
  .water-tap-workbench .artifact > header { padding:16px 16px 12px; gap:10px; }
  .water-tap-workbench .artifact-toolbar { display:flex; }
  .water-tap-workbench #art-close { color:#041c22; background:var(--cyan); border-color:transparent; }
  .water-tap-workbench .studio-execution-choice { flex-wrap:nowrap; }
  .water-tap-workbench .studio-execution-choice label { flex:none; }
  .water-tap-workbench .studio-execution-choice select { min-width:0; max-width:160px; }
}
@media (prefers-reduced-motion:reduce) {
  .water-tap-workbench .artifact { transition:none; }
  .water-tap-workbench .studio-local-run { animation:none; }
  .water-tap-workbench :is(.box,.studio-workspace-action,.rail-history-item) { transition:none; }
}