.tool-workbench-hero .tool-workbench { width:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.workbench-toolbar { display:flex; margin-bottom:28px; }
.workbench-toolbar:not(:has(.reply-channel)) { display:none; }
.tool-workbench-hero .reply-channel { gap:4px; padding:4px; border-radius:999px; background:#f3f5f2; }
.tool-workbench-hero .reply-channel button { padding:9px 20px; color:#787f79; font-size:13px; line-height:1.6; }
.tool-workbench-hero .reply-channel button[aria-pressed=true] { background:#fff; color:#333b36; box-shadow:0 1px 5px #29352c0c; }
.tool-workbench-hero .reply-workspace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto auto; gap:12px 40px; overflow:visible; border:0; border-radius:0; background:none; align-items:start; }
.tool-workbench-hero :is(.reply-input-panel,.reply-output-panel) { display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:12px; padding:0; background:none; border:0; }
.tool-workbench-hero .reply-panel-heading { min-height:32px; margin:0; gap:12px; }
.tool-workbench-hero .reply-panel-heading h2 { color:#7a807c; font-size:13px; line-height:1.6; font-weight:500; letter-spacing:.02em; }
.workbench-input-body,.workbench-output-body { display:flex; flex-direction:column; min-width:0; }
.tool-workbench-hero .workbench-main-field > label,.tool-workbench-hero .workbench-main-field > .reply-field > label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tool-workbench-hero .workbench-main-field .reply-field,.tool-workbench-hero .workbench-main-field { gap:0; }
.tool-workbench-hero :is(#reply-message,#tool-message,#reply-draft,#tool-draft,.reply-empty) { flex:none; width:100%; min-width:0; height:240px; min-height:200px; margin:0; padding:28px 30px; border:1px solid transparent; border-radius:26px; background:#f3f5f2; color:var(--ink); font:inherit; font-size:17px; line-height:1.9; box-shadow:none; resize:vertical; }
.tool-workbench-hero :is(#reply-draft,#tool-draft,.reply-empty) { background:#f7f8f6; }
.tool-workbench-hero .reply-empty { display:block; text-align:left; }
.tool-workbench-hero .reply-empty p { color:#a1a69f; font-size:17px; line-height:1.9; }
.tool-workbench-hero textarea:focus { outline:2px solid #689976; outline-offset:3px; }
.tool-workbench-hero :is(.workbench-intent-field,[data-parent-field],.workbench-mobile-option) { margin-top:20px; }
.tool-workbench-hero :is(#reply-intent,#tool-parent) { width:100%; min-height:112px; padding:18px 20px; border:1px solid #e0e5dc; border-radius:18px; background:#fbfcfa; color:var(--ink); font:inherit; font-size:16px; line-height:1.7; }
.tool-workbench-hero .reply-field label { font-size:12px; line-height:1.6; color:#71796f; }
.tool-workbench-hero .tool-field-feedback { margin-top:7px; gap:7px; color:var(--muted); font-size:11px; line-height:1.6; }
.tool-workbench-hero .tool-field-hint:empty { display:none; }
.tool-workbench-hero .workbench-primary-settings { margin:20px 0 0; }
.tool-workbench-hero .tool-select-trigger { border-color:#e0e5dc; border-radius:12px; background:#fbfcfa; font-size:13px; }
.workbench-input-actions { display:contents; }
.workbench-settings-button { display:none; }
.tool-workbench-hero .workbench-settings { margin-top:16px; padding:0; }
.tool-workbench-hero :is(.reply-more,.tool-changes) > summary { font-size:12px; line-height:1.8; color:#7a807c; }
.tool-workbench-hero .tool-extra-fields { gap:16px; margin-top:20px; }
.tool-workbench-hero .reply-generate-row { justify-content:space-between; margin-top:24px; gap:16px; }
.workbench-clear { display:grid; place-items:center; width:46px; height:46px; flex:none; padding:0; border:0; border-radius:50%; background:#f0f2ee; color:#7d867d; cursor:pointer; }
:root body.reply-tool-page main .tool-workbench-hero .reply-generate { flex:none; min-height:48px; margin-left:auto; padding:12px 28px; border:1px solid var(--button-edge); border-radius:999px; background:var(--button-fill); color:var(--button-ink); font-size:14px; }
:root body.reply-tool-page main .tool-workbench-hero .reply-generate:disabled { opacity:1; background:#e9ede6; color:#a4ada0; border-color:#e9ede6; }
:root body.reply-tool-page main .tool-workbench-hero .reply-generate.is-loading { background:var(--button-fill); color:var(--button-ink); border-color:var(--button-edge); }
.tool-workbench-hero .reply-result { flex:none; margin:0; gap:16px; }
.tool-workbench-hero .reply-candidates { display:flex; gap:4px; padding:3px; border:0; border-radius:16px; background:#f3f5f2; }
.tool-workbench-hero .reply-candidates button { flex:1; min-width:0; min-height:44px; padding:8px 10px; border:0; border-radius:12px; color:#787f79; background:transparent; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.tool-workbench-hero .reply-candidates button[aria-pressed=true] { color:#333b36; background:#fff; box-shadow:0 1px 5px #29352c0c; }
.workbench-result-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tool-workbench-hero :is(.workbench-rewrite-menu > summary,.workbench-copy) { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:9px 16px; border:1px solid #dbe3d9; border-radius:999px; background:#f7f8f6; color:#4b5f4c; font-size:13px; line-height:1.6; text-decoration:none; cursor:pointer; }
.workbench-menu { position:relative; }
.workbench-menu > summary { list-style:none; cursor:pointer; }
.workbench-menu > summary::-webkit-details-marker { display:none; }
.workbench-menu > div { position:absolute; z-index:10; display:flex; flex-direction:column; min-width:190px; max-width:min(300px,calc(100vw - 32px)); overflow-y:auto; padding:6px; border:1px solid var(--glass-edge); border-radius:16px; background:var(--glass-fill); box-shadow:var(--glass-shadow),0 0 0 1px #7687991a; backdrop-filter:blur(22px) saturate(1.6); -webkit-backdrop-filter:blur(22px) saturate(1.6); }
.workbench-example-menu > summary { display:flex; align-items:center; min-height:32px; color:#7a807c; font-size:12px; text-align:right; }
.workbench-example-menu > div { top:calc(100% + 8px); right:0; }
.workbench-rewrite-menu > div { bottom:calc(100% + 8px); left:0; }
.workbench-menu [role=menuitem] { min-height:44px; padding:10px 14px; border:0; border-radius:10px; background:transparent; color:var(--ink); font:inherit; font-size:13px; line-height:1.6; text-align:left; cursor:pointer; }
.workbench-menu [role=menuitem]:is(:hover,:focus-visible) { background:#ffffffad; }
.workbench-menu > summary[aria-disabled=true] { opacity:.5; cursor:default; }
.workbench-rewrite-menu > summary.is-loading svg { animation:workbench-spin 1s linear infinite; }
@keyframes workbench-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .workbench-rewrite-menu > summary.is-loading svg { animation:none; } }
.tool-workbench-hero .tool-draft-actions[hidden] { display:none; }
.tool-workbench-hero .tool-changes { border:0; border-top:1px solid var(--line); padding-block:14px 0; }
.tool-workbench-hero .reply-status-wrap { margin-top:16px; }
.tool-workbench-hero .reply-status-wrap:has(.reply-status:empty):not(:has(a:not([hidden]),button:not([hidden]))) { margin:0; }
.tool-workbench-hero .reply-status { font-size:13px; line-height:1.8; }
.workbench-notices { display:flex; flex-direction:column; align-items:flex-start; gap:7px; margin-top:22px; }
.tool-workbench-hero .reply-allowance { font-size:11px; line-height:1.8; color:#7a807c; }
.tool-workbench-hero .reply-data-note { margin:0; color:#969b94; font-size:11px; line-height:1.9; }
.tool-workbench-hero :is(a,button,summary):focus-visible { outline:2px solid #689976; outline-offset:4px; }
@media(max-width:850px) {
  .usecase-breadcrumb:has(+ .tool-workbench-hero) { display:none; }
  body.reply-tool-page main > .tool-workbench-hero { padding-top:16px; }
  .tool-workbench-hero .reply-tool-intro { margin-bottom:22px; }
  .tool-workbench-hero .reply-tool-intro h1 { font-size:clamp(26px,7.2vw,32px); line-height:1.25; letter-spacing:-.035em; }
  .tool-workbench-hero .reply-tool-intro .lead { display:none; }
  .tool-workbench-hero .reply-workspace-grid { grid-template-columns:1fr; grid-template-rows:none; gap:28px; }
  .tool-workbench-hero :is(.reply-input-panel,.reply-output-panel) { display:block; grid-row:auto; }
  .tool-workbench-hero .reply-panel-heading { min-height:24px; margin-bottom:8px; }
  .tool-workbench-hero .reply-panel-heading h2 { min-width:0; }
  .tool-workbench-hero :is(#reply-message,#tool-message) { height:auto; min-height:144px; max-height:min(320px,40svh); padding:18px 20px; border-radius:22px; font-size:16px; line-height:1.8; resize:none; }
  .tool-workbench-hero :is(#reply-intent,#tool-parent) { min-height:96px; max-height:min(240px,35svh); font-size:16px; resize:none; }
  .workbench-input-actions { display:grid; grid-template-columns:44px 44px minmax(0,1fr); align-items:center; gap:0 10px; margin-top:14px; }
  .workbench-settings-button { grid-column:2; grid-row:1; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#7a807c; cursor:pointer; }
  .workbench-settings-button[aria-expanded=true] { color:var(--ink); }
  .tool-workbench-hero .workbench-settings { grid-column:1 / -1; grid-row:2; min-width:0; margin:0; }
  .tool-workbench-hero .workbench-settings > summary { display:none; }
  .tool-workbench-hero .reply-generate-row { display:contents; }
  .workbench-clear { grid-column:1; grid-row:1; width:44px; height:44px; }
  :root body.reply-tool-page main .tool-workbench-hero .reply-generate { grid-column:3; grid-row:1; justify-self:end; min-height:44px; max-width:100%; padding:10px 16px; font-size:13px; white-space:normal; }
  .tool-workbench-hero :is([data-cancel],[data-tool-cancel]) { grid-column:3; grid-row:1; justify-self:end; z-index:1; min-height:44px; padding:10px 16px; border:1px solid var(--button-edge); border-radius:999px; background:var(--button-fill); color:var(--button-ink); font-size:13px; }
  .tool-workbench:not([data-refining=true]) .reply-input-panel:has(:is([data-cancel],[data-tool-cancel]):not([hidden])) .reply-generate { visibility:hidden; }
  .tool-workbench-hero .workbench-settings .tool-extra-fields { margin:16px 0 0; }
  .tool-workbench-hero .workbench-settings :is(.workbench-primary-settings,.workbench-mobile-option) { margin:0; }
  .tool-workbench-hero .workbench-settings :is(textarea,input,.tool-select-trigger) { font-size:16px; }
  .tool-workbench-hero .workbench-settings .reply-channel { justify-self:start; flex-wrap:wrap; }
  .tool-workbench-hero .reply-channel button { padding:9px 13px; font-size:12px; }
  .tool-workbench-hero .reply-output-panel:has(.reply-result[hidden]):has(.reply-status:empty):not(:has(a:not([hidden]))) { display:none; }
  .tool-workbench-hero .reply-empty { display:none; }
  .tool-workbench-hero :is(#reply-draft,#tool-draft) { height:auto; min-height:1.8em; padding:0; border:0; border-radius:0; background:transparent; font-size:16px; line-height:1.85; resize:none; }
  .tool-workbench-hero .reply-result { gap:14px; }
  .workbench-result-toolbar { gap:10px; }
  .tool-workbench-hero :is(.workbench-rewrite-menu > summary,.workbench-copy) { padding:9px 14px; }
  .tool-workbench-hero .tool-subject { margin-bottom:14px; }
  .tool-workbench-hero .reply-output-panel { scroll-margin-top:112px; }
}
@media(max-width:850px) {
  :root body.reply-tool-page main .tool-workbench-hero .reply-generate.is-loading { white-space:nowrap; overflow:hidden; }
}
.tool-workbench-hero .reply-limit-download { display:flex; align-items:center; justify-content:center; width:fit-content; max-width:100%; min-height:56px; margin:20px auto 0; padding:16px 28px; font-size:16px; line-height:1.5; text-align:center; white-space:normal; }
