/* Apply disclosure layout from semantic markup before deferred JS initializes.
 * :where keeps the existing class specificity and theme cascade unchanged. */
/* Stored preferences win over stale snapshot classes, even before JS binds. */
@layer workbench-visibility {
  html[data-sidebar-collapsed~="video-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="video-tools"]) > .nav-sublist,
  html[data-sidebar-collapsed~="audio-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="audio-tools"]) > .nav-sublist,
  html[data-sidebar-collapsed~="ai-tools"] .sidebar .nav-group:has(> [data-nav-target="ai-tools"]) > .nav-sublist,
  html[data-sidebar-collapsed~="product-tools"] .sidebar .nav-group:has(> [data-nav-target="advanced-functions"]) > .nav-sublist,
  html[data-sidebar-collapsed~="fashion-tools"] .sidebar #feature-nav-fashion > .nav-sublist {
    display: none !important;
  }
  html[data-sidebar-expanded~="video-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="video-tools"]) > .nav-sublist,
  html[data-sidebar-expanded~="audio-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="audio-tools"]) > .nav-sublist,
  html[data-sidebar-expanded~="ai-tools"] .sidebar .nav-group:has(> [data-nav-target="ai-tools"]) > .nav-sublist,
  html[data-sidebar-expanded~="product-tools"] .sidebar .nav-group:has(> [data-nav-target="advanced-functions"]) > .nav-sublist,
  html[data-sidebar-expanded~="fashion-tools"] .sidebar #feature-nav-fashion > .nav-sublist {
    display: grid !important;
  }
  html[data-sidebar-collapsed~="video-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="video-tools"])::after,
  html[data-sidebar-collapsed~="audio-tools"] .sidebar .nav-group:has(> [data-sidebar-disclosure="audio-tools"])::after,
  html[data-sidebar-collapsed~="ai-tools"] .sidebar .nav-group:has(> [data-nav-target="ai-tools"])::after,
  html[data-sidebar-collapsed~="product-tools"] .sidebar .nav-group:has(> [data-nav-target="advanced-functions"])::after {
    transform: rotate(225deg) !important;
  }
}

/* Calm desktop navigation: grouped rhythm, icon anchors, and full-row context. */
@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav {
    gap: 4px !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"])),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion {
    position: relative !important;
    padding: 0 4px 4px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"]
  ),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    position: relative !important;
    z-index: 1 !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    gap: 10px !important;
    padding: 0 44px 0 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #34445e !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    padding-right: 12px !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary > .nav-primary-icon,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary > .nav-primary-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #748198 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(116, 129, 152, 0.08) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item > .nav-primary > .nav-primary-icon,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion.has-active-item > button.nav-primary > .nav-primary-icon {
    color: #625bd4 !important;
    background: #eef0ff !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .ai-tools-toggle {
    top: 0 !important;
    right: 4px !important;
    z-index: 2 !important;
    width: 40px !important;
    height: 46px !important;
    color: #8a96aa !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"]
  ),
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    color: #e7edf7 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary > .nav-primary-icon,
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary > .nav-primary-icon {
    color: #a9b5c8 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
  }
}

@media all {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"]))::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion::before {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    right: 4px;
    z-index: 0;
    height: 46px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace:not(.has-active-item):hover::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace:not(.has-active-item):hover::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:not(.has-active-item):has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"])):hover::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion:not(.has-active-item):hover::before {
    border-color: rgba(116, 129, 152, 0.06);
    background: rgba(255, 255, 255, 0.52);
    opacity: 1;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item::before {
    border-color: rgba(101, 87, 220, 0.1);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 16px rgba(67, 76, 103, 0.07);
    opacity: 1;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item::before {
    border-color: rgba(143, 183, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: none;
  }
}

/* Keep every first-level creation category on the same visual grid. */
@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:is(
    .nav-video-workspace,
    .nav-audio-workspace,
    .ai-tools-disclosure,
    #feature-nav-fashion
  ) {
    position: relative !important;
    padding: 0 4px 4px !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"]
  ),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 44px 0 10px !important;
    color: #34445e !important;
    font-family: var(--aotu-font-sans, "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    padding-right: 16px !important;
  }

  html:not([data-mobile-workbench="true"]) .sidebar .nav-primary > .nav-primary-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    color: #748198 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(116, 129, 152, 0.08) !important;
  }

  html:not([data-mobile-workbench="true"]) .sidebar .nav-primary > .nav-primary-icon :is(i, svg),
  html:not([data-mobile-workbench="true"]) .sidebar .nav-primary > :is(i, svg):first-child {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    stroke-width: 1.8 !important;
  }

  html:not([data-mobile-workbench="true"]) .sidebar .nav-primary > .nav-primary-label {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:not([data-mobile-workbench="true"]) .sidebar #feature-nav-fashion .feature-nav-chevron {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: auto !important;
    color: #718096 !important;
    transition: transform 160ms ease;
  }

  html:not([data-mobile-workbench="true"]) .sidebar #feature-nav-fashion .feature-nav-chevron svg {
    width: 15px !important;
    height: 15px !important;
    stroke-width: 1.8 !important;
  }

  html:not([data-mobile-workbench="true"]) .sidebar #feature-nav-fashion > button[aria-expanded="true"] .feature-nav-chevron {
    transform: rotate(180deg);
  }

  html:not([data-mobile-workbench="true"]) .sidebar .ai-tools-toggle {
    color: #718096 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"]
  ),
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    color: #e7edf7 !important;
  }

}

