/* BuildAne v1.4.2 — Project Room UX Polish
   Brand, project naming and Desktop conversational dock.
   Scoped to the Project Room so the commercial Home remains frozen. */

/* Top bar: cleaner product surface, official user-approved BuildAne asset. */
.creator-v140 .v140-topbar{
  grid-template-columns:minmax(320px,1fr) auto minmax(270px,1fr);
}
.creator-v140 .v140-brand img{
  height:30px;
  width:auto;
  max-width:165px;
  object-fit:contain;
  filter:none;
}
.creator-v140 .v140-project-ident{gap:8px}
.creator-v140 .v142-project-title-wrap{display:flex;align-items:center;gap:5px;min-width:0}
.creator-v140 .v142-project-title-wrap #topProjectTitle{max-width:320px}
.creator-v140 .project-title-edit-btn,
.creator-v140 .project-title-save-btn,
.creator-v140 .project-title-cancel-btn{
  width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 auto;
  border:1px solid transparent;border-radius:8px;background:transparent;color:#b9d4ea;
  cursor:pointer;transition:.16s ease;
}
.creator-v140 .project-title-edit-btn:hover,
.creator-v140 .project-title-save-btn:hover,
.creator-v140 .project-title-cancel-btn:hover{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.12)}
.creator-v140 .project-title-edit-btn svg{width:14px;height:14px;display:block}
.creator-v140 .project-title-input{
  width:min(330px,30vw);height:34px;border:1px solid rgba(255,255,255,.24);border-radius:9px;
  background:rgba(255,255,255,.10);color:#fff;padding:0 10px;outline:none;font-size:13px;font-weight:750;
}
.creator-v140 .project-title-input:focus{border-color:#6dc5ff;box-shadow:0 0 0 3px rgba(45,164,245,.16)}
.creator-v140 .project-title-save-btn{color:#8ee2b3}
.creator-v140 .project-title-cancel-btn{color:#d6e4ef}

/* Empty contextual hints should not reserve visual space. */
.creator-v140 #composerHint:empty,
.creator-v140 #advComposerHint:empty{display:none}
.creator-v140 .v140-composer .composer-row>span:empty{flex:0}

/* The Simple view intentionally avoids internal workflow jargon. */
.creator-v140 .simple-app-foot{justify-content:flex-end}
.creator-v140 .simple-app-foot .simple-autosave{margin-right:auto;color:#7d91a3}

/* Desktop preview becomes the canvas. The Ane conversation becomes a floating dock
   that stays available without forcing the user to scroll below the application. */
.creator-v140 .simple-chat-actions{display:flex;align-items:center;gap:7px}
.creator-v140 .desktop-chat-toggle{
  display:none;width:30px;height:30px;border:1px solid #d8e3ec;border-radius:9px;background:#f5f9fc;
  color:#49667f;cursor:pointer;font-weight:900;line-height:1;place-items:center;transition:.16s ease;
}
.creator-v140 .desktop-chat-toggle:hover{background:#eaf3fa;color:#0b72cc}

@media (min-width:1000px){
  .creator-v140 .simple-stage.device-desktop{display:block;position:relative;min-height:calc(100vh - 188px)}
  .creator-v140 .simple-stage.device-desktop .simple-app-card{
    width:100%;min-height:calc(100vh - 178px);margin:0;
  }
  .creator-v140 .simple-stage.device-desktop .simple-preview-host{min-height:calc(100vh - 275px)}
  .creator-v140 .simple-stage.device-desktop .desktop-shell{height:calc(100vh - 285px);min-height:620px}
  .creator-v140 .simple-stage.device-desktop .simple-chat-card{
    position:fixed;
    right:24px;
    bottom:22px;
    z-index:76;
    width:min(430px,calc(100vw - 48px));
    height:min(590px,calc(100vh - 118px));
    min-height:420px;
    max-height:none;
    grid-template-rows:auto 1fr auto;
    border-color:#c9d8e6;
    border-radius:20px;
    box-shadow:0 26px 90px rgba(5,34,61,.24),0 4px 18px rgba(15,57,93,.10);
    overflow:hidden;
    background:rgba(255,255,255,.985);
    backdrop-filter:blur(16px);
  }
  .creator-v140 .simple-stage.device-desktop .simple-chat-card .simple-chat-head{background:rgba(249,252,255,.98)}
  .creator-v140 .simple-stage.device-desktop .desktop-chat-toggle{display:inline-grid}
  .creator-v140 .simple-stage.device-desktop .simple-chat-card.desktop-chat-collapsed{
    width:min(350px,calc(100vw - 48px));
    height:auto;
    min-height:0;
    grid-template-rows:auto;
  }
  .creator-v140 .simple-stage.device-desktop .simple-chat-card.desktop-chat-collapsed .v140-messages,
  .creator-v140 .simple-stage.device-desktop .simple-chat-card.desktop-chat-collapsed .v140-composer{display:none}
  .creator-v140 .simple-stage.device-desktop .simple-chat-card.desktop-chat-collapsed .simple-chat-head{border-bottom:0}
}

/* Do not float on narrow screens; preserve the normal stacked responsive flow. */
@media (max-width:999px){
  .creator-v140 .simple-stage.device-desktop .simple-chat-card{position:static;width:auto;height:auto;min-height:420px}
}

@media (max-width:1180px){
  .creator-v140 .v140-topbar{grid-template-columns:minmax(250px,1fr) auto;gap:10px}
  .creator-v140 .v140-top-actions{grid-column:1/-1;justify-content:flex-end}
}