/* P2-057 — Blue MetaAutomate workspace: refined typography and collapsible navigation.
   Privacy-preserving first-party chat and creative workflows. */
body.project-immersive-page{
  background:#082d68;color:#edf0f4;color-scheme:dark;
}
.project-immersive-page .utility-bar,.project-immersive-page .site-header,
.project-immersive-page .site-footer{display:none}
.project-immersive-page #main{min-height:100svh}
.project-immersive-page .skip-link{background:#1f538e;color:#fff}
.project-immersive-page .project-chat{
  --pc-border:#275993;--pc-ink:#ededf0;--pc-muted:#c4d7f1;
  background:#082d68;color:#f0f0f1;
  margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;
  min-height:100svh;grid-template-columns:276px minmax(0,1fr);
  overflow:visible
}
.project-immersive-page .project-chat-side{
  position:sticky;top:0;height:100svh;overflow-y:auto;
  border-right:1px solid #25548f;background:#072554;
  padding:19px 10px 22px;gap:12px;z-index:20;
}
.project-immersive-page .project-chat-side-title{
  display:flex;align-items:center;gap:10px;margin:1px 7px 6px;padding:6px;
  color:#f3f3f6;text-decoration:none;font-size:1.16rem;letter-spacing:-.035em;font-weight:720
}
.project-immersive-page .project-chat-side-title img{
  width:30px;height:30px;object-fit:contain;border-radius:9px
}
.project-immersive-page .workspace-chevron{margin-left:auto;color:#a2a5b0;font-size:16px}
.project-immersive-page .workspace-side-search{padding:0 4px}
.project-immersive-page .workspace-side-search label{
  position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden
}
.project-immersive-page .workspace-side-search input{
  width:100%;height:38px;padding:8px 11px;border-radius:10px;
  border:1px solid #2a5d96;background:#123d75;color:#f6f6f8;font-size:.79rem;
  outline:0
}
.project-immersive-page .workspace-side-search input::placeholder{color:#b8cde9}
.project-immersive-page .workspace-side-search input:focus-visible{
  outline:2px solid #347fe7;outline-offset:1px
}
.project-immersive-page .workspace-side-search p{padding:2px 8px;color:#a9acb5;font-size:.75rem;margin:5px 0}
.project-immersive-page .project-chat-new{
  border:0;background:#1e558e;border-radius:11px;color:#f4f4f7;
  padding:12px 14px;font-size:.88rem;font-weight:550
}
.project-immersive-page .project-chat-new:hover,
.project-immersive-page .project-chat-new:focus-visible{background:#2a64a5}
.project-immersive-page .project-action-shortcuts{
  grid-template-columns:1fr 1fr;gap:7px;padding:0 2px;margin:1px 0 4px
}
.project-immersive-page .project-action-shortcuts a{
  background:#17437c;color:#c9dafe;border:1px solid #2c6098;
  padding:10px 5px;border-radius:10px;font-weight:620;font-size:.73rem
}
.project-immersive-page .project-action-shortcuts a:hover{
  background:#1d2738;border-color:#3878c9
}
.project-immersive-page .project-chat-label{
  color:#a9c3e3;font-size:.66rem;letter-spacing:.09em;padding:13px 10px 0
}
.project-immersive-page .project-chat-templates{gap:3px}
.project-immersive-page .project-chat-templates button{
  background:transparent;color:#c0c2c8;border:0;text-align:left;
  border-radius:9px;font-size:.81rem;padding:10px 11px;line-height:1.45
}
.project-immersive-page .project-chat-templates button:hover,
.project-immersive-page .project-chat-templates button:focus-visible{
  background:#1a4d88;color:#fff
}
.project-immersive-page .workspace-side-links{
  display:grid;gap:2px;border-top:1px solid #23538b;margin:7px 6px 0;padding-top:13px
}
.project-immersive-page .workspace-side-links a{
  display:flex;gap:12px;align-items:center;font-size:.81rem;color:#b9bdc5;
  padding:11px 10px;border-radius:9px
}
.project-immersive-page .workspace-side-links a:hover{background:#1b5087;color:#fff}
.project-immersive-page .project-chat-side-footer{
  border-top:1px solid #24558f;margin-top:auto;padding:17px 11px 2px
}
.project-immersive-page .project-chat-side-footer strong{font-size:.76rem;color:#b6caff}
.project-immersive-page .project-chat-side-footer p{color:#afc7e5;font-size:.7rem;line-height:1.65}
.project-immersive-page .project-chat-main{
  min-width:0;min-height:100svh;padding:8px clamp(22px,4vw,65px) 30px;
  max-width:1110px;width:100%;margin:auto;display:flex;flex-direction:column;
}
.project-immersive-page .workspace-headbar{
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:53px;flex:none
}
.project-immersive-page .workspace-mode-switch{
  display:flex;align-items:center;background:#123f7c;border:1px solid #1e558e;
  padding:3px;border-radius:999px;width:min(226px,95%);gap:4px
}
.project-immersive-page .workspace-mode-switch button{
  min-height:35px;flex:1;color:#aeb1bb;background:transparent;border:0;border-radius:999px;
  font-weight:570;font-size:.79rem
}
.project-immersive-page .workspace-mode-switch button[aria-pressed="true"]{
  background:#2a629d;color:#f6f7f8;box-shadow:0 1px 5px #0006
}
.project-immersive-page .workspace-website-link{
  position:absolute;right:0;top:12px;font-size:.75rem;color:#bad3f1
}
.project-immersive-page .workspace-website-link:hover{color:#fff}
.project-immersive-page .project-chat-top{
  border:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:0;min-height:180px;padding:16px 0 6px;
  text-align:center;flex:none
}
.project-immersive-page .project-chat-top h1{
  font-weight:520;letter-spacing:-.045em;line-height:1.14;
  font-size:clamp(1.9rem,3vw,2.55rem);color:#f0f1f4;margin:10px 0 8px
}
.project-immersive-page .project-chat-kicker{
  color:#aec6e7;letter-spacing:.17em;font-weight:650;font-size:.61rem
}
.project-immersive-page .project-chat-top p{
  font-size:.88rem;color:#c0d5ef;margin:auto;max-width:680px
}
.project-immersive-page .project-chat-offline{
  color:#99a6be;border:1px solid #303645;background:#102f64;
  border-radius:20px;font-size:.59rem;letter-spacing:.075em;
  margin:12px 0 0;padding:7px 10px
}
.project-immersive-page .project-ai-mode-switch{
  justify-content:center;flex-wrap:wrap;gap:10px;margin:5px 0 12px
}
.project-immersive-page .project-ai-mode-button{
  color:#b8d4ff;background:#182030;border:1px solid #303d59;
  border-radius:26px;padding:9px 14px
}
.project-immersive-page .project-ai-mode-button:hover{background:#223451}
.project-immersive-page .project-ai-mode-note{font-size:.73rem;color:#b6cdec}
.project-immersive-page .project-chat-conversation{
  flex:1;min-height:130px;max-height:38svh;padding:16px clamp(0px,3vw,60px);
  scrollbar-color:#31689c transparent
}
.project-immersive-page .project-chat-message{max-width:780px}
.project-immersive-page .project-chat-avatar{
  background:#182c49;color:#a7c7ff;font-size:1.2rem;border-radius:50%
}
.project-immersive-page .project-chat-bubble{color:#d4d6dc;font-size:.87rem}
.project-immersive-page .project-chat-bubble strong{color:#bdc9dd;font-size:.76rem}
.project-immersive-page .project-chat-bubble .project-chat-hint{color:#aac8ef}
.project-immersive-page .project-chat-user .project-chat-bubble{
  background:#285c98;color:#f3f3f6;border:1px solid #326ca7;border-radius:18px 18px 4px 18px
}
.project-immersive-page .project-chat-action-area{
  max-width:820px;width:100%;margin:0 auto 12px
}
.project-immersive-page .project-chat-prompt-chips{margin:8px 0 17px}
.project-immersive-page .project-chat-prompt-chips button{
  color:#c0c3ca;background:#123d75;border:1px solid #2f639c;
  font-weight:500;letter-spacing:0;font-size:.73rem
}
.project-immersive-page .project-chat-prompt-chips button:hover{
  background:#1e4f87;color:#fff;border-color:#4f79b0
}
.project-immersive-page .project-chat-composer{
  background:#20508a;border:1px solid #2e669e;color:#f3f3f5;
  box-shadow:0 10px 34px #0004;border-radius:25px;padding:13px 16px 11px
}
.project-immersive-page .project-chat-input-label,
.project-immersive-page .project-ai-composer label{
  font-size:.67rem;color:#a3a7b1;font-weight:500
}
.project-immersive-page .project-chat-composer textarea{
  min-height:50px;color:#fff;background:transparent;font-size:.94rem
}
.project-immersive-page .project-chat-composer textarea::placeholder{color:#a4a5aa}
.project-immersive-page .project-chat-composer-actions{border-top:1px solid #2c629f}
.project-immersive-page #project-chat-progress{color:#c1d4ef}
.project-immersive-page .project-chat-controls button{
  background:#2e66a5;border:0;color:#e2e6ee
}
.project-immersive-page .project-chat-controls #project-chat-send,
.project-immersive-page #project-ai-send{background:#346fda;border:0;color:#fff}
.project-immersive-page .project-chat-footnote{color:#bfd2ed;font-size:.69rem}
.project-immersive-page .project-chat-notice{color:#ffa5a5}
.project-immersive-page .project-chat-summary{
  color:#e3e7ed;background:#0d336a;border:1px solid #2b3544;border-radius:16px;
  max-height:42svh;overflow:auto
}
.project-immersive-page .project-chat-summary-header h2{color:#f4f5f8}
.project-immersive-page .project-chat-summary-header p{color:#a1adbe}
.project-immersive-page #project-chat-summary-text{
  background:#0b3168;color:#e6e9f0;border-color:#3568a1
}
.project-immersive-page .project-chat-summary-actions a,
.project-immersive-page .project-chat-summary-actions button{
  color:#e3eaf8;background:#243045;border-color:#354967
}
.project-immersive-page #project-chat-email{background:#346fda;border:0}
.project-immersive-page #project-chat-copy-status{color:#a3cdff}
.project-immersive-page .project-ai-experience{
  color:#dce0e9;min-height:330px;max-width:850px;width:100%;margin:0 auto;
  padding-top:7px
}
.project-immersive-page .project-ai-header strong{color:#d4e2fb}
.project-immersive-page .project-ai-header p{color:#aab0bd}
.project-immersive-page .project-ai-header button,
.project-immersive-page .project-ai-actions button,
.project-immersive-page .project-ai-create-link{
  color:#dbe3f1;background:#22262e;border:1px solid #394051
}
.project-immersive-page .project-ai-consent{
  background:#151a23;border-color:#344052
}
.project-immersive-page .project-ai-consent p{color:#b3bfce}
.project-immersive-page .project-ai-consent a{color:#91c3ff}
.project-immersive-page #project-ai-load{background:#326bd2;border-color:#326bd2}
.project-immersive-page .project-ai-status{
  color:#a9c3eb;background:#142033;border:1px solid #223452
}
.project-immersive-page .project-ai-messages{
  max-height:35svh;scrollbar-color:#394253 transparent
}
.project-immersive-page .project-ai-message{
  background:#181d25;border-color:#283344
}
.project-immersive-page .project-ai-message strong{color:#b4cfff}
.project-immersive-page .project-ai-message p{color:#e2e8ef}
.project-immersive-page .project-ai-user{background:#262932}
.project-immersive-page .project-ai-composer{background:#1e558e;border-color:#3268a2}
.project-immersive-page .project-ai-composer textarea,
.project-immersive-page .project-ai-composer textarea:disabled{
  color:#f5f5f7;background:transparent
}
.project-immersive-page .project-ai-quick-tasks button{
  color:#bcd4fd;background:#1a2537;border-color:#35435a
}
.project-immersive-page .project-ai-footer{color:#b7d0f0}
.project-immersive-page .project-ai-error{color:#ffc2be;background:#75353f}
.project-immersive-page .project-chat-alternative{
  background:#0c3269;border-color:#2a5b91;color:#e0e4ec;
  margin:0 auto 30px;max-width:1260px
}
.project-immersive-page .project-chat-alternative>summary{color:#c0d4f3;background:#113b75}
.project-immersive-page .project-chat-alternative[open]>summary{background:#202c3d}
.project-immersive-page .workspace-work-panel{
  width:min(820px,100%);margin:5px auto 30px;padding:12px 5px 24px;
  flex:1;color:#f4f5f7
}
.project-immersive-page .workspace-work-panel[hidden]{display:none!important}
.project-immersive-page .workspace-work-intro{text-align:center;margin-bottom:23px}
.project-immersive-page .workspace-work-intro span{
  color:#95b9f5;font-size:.65rem;letter-spacing:.13em;font-weight:720
}
.project-immersive-page .workspace-work-intro h2{
  font-size:clamp(1.4rem,2.3vw,2rem);font-weight:550;letter-spacing:-.035em;margin:8px 0 12px
}
.project-immersive-page .workspace-work-intro p{color:#bdd0ee;font-size:.85rem}
.project-immersive-page .workspace-work-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px
}
.project-immersive-page .workspace-work-grid a,
.project-immersive-page .workspace-work-grid button{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  min-height:146px;text-align:left;padding:22px 21px;
  border:1px solid #2b5d97;border-radius:17px;background:#16457f;color:#f1f3f7;
  text-decoration:none;gap:8px;font:inherit;cursor:pointer
}
.project-immersive-page .workspace-work-grid a:hover,
.project-immersive-page .workspace-work-grid button:hover{
  background:#1c2431;border-color:#5c86c2
}
.project-immersive-page .workspace-work-grid strong{font-size:1rem;font-weight:620}
.project-immersive-page .workspace-work-grid small{font-size:.77rem;color:#a1a9b9;line-height:1.52}
.project-immersive-page .workspace-work-icon{color:#a9c7ff;font-size:1.35rem}
.project-immersive-page .workspace-work-arrow{position:absolute;right:20px;top:21px;color:#b7c5da}
.project-immersive-page .workspace-work-boundary{
  margin:20px 0;color:#abc5e7;font-size:.73rem;text-align:center
}
.project-immersive-page[data-workspace-mode="work"] .project-ai-mode-switch,
.project-immersive-page[data-workspace-mode="work"] .project-ai-experience,
.project-immersive-page[data-workspace-mode="work"] .project-chat-conversation,
.project-immersive-page[data-workspace-mode="work"] .project-chat-action-area,
.project-immersive-page[data-workspace-mode="work"] .project-chat-summary{display:none!important}
.project-immersive-page[data-workspace-mode="work"] .project-chat-top{min-height:145px}
.project-immersive-page .workspace-mobile-menu,.project-immersive-page .workspace-menu-backdrop{display:none}
.project-immersive-page :is(button,a,input,textarea,select):focus-visible{
  outline:3px solid #669ffb;outline-offset:2px
}
@media(max-width:980px){
  .project-immersive-page .project-chat{grid-template-columns:234px minmax(0,1fr)}
  .project-immersive-page .project-chat-side{display:flex;padding:14px 8px}
  .project-immersive-page .project-chat-main{padding-inline:22px}
  .project-immersive-page .project-chat-templates{display:flex;flex-direction:column}
  .project-immersive-page .project-chat-label{display:block}
  .project-immersive-page .project-action-shortcuts{grid-column:auto;grid-row:auto}
}
@media(max-width:740px){
  .project-immersive-page .project-chat{display:block;min-height:100svh}
  .project-immersive-page .project-chat-side{
    display:flex;position:fixed;left:0;top:0;bottom:0;height:100svh;
    width:min(290px,84vw);z-index:102;transform:translateX(-105%);
    transition:transform .18s ease;box-shadow:18px 0 45px #0008;
  }
  .project-immersive-page .project-chat-side.is-open{transform:translateX(0)}
  .project-immersive-page .workspace-mobile-menu{
    display:flex;position:fixed;left:10px;top:9px;z-index:79;align-items:center;
    gap:7px;padding:10px;border-radius:12px;border:1px solid #31689c;
    background:#19508a;color:#f1f2f7;font-size:.76rem
  }
  .project-immersive-page .workspace-menu-backdrop:not([hidden]){
    display:block;position:fixed;inset:0;background:#0009;border:0;
    z-index:100;border-radius:0
  }
  .project-immersive-page .project-chat-main{
    max-width:none;padding:5px 16px 22px;min-height:100svh
  }
  .project-immersive-page .workspace-headbar{padding-left:54px}
  .project-immersive-page .workspace-website-link{display:none}
  .project-immersive-page .project-chat-top{min-height:160px}
  .project-immersive-page .project-chat-top h1{font-size:1.85rem}
  .project-immersive-page .project-chat-conversation{max-height:38svh}
  .project-immersive-page .project-chat-side-footer{display:block}
  .project-immersive-page .project-action-shortcuts{display:grid;grid-template-columns:1fr 1fr}
  .project-immersive-page .project-chat-templates{display:flex;flex-direction:column}
}
@media(max-width:440px){
  .project-immersive-page .project-chat-main{padding-inline:12px}
  .project-immersive-page .project-chat-top h1{font-size:1.55rem}
  .project-immersive-page .project-chat-top{min-height:140px}
  .project-immersive-page .project-chat-prompt-chips{justify-content:flex-start}
  .project-immersive-page .project-chat-prompt-chips button{font-size:.68rem;padding:8px 10px}
  .project-immersive-page .project-chat-conversation{max-height:37svh}
  .project-immersive-page .workspace-work-grid{grid-template-columns:1fr}
  .project-immersive-page .workspace-work-grid a,
  .project-immersive-page .workspace-work-grid button{min-height:110px}
  .project-immersive-page .project-chat-summary-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .project-immersive-page .project-chat-side{transition:none}
}


/* P2-057 BLUE BRAND REFINEMENT — scoped only to Start a Project. */
body.project-immersive-page{
  --workspace-deep:#082d68;
  --workspace-side:#072554;
  --workspace-panel:#144783;
  --workspace-elevated:#1c5699;
  --workspace-border:#326bac;
  --workspace-blue:#56b7ff;
  --workspace-text:#f4f9ff;
  --workspace-muted:#b9d3f1;
  background:linear-gradient(125deg,#082d68 0%,#0c3977 75%,#123c78 100%);
  color:var(--workspace-text);
  font-family:"Plus Jakarta Sans","Inter","Segoe UI",ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;
  font-size:16px;font-weight:450;line-height:1.58;
  -webkit-font-smoothing:antialiased;
}
.project-immersive-page .project-chat{
  background:transparent;color:var(--workspace-text);
}
.project-immersive-page .project-chat-side{
  background:linear-gradient(180deg,#092f69,#062350);
  border-right:1px solid #2864a2;
}
.project-immersive-page .project-chat-main{
  max-width:1200px;padding-bottom:34px;
}
.project-immersive-page .workspace-headbar{
  min-height:65px;border-bottom:1px solid #ffffff17;
  padding:7px 60px;
}
.project-immersive-page .workspace-sidebar-toggle{
  position:absolute;left:0;top:11px;z-index:78;
  display:inline-flex;align-items:center;gap:10px;justify-content:center;
  background:#164785;color:#edf7ff;border:1px solid #3879b9;
  border-radius:12px;padding:10px 12px;min-height:42px;
  font-size:.83rem;font-weight:600;line-height:1.2;font-family:inherit;cursor:pointer;
}
.project-immersive-page .workspace-sidebar-toggle:hover,
.project-immersive-page .workspace-sidebar-toggle[aria-expanded="false"]{
  background:#2467b4;border-color:#73b6f7;
}
.project-immersive-page .workspace-sidebar-toggle span:first-child{
  font-size:1.16rem;line-height:1;
}
.project-immersive-page .workspace-mode-switch{
  background:#113e78;border:1px solid #3269a3;
}
.project-immersive-page .workspace-mode-switch button{
  font-weight:680;font-size:.85rem;letter-spacing:-.01em;
  color:#c5ddfa;
}
.project-immersive-page .workspace-mode-switch button[aria-pressed="true"]{
  background:linear-gradient(115deg,#2981d6,#1358ae);
  color:#fff;box-shadow:0 3px 13px #001d5280;
}
.project-immersive-page .workspace-website-link{
  font-size:.86rem;font-weight:660;color:#c7e1ff;top:20px;
}
.project-immersive-page .workspace-website-link:hover{color:#fff}
.project-immersive-page .project-chat-side-title{
  font-size:1.27rem;font-weight:760;letter-spacing:-.045em;
}
.project-immersive-page .project-chat-top{
  min-height:185px;
}
.project-immersive-page .project-chat-top h1{
  font-size:clamp(2.08rem,3.6vw,3.05rem);font-weight:660;
  letter-spacing:-.052em;color:#f7fbff;margin:9px 0 6px;
}
.project-immersive-page .project-chat-top p{
  font-size:1rem;color:#c2d9f3;letter-spacing:-.015em;
}
.project-immersive-page .project-chat-offline{
  color:#cae5ff;border-color:#3a79bb;background:#164786;
  text-transform:none;letter-spacing:.015em;font-size:.72rem;font-weight:650;
}
.project-immersive-page .project-chat-side,
.project-immersive-page .project-chat-main,
.project-immersive-page .project-chat-composer,
.project-immersive-page .project-ai-composer,
.project-immersive-page .project-chat-summary{
  font-family:inherit;
}
.project-immersive-page .project-chat-new,
.project-immersive-page .project-chat-templates button,
.project-immersive-page .workspace-side-links a{
  font-size:.88rem;font-weight:610;
}
.project-immersive-page .project-chat-conversation{
  font-size:.95rem;max-height:43svh;
}
.project-immersive-page .project-chat-bubble{
  font-size:.97rem;line-height:1.7;color:#e4f0ff;
}
.project-immersive-page .project-chat-bubble strong{color:#b9dbff}
.project-immersive-page .project-chat-prompt-chips button{
  color:#dfedff;background:#13417c;border-color:#3972ae;
  font-size:.8rem;font-weight:590;
}
.project-immersive-page .project-chat-prompt-chips button:hover{
  background:#235ea6;border-color:#65a8ec;
}
.project-immersive-page .project-chat-composer,
.project-immersive-page .project-ai-composer{
  background:#1b508e;border:1px solid #4a89c7;
  box-shadow:0 16px 40px #00193d59;border-radius:24px;
}
.project-immersive-page .project-chat-composer textarea{
  font-size:1.06rem;line-height:1.6;color:#fff;
}
.project-immersive-page .project-chat-composer textarea::placeholder{
  color:#c8dcf4;
}
.project-immersive-page .project-chat-input-label,
.project-immersive-page .project-ai-composer label{
  font-size:.79rem;font-weight:630;color:#d6e9ff;
}
.project-immersive-page #project-chat-progress{
  color:#d0e5fc;font-size:.78rem;font-weight:590;
}
.project-immersive-page .project-chat-controls #project-chat-send,
.project-immersive-page #project-ai-send{
  background:#3d9cef;border-color:#3d9cef;color:#06244c;
  font-weight:790;
}
.project-immersive-page .project-chat-controls #project-chat-send:hover,
.project-immersive-page #project-ai-send:hover{
  background:#78c5ff;
}
.project-immersive-page .project-ai-mode-button{
  background:#155099;border-color:#4487cf;color:#edf7ff;
  font-weight:640;
}
.project-immersive-page .project-ai-mode-note,
.project-immersive-page .project-chat-footnote{
  color:#b9d4f0;
}
.project-immersive-page .workspace-work-grid a,
.project-immersive-page .workspace-work-grid button{
  background:linear-gradient(145deg,#144785,#113a74);
  border-color:#3975b8;border-radius:18px;
}
.project-immersive-page .workspace-work-grid a:hover,
.project-immersive-page .workspace-work-grid button:hover{
  background:#205da4;border-color:#87c9ff;
}
.project-immersive-page .workspace-work-grid strong{
  font-size:1.13rem;font-weight:685;letter-spacing:-.024em;
}
.project-immersive-page .workspace-work-grid small{color:#c6def9;font-size:.86rem}
.project-immersive-page .workspace-work-intro h2{
  font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:660;
}
.project-immersive-page .workspace-work-grid{gap:16px}
.project-immersive-page .project-chat-side[hidden]{display:none!important}
.project-immersive-page[data-sidebar="closed"] .project-chat{
  grid-template-columns:minmax(0,1fr);
}
.project-immersive-page[data-sidebar="closed"] .project-chat-main{
  max-width:1280px;
}
.project-immersive-page .workspace-menu-backdrop:not([hidden]){
  display:none;
}
@media(max-width:740px){
  .project-immersive-page .project-chat{display:block}
  .project-immersive-page .project-chat-main{
    min-height:100svh;padding:3px 15px 24px;
  }
  .project-immersive-page .workspace-headbar{
    padding:5px 34px 5px 63px;min-height:64px;
  }
  .project-immersive-page .workspace-sidebar-toggle{
    position:absolute;left:3px;top:9px;
    min-height:43px;padding:9px 12px;
  }
  .project-immersive-page .workspace-toggle-caption{display:none}
  .project-immersive-page .workspace-mode-switch{width:min(205px,100%)}
  .project-immersive-page .workspace-website-link{display:none}
  .project-immersive-page .project-chat-side{
    display:flex;position:fixed;left:0;top:0;bottom:0;
    z-index:102;width:min(295px,86vw);height:100svh;
    transform:translateX(-105%);transition:transform .18s ease;
  }
  .project-immersive-page .project-chat-side:not([hidden]){
    transform:translateX(0);
  }
  .project-immersive-page .workspace-menu-backdrop:not([hidden]){
    display:block;position:fixed;inset:0;z-index:100;
    background:#00183ab5;border:0;border-radius:0;
  }
  .project-immersive-page .project-chat-top h1{
    font-size:clamp(1.8rem,6.4vw,2.5rem);
  }
  .project-immersive-page .project-chat-top p{font-size:.91rem}
  .project-immersive-page .project-chat-composer textarea{font-size:1rem}
}
@media(max-width:440px){
  .project-immersive-page .project-chat-main{padding-inline:12px}
  .project-immersive-page .project-chat-top{min-height:145px}
  .project-immersive-page .project-chat-conversation{max-height:39svh}
  .project-immersive-page .workspace-work-grid{grid-template-columns:1fr}
}