/* Use the whole row as route context instead of a narrow marker. */
html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
  z-index: 0;
  height: 46px;
  border: 1px solid rgba(101, 87, 220, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 16px rgba(67, 76, 103, 0.07);
  pointer-events: none;
}
@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) .sidebar .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) {
    position: relative !important;
  }
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 44px 0 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #34445e !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary[data-sidebar-disclosure="video-tools"] .lucide {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--sidebar-v2-muted, #697386) !important;
    background: transparent !important;
    box-shadow: none !important;
    stroke-width: 1.8 !important;
  }
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))):has(> .nav-primary:hover, > .ai-tools-toggle:hover) > .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    background: #e8edf5 !important;
  }
  html:not([data-mobile-workbench="true"]) body:not(.feature-focus-mode) .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary.active:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    background: #e5ebff !important;
    color: #4e63d9 !important;
  }
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav :is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary::after { display: none !important; }
  html:not([data-mobile-workbench="true"]) .sidebar :is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .ai-tools-toggle {
    position: absolute; top: 0; right: 4px; width: 40px; height: 44px;
    display: grid; place-items: center; padding: 0; z-index: 2;
    border: 0; border-radius: 0 8px 8px 0; background: transparent; color: #8997ab;
    box-shadow: none !important;
    cursor: pointer;
  }
  .ai-tools-toggle svg { width: 15px; height: 15px; stroke-width: 1.6; }
  .ai-tools-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .ai-tools-toggle:focus-visible { outline: 2px solid #596cff; outline-offset: -3px; }
  html:not([data-mobile-workbench="true"]) .sidebar :is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))).is-collapsed > .nav-sublist { display: none !important; }
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    background: transparent !important; color: #e7edf7 !important;
  }
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))):has(> .nav-primary:hover, > .ai-tools-toggle:hover) > .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    background: #252d39 !important;
  }
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.feature-focus-mode) .sidebar .side-nav .nav-group:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) > .nav-primary.active:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"]) {
    background: #26334d !important;
    color: #aabaff !important;
  }
  html[data-theme="dark"] .ai-tools-toggle { color: #95a3b8 !important; }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace:is(.ai-tools-disclosure, :where(:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])))) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px 4px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace > .nav-video-workspace-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace.is-collapsed > .nav-video-workspace-list {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-section-title {
    display: flex !important;
    align-items: center !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 2px 0 0 !important;
    padding: 0 10px !important;
    color: var(--sidebar-v2-soft, #8993a5) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-section-title::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-section-title::after {
    content: none !important;
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item:not([hidden]) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    place-items: center stretch !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--sidebar-v2-muted, #697386) !important;
    text-align: left !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item[hidden] {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item:not([hidden])::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    bottom: 8px !important;
    left: 0 !important;
    width: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item:not([hidden]):hover {
    color: var(--sidebar-v2-text, #252b3a) !important;
    background: var(--sidebar-v2-hover, rgba(255, 255, 255, 0.78)) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item.is-active:not([hidden]) {
    color: var(--sidebar-v2-accent-strong, #5145c7) !important;
    background: var(--sidebar-v2-accent-soft, #eeefff) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item.is-active:not([hidden])::before {
    background: var(--sidebar-v2-accent, #6557dc) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-icon {
    display: grid !important;
    place-items: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-icon .lucide {
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
    stroke-width: 1.8 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-copy {
    display: block !important;
    min-width: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-copy small {
    display: none !important;
  }

}
html[data-mobile-workbench="true"] .ai-tools-toggle { display: none; }

/* Audio tools are a peer disclosure group, separate from video generation. */
@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) .sidebar .nav-audio-workspace {
    position: relative !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace > .nav-primary[data-sidebar-disclosure="audio-tools"] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 44px 0 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #34445e !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace > .nav-primary[data-sidebar-disclosure="audio-tools"] .lucide {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--sidebar-v2-muted, #697386) !important;
    background: transparent !important;
    box-shadow: none !important;
    stroke-width: 1.8 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace:has(> .nav-primary:hover, > .ai-tools-toggle:hover) > .nav-primary[data-sidebar-disclosure="audio-tools"] {
    background: #e8edf5 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace > .nav-primary[data-sidebar-disclosure="audio-tools"] {
    color: #e7edf7 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace:has(> .nav-primary:hover, > .ai-tools-toggle:hover) > .nav-primary[data-sidebar-disclosure="audio-tools"] {
    background: #252d39 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 4px 4px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace > .nav-video-workspace-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace.is-collapsed > .nav-video-workspace-list {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-item:not([hidden]) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    place-items: center stretch !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--sidebar-v2-muted, #697386) !important;
    text-align: left !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-video-workspace .nav-video-workspace-item.nav-video-inspiration-mobile-entry:not([hidden]) {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-item[hidden] {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-item:not([hidden]):hover {
    color: var(--sidebar-v2-text, #252b3a) !important;
    background: var(--sidebar-v2-hover, rgba(255, 255, 255, 0.78)) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-item.is-active:not([hidden]) {
    color: var(--sidebar-v2-accent-strong, #5145c7) !important;
    background: var(--sidebar-v2-accent-soft, #eeefff) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-icon {
    display: grid !important;
    place-items: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-icon .lucide {
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
    stroke-width: 1.8 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-copy {
    display: block !important;
    min-width: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: currentColor !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav .nav-audio-workspace .nav-video-workspace-copy small {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-audio-workspace:not(:has(> .ai-tools-toggle))::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 20px !important;
    right: 21px !important;
    width: 6px !important;
    height: 6px !important;
    border: solid #8997ab !important;
    border-width: 1px 0 0 1px !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
    pointer-events: none;
  }
}

@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"], [data-sidebar-disclosure="video-tools"])):not(:has(> .ai-tools-toggle))::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 20px !important;
    right: 21px !important;
    width: 6px !important;
    height: 6px !important;
    border: solid #8997ab !important;
    border-width: 1px 0 0 1px !important;
    background: transparent !important;
    transform: rotate(45deg) !important;
    pointer-events: none;
  }
}

/* Keep these declarations last so legacy disclosure rules cannot restore dividers. */
@layer desktop-fixed-rails {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"])),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion {
    padding: 0 4px 4px !important;
    border: 0 !important;
    border-bottom: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"]
  ),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    position: relative !important;
    z-index: 1 !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    gap: 10px !important;
    padding: 0 44px 0 10px !important;
    border-radius: 12px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary {
    padding-right: 12px !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary > .nav-primary-icon,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > button.nav-primary > .nav-primary-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 9px !important;
    color: #748198 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(116, 129, 152, 0.08) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item > .nav-primary > .nav-primary-icon,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion.has-active-item > button.nav-primary > .nav-primary-icon {
    color: #625bd4 !important;
    background: #eef0ff !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .ai-tools-toggle {
    top: 0 !important;
    right: 4px !important;
    z-index: 2 !important;
    width: 40px !important;
    height: 46px !important;
  }
}

@media all {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-video-workspace.has-active-item::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.nav-audio-workspace.has-active-item::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item:has(> .nav-primary:is([data-nav-target="ai-tools"], [data-nav-target="advanced-functions"]))::before,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion.has-active-item::before {
    border-color: rgba(101, 87, 220, 0.1);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 16px rgba(67, 76, 103, 0.07);
    opacity: 1;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item::before,
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion.has-active-item::before {
    border-color: rgba(143, 183, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: none;
  }
}
/* Sidebar group subjects land below the sticky desktop toolbar. */
@media all {
  html:not([data-mobile-workbench="true"]) body:not(.feature-focus-mode):not(.works-focus-mode) :is(
    #ai-tools,
    #video-tools,
    #audio-tools,
    #advanced-functions,
    #fashion-functions
  ) {
    scroll-margin-top: 68px;
  }
}

/* Desktop hover preview for first-level tool groups. */
@media (hover: hover) and (pointer: fine) {
  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout {
    position: fixed;
    z-index: 1250;
    contain: layout paint;
    width: 272px;
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 74px);
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(110, 124, 151, 0.14);
    border-radius: 14px;
    color: #34445e;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 48px rgba(41, 52, 78, 0.16), 0 2px 8px rgba(41, 52, 78, 0.06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout[hidden] {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-head {
    padding: 5px 8px 10px;
    border-bottom: 1px solid rgba(116, 129, 152, 0.1);
  }


  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-title {
    color: #283750;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-list {
    display: grid;
    gap: 2px;
    max-height: calc(100vh - 148px);
    padding-top: 7px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 7px 10px;
    overflow: hidden;
    color: #5f6d83;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    border-radius: 9px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item-icon {
    display: grid;
    place-items: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: currentColor;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item-icon > :is(svg, i) {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0;
    stroke-width: 1.55;
    transform: translateY(1px);
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item:hover,
  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item:focus-visible {
    color: #283750;
    background: #f1f4f9;
    outline: none;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item.is-active {
    color: #5145c7;
    background: #eeefff;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-hover-flyout::before {
    border-color: rgba(101, 87, 220, 0.08);
    background: rgba(255, 255, 255, 0.72);
    opacity: 1;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout {
    color: #e7edf7;
    border-color: rgba(165, 179, 204, 0.14);
    background: rgba(31, 39, 52, 0.98);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-head {
    border-bottom-color: rgba(165, 179, 204, 0.1);
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-title {
    color: #eef3fb;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item {
    color: #b6c0d0;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item:hover,
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item:focus-visible {
    color: #f1f5fb;
    background: rgba(255, 255, 255, 0.07);
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-item.is-active {
    color: #c8c4ff;
    background: rgba(116, 104, 234, 0.18);
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-hover-flyout::before {
    border-color: rgba(143, 183, 255, 0.1);
    background: rgba(255, 255, 255, 0.055);
  }
}

html[data-mobile-workbench="true"] body > .sidebar-hover-flyout {
  display: none !important;
}
/* Sidebar grouped-panel concept selected on 2026-09-22. */
@media (min-width: 761px) {
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav {
    gap: 0 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-infinite-canvas-standalone {
    margin-bottom: 18px !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is(
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"],
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="fashion-functions"]
  )) {
    width: calc(100% - 16px) !important;
    margin: 0 8px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
      inset 1px 0 rgba(120, 137, 168, 0.08),
      inset -1px 0 rgba(120, 137, 168, 0.08) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary[data-nav-target="ai-tools"]) {
    padding-top: 12px !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow:
      inset 1px 0 rgba(120, 137, 168, 0.08),
      inset -1px 0 rgba(120, 137, 168, 0.08),
      inset 0 1px rgba(120, 137, 168, 0.08),
      0 -7px 22px -18px rgba(42, 59, 91, 0.22) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-audio-workspace:last-child {
    padding-bottom: 12px !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow:
      inset 1px 0 rgba(120, 137, 168, 0.08),
      inset -1px 0 rgba(120, 137, 168, 0.08),
      inset 0 -1px rgba(120, 137, 168, 0.08),
      0 14px 28px -22px rgba(42, 59, 91, 0.28) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is(
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"],
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="fashion-functions"]
  ))::before {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary:is(
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"],
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"]
  ),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > .nav-primary {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    gap: 14px !important;
    padding-left: 8px !important;
    border-radius: 12px !important;
    color: #2f405d !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:hover > .nav-primary:is(
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"],
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"]
  ),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion:hover > .nav-primary {
    background: rgba(238, 243, 255, 0.78) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item > .nav-primary,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-hover-flyout > .nav-primary {
    color: #273a5c !important;
    background: linear-gradient(90deg, rgba(227, 235, 255, 0.96), rgba(239, 243, 255, 0.84)) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary > .nav-primary-icon,
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > .nav-primary > .nav-primary-icon {
    color: #63738d !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary[data-nav-target="ai-tools"]) > .nav-primary > .nav-primary-icon {
    color: #4f7df3 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary[data-nav-target="advanced-functions"]) > .nav-primary > .nav-primary-icon {
    color: #3dbfae !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-video-workspace > .nav-primary > .nav-primary-icon {
    color: #ef6f75 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-audio-workspace > .nav-primary > .nav-primary-icon {
    color: #7c62ef !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > .nav-primary > .nav-primary-icon {
    color: #e89a00 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .nav-primary > .nav-primary-icon :is(svg, i),
  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > #feature-nav-fashion > .nav-primary > .nav-primary-icon :is(svg, i) {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.75 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group > .ai-tools-toggle {
    right: 12px !important;
    color: #718199 !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .works-card {
    min-height: 64px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(120, 137, 168, 0.1) !important;
    border-radius: 16px !important;
    color: #33445f !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 12px 28px -22px rgba(42, 59, 91, 0.32) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .works-card .works-icon {
    color: #6b7a90 !important;
    background: #f6f8fc !important;
    box-shadow: inset 0 0 0 1px rgba(120, 137, 168, 0.08) !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .works-card .works-icon .lucide {
    color: inherit !important;
    stroke: currentColor !important;
  }

  html:not([data-mobile-workbench="true"]) body .sidebar .works-card small,
  html:not([data-mobile-workbench="true"]) body .sidebar .works-card .works-icon em {
    display: none !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group:has(> .nav-primary:is(
    [data-nav-target="ai-tools"],
    [data-nav-target="advanced-functions"],
    [data-sidebar-disclosure="video-tools"],
    [data-sidebar-disclosure="audio-tools"],
    [data-nav-target="fashion-functions"]
  )) {
    background: rgba(27, 34, 46, 0.96) !important;
    box-shadow: inset 1px 0 rgba(255, 255, 255, 0.06), inset -1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-active-item > .nav-primary,
  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body .sidebar .side-nav > .nav-group.has-hover-flyout > .nav-primary {
    background: rgba(92, 103, 185, 0.18) !important;
  }
}
/* Independent primary-button frames selected on 2026-09-22. */
@layer desktop-fixed-rails {
@media (min-width: 761px) {
  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav {
    gap: 0 !important;
  }
  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-video-standalone:has([data-infinite-canvas-sidebar-entry]) {
    position: relative !important;
    margin-bottom: 10px !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-video-standalone:has([data-infinite-canvas-sidebar-entry])::after {
    content: none !important;
    display: none !important;
  }
  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group:has(> [data-nav-target="ai-tools"]) {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group#feature-nav-fashion {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group::before {
    display: none !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    gap: 12px !important;
    padding: 0 34px 0 14px !important;
    border: 1px solid rgba(139, 168, 220, 0.28) !important;
    border-radius: 12px !important;
    color: #2f405d !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: none !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary > .nav-primary-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group:hover > .nav-primary {
    border-color: rgba(111, 146, 210, 0.4) !important;
    background: rgba(238, 243, 255, 0.78) !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group:is(.has-active-item, .has-hover-flyout) > .nav-primary {
    border-color: rgba(111, 146, 210, 0.38) !important;
    color: #273a5c !important;
    background: linear-gradient(90deg, rgba(227, 235, 255, 0.96), rgba(239, 243, 255, 0.84)) !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary > .nav-primary-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    color: #6b7a90 !important;
    background: transparent !important;
    box-shadow: none !important;
  }


  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups [data-infinite-canvas-sidebar-entry] .canvas-entry-title-icon {
    background-color: #6b7a90 !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #works-card .works-arrow {
    color: #6b7a90 !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary > .nav-primary-icon :is(svg, i) {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.75 !important;
  }

  html:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .ai-tools-toggle {
    right: 4px !important;
    width: 32px !important;
    height: 54px !important;
    color: #718199 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group {
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups [data-infinite-canvas-sidebar-entry] .canvas-entry-title-icon {
    background-color: #a7b1c1 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #works-card .works-arrow {
    color: #a7b1c1 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary > .nav-primary-icon {
    color: #a7b1c1 !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group > .nav-primary {
    border-color: rgba(148, 165, 194, 0.18) !important;
    background: rgba(27, 34, 46, 0.96) !important;
  }

  html[data-theme="dark"]:not([data-mobile-workbench="true"]) body:not(.mobile-personal-page) .sidebar #sidebar-primary-groups.side-nav > .nav-group.nav-sidebar-panel-group:is(.has-active-item, .has-hover-flyout) > .nav-primary {
    border-color: rgba(135, 151, 221, 0.3) !important;
    background: rgba(92, 103, 185, 0.18) !important;
  }
}
}

@media (hover: hover) and (pointer: fine) {
  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-list {
    display: block;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-menu {
    display: grid;
    gap: 2px;
  }

  html:not([data-mobile-workbench="true"]) body > .sidebar-hover-flyout .sidebar-hover-flyout-menu[hidden] {
    display: none !important;
  }
}