/* Presentation revision: 2026-10-06. Only layout variables; no business behavior. */
[data-creation-workbench] {
  --studio-ending-row-gap: 4px;
  --studio-ending-tools-gap: 4px;
  --studio-composer-gap: 8px;
  --studio-model-max-width: 240px;
}

:is(#studio-chat-sidebar,#mobile-history-panel,aside[aria-label="聊天历史"]) button[aria-label^="归档聊天："] { right:44px; opacity:1; }
:is(#studio-chat-sidebar,#mobile-history-panel,aside[aria-label="聊天历史"]) button[aria-label^="聊天操作："] { right:0; opacity:1; }
:is(#studio-chat-sidebar,#mobile-history-panel,aside[aria-label="聊天历史"]) button[aria-pressed][title] { padding-right:88px; }

/* Creative header: keep navigation in normal flow beside the account tools. */
@media (min-width:1101px) {
  header:has(> nav[aria-label="创作模式"]) {
    display:grid;
    grid-template-columns:max-content minmax(0,1fr) max-content;
    column-gap:12px;
  }
  header > nav[aria-label="创作模式"] {
    position:static;
    inset:auto;
    transform:none;
    width:100%;
    min-width:0;
    justify-content:safe center;
    gap:4px;
    overflow-x:auto;
  }
  header > nav[aria-label="创作模式"] > :is(a,button) {
    flex:none;
    padding-inline:10px;
  }
}
@media (max-width:480px) {
  header:has(> nav[aria-label="创作模式"]) > a[href="/"] {
    width:44px;
    min-width:44px;
    min-height:44px;
    justify-content:center;
    font-size:0;
  }
  header:has(> nav[aria-label="创作模式"]) > a[href="/"] > svg {
    margin-right:0!important;
  }
}