@media (max-width: 767px) {
  :root:has([data-testid="mobile-top-navigation"]) {
    --mobile-top-navigation-offset: env(safe-area-inset-top, 0px);
    --mobile-bottom-nav-fallback-height: 0px;
    --mobile-bottom-nav-measured-height: 0px;
    --mobile-bottom-nav-reserved-height: 0px;
    --mobile-bottom-nav-offset: 0px;
    --mobile-composer-nav-gap: 0px;
    --mobile-composer-bottom-offset: calc(8px + env(safe-area-inset-bottom, 0px));
  }
  :root:has([data-testid="mobile-top-navigation"]) [data-testid="generation-root"] { padding-top: var(--mobile-top-navigation-offset); }
  :root:has([data-testid="mobile-top-navigation"]) [data-mobile-composer] { max-height: calc(var(--mobile-visible-height) - var(--mobile-top-navigation-offset) - env(safe-area-inset-bottom, 0px) - 16px); }
  :root[data-mobile-keyboard="true"]:has([data-testid="mobile-top-navigation"]) { --mobile-composer-bottom-offset: calc(var(--mobile-keyboard-offset) + 8px); }
  :root[data-mobile-keyboard="true"]:has([data-testid="mobile-top-navigation"]) [data-mobile-composer] { max-height: calc(var(--mobile-visible-height) - var(--mobile-top-navigation-offset) - 16px); }
  .mobile-top-navigation { top: calc(var(--mobile-visible-top) + max(8px, env(safe-area-inset-top, 0px))); left: 12px; width: 44px; height: 44px; }
  .mobile-top-navigation-trigger { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
  .creation-home-intro { width: 100%; margin-top: 16px; margin-bottom: 24px; padding-inline: 8px; }
  .creation-home-intro > h1 { font-size: clamp(24px, 6vw, 28px); line-height: 1.4; text-wrap: balance; }
  .creation-home-intro > p { margin-top: 8px; line-height: 1.6; }
  [data-testid="generation-root"] [data-testid="generation-result-feedback-panel"] { display: none; }
  :root:has([data-testid="mobile-top-navigation"]) [data-testid="generation-root"][data-current-view="assets"] .asset-library-toolbar > .asset-library-topline > .asset-library-sections { padding-left: 52px; }
  .mobile-navigation-drawer-overlay { background: rgb(0 0 0 / .4); }
  .mobile-navigation-drawer { display: grid; grid-template-columns: 56px minmax(0, 1fr); width: calc(56px + (min(420px, calc(100vw - 32px)) - 56px) * .7); height: 100%; max-height: 100%; padding: 0; border-radius: 0; background: white; overflow: hidden; }
  .dark .mobile-navigation-drawer { background: #1f2937; }
  .mobile-navigation-rail { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 56px; min-height: 0; padding: max(8px, env(safe-area-inset-top)) 6px max(8px, env(safe-area-inset-bottom)); border-right: 1px solid rgb(128 128 128 / .15); background: rgb(128 128 128 / .04); }
  .mobile-navigation-rail button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-shrink: 0; }
  .mobile-navigation-rail-items { display: flex; flex-direction: column; gap: 4px; min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; }
  .mobile-navigation-rail-footer { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; }
  .mobile-navigation-rail-active { background: rgb(0 0 0 / .06); }
  .dark .mobile-navigation-rail-active { background: rgb(255 255 255 / .1); }
  .mobile-navigation-brand img { display: block; max-width: 100%; width: auto; height: 28px; object-fit: contain; }
  .mobile-navigation-drawer-header { padding: max(12px, env(safe-area-inset-top)) 12px 12px 16px; }
  .mobile-navigation-drawer-header button { min-height: 44px; min-width: 44px; }
  .mobile-navigation-drawer-content { overscroll-behavior: contain; }
  .mobile-navigation-history-container { overflow-y: auto; overscroll-behavior: contain; padding: 0 8px max(8px, env(safe-area-inset-bottom)); }
  .mobile-navigation-history-section { display: flex; flex-direction: column; height: 100%; min-height: 0; }
  .mobile-navigation-history-section > h3 { display: none; }
  .mobile-navigation-utility { overscroll-behavior: contain; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .mobile-navigation-utility-header button { min-width: 44px; min-height: 44px; }
  .mobile-navigation-drawer-menu.mb-sidebar-user-menu { position: static; width: auto; max-height: none; bottom: auto !important; padding: 8px; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  .mobile-navigation-drawer .mobile-navigation-drawer-menu.mb-sidebar-user-menu button { min-height: 44px; }
  .mobile-navigation-drawer-section { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgb(128 128 128 / .15); }
  .mobile-navigation-drawer .mobile-navigation-history-slot { min-height: 0; flex: 1 1 auto; overflow: hidden; }
  .mobile-navigation-drawer .mobile-navigation-history-slot > [data-testid="workspace-rail-pinned-panel"],
  .mobile-navigation-drawer .mobile-navigation-history-slot > [data-testid="workspace-rail-pinned-panel"] > div { height: 100%; min-height: 0; flex: 1 1 auto; overflow: hidden; }
  .mobile-navigation-drawer .mobile-navigation-history-slot [data-testid="workspace-rail-pinned-session-scroll"],
  .mobile-navigation-drawer .mobile-navigation-history-slot [data-testid="workspace-rail-pinned-canvas-list"] { max-height: none; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; padding-right: 0; }
  .mobile-navigation-history-slot .workspace-session-heading { flex-wrap: wrap; gap: 4px; padding-inline: 0; }
  .mobile-navigation-history-slot .workspace-session-heading > div:first-child { width: 100%; }
  .mobile-navigation-history-slot .workspace-session-heading-actions { display: none; }
  .mobile-navigation-history-slot .workspace-session-tabs > div { width: 90px; height: 44px; }
  .mobile-navigation-history-slot .workspace-session-tabs [role="tab"] { padding-inline: 2px; gap: 2px; }
  .mobile-navigation-history-slot .workspace-session-tabs [role="tab"] > span:last-child { opacity: 1; transform: none; }
  .mobile-navigation-history-slot .workspace-session-tabs > div > span { display: none; }
  .mobile-navigation-history-slot .workspace-session-tabs > div > span > button { width: 44px; height: 44px; opacity: 1; }
  .mobile-navigation-history-slot [data-workspace-rail-session-row="true"] { min-height: 44px; }
  .mobile-navigation-history-slot .workspace-rail-session-title-button { padding-right: 8px; }
  .mobile-navigation-history-slot .workspace-rail-session-actions { position: absolute; top: 50%; right: 4px; translate: 0 -50%; opacity: 0; pointer-events: none; }
  .mobile-navigation-history-slot [data-workspace-rail-session-row="true"]:is(:hover, :focus-within, [data-session-active="true"]) > .workspace-rail-session-actions { opacity: 1; pointer-events: auto; }
  .mobile-navigation-history-slot [data-workspace-rail-session-row="true"]:has(> .workspace-rail-session-actions):is(:hover, :focus-within, [data-session-active="true"]) > .workspace-rail-session-title-button { padding-right: 52px; }
  .mobile-navigation-history-slot [data-testid^="workspace-rail-session-row-"]:has(> .workspace-rail-session-actions):is(:hover, :focus-within, [data-session-active="true"]) { padding-bottom: 44px; }
  .mobile-navigation-history-slot [data-testid^="workspace-rail-session-row-"]:has(> .workspace-rail-session-actions):is(:hover, :focus-within, [data-session-active="true"]) > .workspace-rail-session-title-button { padding-right: 8px; }
  .mobile-navigation-history-slot [data-testid^="workspace-rail-session-row-"] > .workspace-rail-session-actions { top: auto; bottom: 0; translate: none; }
  .mobile-navigation-history-slot .workspace-rail-session-actions button { width: 44px; height: 44px; padding: 0; }
  .mobile-navigation-history-slot input { min-height: 44px; }
}