/* Desktop Classic - Rebuild (isolated)
   Scope: desktop classic only
   UX: no topbar, left icon rail + expandable tools pane, right workspace */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    --ds-dc-bg: #121826;
    --ds-dc-panel: #1a2233;
    --ds-dc-card: #202b41;
    --ds-dc-line: rgba(126, 148, 179, 0.22);
    --ds-dc-rail: 68px;
    --ds-dc-pane: 0px;
    --ds-dc-gap: 0px;
    --ds-dc-status-h: 30px;
    --ds-dc-topbar-h: 58px;
    height: var(--ds-dc-vh, 100dvh) !important;
    min-height: var(--ds-dc-vh, 100dvh) !important;
    max-height: var(--ds-dc-vh, 100dvh) !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) {
    --ds-dc-bg: #e9eef6;
    --ds-dc-panel: #f2f6fc;
    --ds-dc-card: #ffffff;
    --ds-dc-line: rgba(31, 52, 84, 0.2);
  }

  /* Expand left pane only when explicit desktop pane toggle is on */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-pane-expanded="1"]:not(.ds-ui-modern) {
    --ds-dc-pane: 300px;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    background: var(--ds-dc-bg) !important;
  }

  /* No topbar in this UX */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-topbar {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: var(--ds-dc-topbar-h) !important;
    min-height: var(--ds-dc-topbar-h) !important;
    max-height: var(--ds-dc-topbar-h) !important;
    padding: 8px 10px 6px 10px !important;
    box-sizing: border-box !important;
    z-index: 27 !important;
    pointer-events: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace {
    margin-top: 0 !important;
    position: fixed !important;
    top: var(--ds-dc-topbar-h) !important;
    right: 0 !important;
    bottom: var(--ds-dc-status-h) !important;
    left: 0 !important;
    padding: 10px !important;
    background: transparent !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-main {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* 2-part screen: left tools area + right workspace */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid {
    display: grid !important;
    grid-template-columns: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) minmax(0, 1fr) !important;
    position: relative !important;
    gap: var(--ds-dc-gap) !important;
    height: 100% !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    background: transparent !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    align-content: stretch !important;
    contain: layout paint !important;
    block-size: 100% !important;
    inline-size: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host {
    grid-column: 1 !important;
    position: relative !important;
    width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    min-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    max-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    z-index: 2 !important;
    block-size: 100% !important;
    border: 1px solid var(--ds-dc-line) !important;
    border-radius: 12px !important;
    background: var(--ds-dc-panel) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-right-host {
    grid-column: 2 !important;
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    contain: layout paint !important;
    z-index: 1 !important;
    block-size: 100% !important;
  }

  /* Hide right inspector for this layout */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-right-inspector,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-side-right {
    display: none !important;
  }

  /* Left area */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-left-rail {
    grid-column: 1 !important;
    position: relative !important;
    min-width: 0 !important;
    width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    min-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    max-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ds-dc-panel) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: layout paint !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    z-index: auto !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-left-rail .ds-canvas-side-inner {
    display: grid !important;
    grid-template-columns: var(--ds-dc-rail) minmax(0, var(--ds-dc-pane)) !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--ds-dc-panel) !important;
  }

  /* Icon rail */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-rows: 56px !important;
    grid-auto-rows: 62px !important;
    align-content: start !important;
    gap: 0 !important;
    padding: 6px 0 !important;
    border-right: 1px solid var(--ds-dc-line) !important;
    background: var(--ds-dc-panel) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    color: #e7f1ff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded {
    background: rgba(95, 126, 170, 0.24) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    min-height: 62px !important;
    color: #e7f1ff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active {
    background: rgba(95, 126, 170, 0.24) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-ic {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-label {
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Expandable tools pane */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    background: var(--ds-dc-panel) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 100% !important;
    max-height: 100% !important;
  }

  /* Keep tools hidden while pane is collapsed */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-pane-expanded="0"]:not(.ds-ui-modern) .ds-desktop-sheet-host,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern):not([data-dc-pane-expanded]) .ds-desktop-sheet-host {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheets {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    background: var(--ds-dc-panel) !important;
    border: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 1px solid var(--ds-dc-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--ds-dc-card) !important;
    padding: 8px !important;
    overflow: auto !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-inline-toggles,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-style-field {
    background: transparent !important;
    background-image: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-quick-actions {
    margin-bottom: 10px !important;
    padding: 10px !important;
    border: 1px solid var(--ds-dc-line) !important;
    border-radius: 0 !important;
    background: var(--ds-dc-card) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-quick-actions h5 {
    margin: 0 0 8px 0 !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #8ca1c0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-quick-actions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-quick-actions-grid button {
    min-height: 40px !important;
    border-radius: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-utility-panel {
    pointer-events: auto !important;
    border: 1px solid var(--ds-dc-line) !important;
    border-radius: 10px !important;
    background: var(--ds-dc-card) !important;
    box-shadow: 0 8px 16px rgba(4, 10, 20, 0.22) !important;
    padding: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row {
    display: flex !important;
    align-items: center !important;
    gap: clamp(4px, 0.55vw, 8px) !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 170px !important;
    flex: 1 1 260px !important;
    min-height: clamp(32px, 3.2vw, 36px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-inline.ds-3d-preview-only {
    min-width: 0 !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn {
    flex: 0 0 auto !important;
    width: clamp(32px, 3.2vw, 36px) !important;
    height: clamp(32px, 3.2vw, 36px) !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn img[data-role="dc-active-zone-icon"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview {
    background: linear-gradient(180deg, #f8fbff 0%, #eaf2fb 100%) !important;
    border-color: #b4c8df !important;
    width: clamp(38px, 3.6vw, 42px) !important;
    height: clamp(38px, 3.6vw, 42px) !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview img[data-role="dc-active-zone-icon"] {
    object-fit: contain !important;
    padding: 3px !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-text {
    display: none !important;
    font-size: clamp(10px, 0.8vw, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    color: var(--text, #122033) !important;
    white-space: nowrap !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-label {
    font-size: clamp(10px, 0.72vw, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    color: #9ab0d1 !important;
    flex: 0 0 auto !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-inline select {
    min-width: 110px !important;
    width: 100% !important;
    min-height: clamp(32px, 3.2vw, 36px) !important;
    font-size: clamp(11px, 0.8vw, 13px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    min-height: clamp(32px, 3.2vw, 36px) !important;
    padding: 0 clamp(6px, 0.85vw, 12px) !important;
    font-size: clamp(10px, 0.78vw, 12px) !important;
    white-space: nowrap !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button.is-active {
    border-color: rgba(126, 196, 255, 0.6) !important;
    box-shadow: 0 0 0 1px rgba(126, 196, 255, 0.45) inset !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button .ds-ui-icon svg {
    width: clamp(14px, 1.2vw, 16px) !important;
    height: clamp(14px, 1.2vw, 16px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn {
    flex: 0 1 auto !important;
    min-height: clamp(34px, 3.3vw, 38px) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(49, 199, 142, 0.65) !important;
    background: linear-gradient(180deg, #39d58a 0%, #27b06d 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 16px rgba(25, 124, 82, 0.28) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-close] {
    display: none !important;
  }

  /* Right part: workspace/canvas */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage {
    grid-column: 2 !important;
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 1px solid var(--ds-dc-line) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #101a2a 0%, #0f1826 100%) !important;
    box-shadow: 0 12px 28px rgba(2, 8, 16, 0.34) !important;
    padding: 8px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: layout paint !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    z-index: auto !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-left-host > .ds-left-rail,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-right-host > .ds-center-stage {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    block-size: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-shell,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    border: 1px solid rgba(182, 204, 232, 0.25) !important;
    border-radius: 10px !important;
    background: #1b2a41 !important;
    overflow: auto !important;
    scrollbar-gutter: stable both-edges !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Sticky status/info bar at viewport bottom (desktop classic only). */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-status {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: var(--ds-dc-status-h) !important;
    min-height: var(--ds-dc-status-h) !important;
    max-height: var(--ds-dc-status-h) !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
    border-top: 1px solid rgba(126, 148, 179, 0.22) !important;
    background: rgba(12, 18, 28, 0.94) !important;
    color: #b5c4db !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    z-index: 25 !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(4px) !important;
    pointer-events: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-left-rail,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-left-rail {
    background: #f2f6fc !important;
    box-shadow: 0 6px 14px rgba(31, 52, 84, 0.08) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host {
    background: #f2f6fc !important;
    border-color: rgba(31, 52, 84, 0.2) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    background: #e7effa !important;
    border-right-color: rgba(31, 52, 84, 0.16) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-left-rail .ds-canvas-side-inner,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-left-rail .ds-canvas-side-inner,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheets,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheets,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    background: #f2f6fc !important;
  }

  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    background: #f2f6fc !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle {
    color: #1f3454 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded {
    background: rgba(31, 52, 84, 0.12) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-center-stage,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-center-stage {
    background: linear-gradient(180deg, #dfe7f2 0%, #d6e0ef 100%) !important;
    box-shadow: 0 12px 28px rgba(31, 52, 84, 0.14) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-canvas-viewport,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-canvas-viewport {
    background: #eef3fb !important;
    border-color: rgba(31, 52, 84, 0.2) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-status,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-status {
    background: rgba(237, 243, 252, 0.96) !important;
    color: #1f3454 !important;
    border-top-color: rgba(31, 52, 84, 0.2) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-dc-utility-panel,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-dc-utility-panel {
    background: #ffffff !important;
    border-color: rgba(31, 52, 84, 0.2) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-dc-zone-label,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-dc-zone-label {
    color: #4a6287 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) select,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) select {
    background: #f8fbff !important;
    border-color: rgba(31, 52, 84, 0.28) !important;
    color: #1f3454 !important;
  }

  /* Force light buttons for all desktop-classic actionable controls */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head button:not(.ds-dc-apply-btn) {
    background: #f8fbff !important;
    border: 1px solid rgba(31, 52, 84, 0.28) !important;
    color: #1f3454 !important;
    text-shadow: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded {
    background: #eaf1fb !important;
    border-color: rgba(31, 52, 84, 0.34) !important;
    color: #132844 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover {
    background: #eef4fc !important;
    border-color: rgba(31, 52, 84, 0.36) !important;
    color: #10243d !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload .ds-ui-icon svg {
    color: #1f3454 !important;
    stroke: currentColor !important;
  }

  /* Final strict light-theme rule: white buttons, black text/icons */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.24) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-upload .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-upload .ds-ui-icon svg {
    color: #000000 !important;
    stroke: #000000 !important;
    fill: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .dashicons,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .dashicons {
    color: #000000 !important;
  }

  /* Ultra-strong light theme fallback for legacy button classes */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-mobile-btn-primary:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-mobile-btn-secondary:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-mobile-save-product-btn:not(.ds-dc-apply-btn):not(.ds-mobile-save-product-btn-apply),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-topbar-action-btn:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-mobile-btn-primary:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-mobile-btn-secondary:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-mobile-save-product-btn:not(.ds-dc-apply-btn):not(.ds-mobile-save-product-btn-apply),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-topbar-action-btn:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.24) !important;
    text-shadow: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon svg {
    color: #000000 !important;
    stroke: #000000 !important;
    fill: none !important;
  }

  /* Keep light-theme buttons in the same visual style as current hover state */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) button:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) [data-mobile-sheet-action]:not(.ds-dc-apply-btn):hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover {
    background: #eef4fc !important;
    border-color: rgba(31, 52, 84, 0.36) !important;
    color: #000000 !important;
    filter: none !important;
  }

  /* Light theme: force-clear dark sheet layers under left menu in desktop classic */
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-inline-toggles,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-style-field,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-inline-toggles,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-style-field {
    background: #f2f6fc !important;
    background-image: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet::before,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet::after,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head::before,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head::after,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid::before,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid::after,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section::before,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section::after,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet::before,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet::after,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head::before,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head::after,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid::before,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid::after,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section::before,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section::after {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* Desktop classic: keep tool-grid width stable when canvas scrollbars appear */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid > button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid > .ds-upload {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Desktop classic interaction motion */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) select {
    transition:
      background-color 170ms cubic-bezier(.2,.8,.2,1),
      border-color 170ms cubic-bezier(.2,.8,.2,1),
      color 170ms cubic-bezier(.2,.8,.2,1),
      box-shadow 170ms cubic-bezier(.2,.8,.2,1),
      transform 160ms cubic-bezier(.2,.8,.2,1),
      filter 170ms cubic-bezier(.2,.8,.2,1);
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(5, 12, 24, 0.26);
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button:active,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload:active {
    transform: translateY(0) scale(.98);
    filter: brightness(.96);
    box-shadow: 0 4px 10px rgba(5, 12, 24, 0.22);
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) select:focus-visible {
    outline: 0 !important;
    box-shadow:
      0 0 0 2px rgba(20, 30, 46, 0.95),
      0 0 0 4px rgba(110, 199, 255, 0.6) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn:hover {
    filter: brightness(1.08);
    box-shadow: 0 12px 22px rgba(25, 124, 82, 0.34);
    transform: translateY(-1px);
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn:active {
    filter: brightness(.95);
    box-shadow: 0 6px 12px rgba(25, 124, 82, 0.26);
    transform: translateY(0) scale(.98);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button,
    .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload,
    .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) select {
      transition: none !important;
    }
  }
}

@media (min-width: 1024px) {
  /* Desktop classic: icon/emoticon tiles must stay clean (no dark button fill). */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] .ds-asset-card.ds-asset-card-glyph,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"] .ds-asset-card.ds-asset-card-glyph,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="emoticons"] .ds-mobile-icons-grid .ds-mobile-icon-tile,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="icons"] .ds-mobile-icons-grid .ds-mobile-icon-tile {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 6px !important;
    gap: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card.ds-asset-card-media,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card.ds-asset-card-media,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-media {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #dbe9ff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card.ds-asset-card-media .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card.ds-asset-card-media .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-media .ds-asset-thumb {
    background: linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%) !important;
    border: 1px solid #c9d8ea !important;
    box-shadow: 0 6px 14px rgba(9, 30, 66, 0.12) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card.ds-asset-card-media .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card.ds-asset-card-media .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-media .ds-asset-meta {
    color: #dbe9ff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-media-bg-btn {
    border-color: rgba(168, 195, 230, 0.9) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #183b63 !important;
    box-shadow: 0 5px 12px rgba(5, 12, 24, 0.22) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] .ds-asset-thumb.ds-asset-thumb-glyph,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"] .ds-asset-thumb.ds-asset-thumb-glyph {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
    gap: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-group-title {
    color: #95accd !important;
    margin-top: 4px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"] {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
    gap: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"] .ds-asset-meta {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="emoticons"] .ds-mobile-icons-grid,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="icons"] .ds-mobile-icons-grid {
    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)) !important;
    gap: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="emoticons"] .ds-mobile-icon-tile,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-mobile-sheet[data-mobile-sheet="icons"] .ds-mobile-icon-tile {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Desktop classic only: secondary-sheet icon fallback + image crop placement */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="style"] [data-mobile-sheet-action="crop-image"] {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host [data-mobile-sheet-action]:not(.ds-ui-iconized) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host [data-mobile-sheet-action]:not(.ds-ui-iconized)::before {
    display: inline-block !important;
    font-family: dashicons !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="edit-text"]:not(.ds-ui-iconized)::before { content: "\f122"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="duplicate-object"]:not(.ds-ui-iconized)::before { content: "\f105"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="delete-object"]:not(.ds-ui-iconized)::before { content: "\f182"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-image"]:not(.ds-ui-iconized)::before { content: "\f165"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-apply"]:not(.ds-ui-iconized)::before { content: "\f147"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-cancel"]:not(.ds-ui-iconized)::before { content: "\f335"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="ai-remove-bg"]:not(.ds-ui-iconized)::before { content: "\f180"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="group"]:not(.ds-ui-iconized)::before { content: "\f163"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="ungroup"]:not(.ds-ui-iconized)::before { content: "\f164"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="mask"]:not(.ds-ui-iconized)::before { content: "\f237"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="mask-bake"]:not(.ds-ui-iconized)::before { content: "\f332"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="open-font-picker"]:not(.ds-ui-iconized)::before { content: "\f122"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-left"]:not(.ds-ui-iconized)::before { content: "\f206"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-center"]:not(.ds-ui-iconized)::before { content: "\f207"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-right"]:not(.ds-ui-iconized)::before { content: "\f208"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-left"]:not(.ds-ui-iconized)::before { content: "\f206"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-center"]:not(.ds-ui-iconized)::before { content: "\f207"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-right"]:not(.ds-ui-iconized)::before { content: "\f208"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-top"]:not(.ds-ui-iconized)::before { content: "\f212"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-middle"]:not(.ds-ui-iconized)::before { content: "\f211"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-bottom"]:not(.ds-ui-iconized)::before { content: "\f213"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-up"]:not(.ds-ui-iconized)::before { content: "\f343"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-down"]:not(.ds-ui-iconized)::before { content: "\f347"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-front"]:not(.ds-ui-iconized)::before { content: "\f342"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-back"]:not(.ds-ui-iconized)::before { content: "\f346"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="object-props"]:not(.ds-ui-iconized)::before { content: "\f111"; }
}

/* FINAL EOF OVERRIDE - desktop classic start panel */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start {
    inset: 12px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card {
    width: min(980px, 100%) !important;
    height: 70% !important;
    max-height: 70% !important;
    min-height: 520px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 6px 2px 2px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    grid-auto-rows: max-content !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    position: relative !important;
    line-height: normal !important;
    align-content: start !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-thumb {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions {
    margin: 0 !important;
    padding-top: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-hard-refresh"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-back-link"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Neutralize global desktop button hover/active motion for start-template cards */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template button.ds-no-template-card:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template button.ds-no-template-card:active {
    transform: none !important;
    box-shadow: 0 3px 10px rgba(10, 24, 44, 0.07) !important;
    filter: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions > *:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions > *:active {
    transform: none !important;
  }
}

/* Final hard override: Desktop classic Step 1 template grid layout */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start {
    position: absolute !important;
    inset: 12px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card {
    width: min(980px, 100%) !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border-radius: 14px !important;
    border: 1px solid #c8d5e5 !important;
    background: #f8fbff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 6px 2px 2px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #0f243d !important;
    border: 1px solid #c9d8ea !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-thumb {
    aspect-ratio: 1 / 1 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-title {
    color: #12243b !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.28 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-size {
    color: #4f6785 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions {
    margin: 0 !important;
    padding-top: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-hard-refresh"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-back-link"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Desktop classic polish layer (visual only) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    --ds-dcp-shell: #0f1724;
    --ds-dcp-surface-1: #1a2436;
    --ds-dcp-surface-2: #202c42;
    --ds-dcp-surface-3: #27354f;
    --ds-dcp-border: rgba(150, 172, 205, 0.26);
    --ds-dcp-border-strong: rgba(170, 194, 229, 0.34);
    --ds-dcp-text: #e9f1ff;
    --ds-dcp-text-dim: #9db0cf;
    --ds-dcp-focus: rgba(124, 199, 255, 0.58);
    --ds-dcp-shadow-sm: 0 4px 12px rgba(6, 11, 20, 0.22);
    --ds-dcp-shadow-md: 0 10px 24px rgba(5, 10, 18, 0.28);
    --ds-dcp-shadow-lg: 0 18px 36px rgba(4, 9, 16, 0.34);
    --ds-dcp-r-sm: 8px;
    --ds-dcp-r-md: 10px;
    --ds-dcp-r-lg: 12px;
    --ds-dcp-ctl-h: 38px;
    --ds-dcp-gap-1: 8px;
    --ds-dcp-gap-2: 12px;
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern),
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) {
    --ds-dcp-shell: #edf3fb;
    --ds-dcp-surface-1: #f5f9ff;
    --ds-dcp-surface-2: #ffffff;
    --ds-dcp-surface-3: #ffffff;
    --ds-dcp-border: rgba(37, 61, 94, 0.2);
    --ds-dcp-border-strong: rgba(37, 61, 94, 0.3);
    --ds-dcp-text: #15263f;
    --ds-dcp-text-dim: #5d769b;
    --ds-dcp-focus: rgba(52, 118, 192, 0.48);
    --ds-dcp-shadow-sm: 0 4px 10px rgba(30, 54, 88, 0.08);
    --ds-dcp-shadow-md: 0 10px 22px rgba(30, 54, 88, 0.12);
    --ds-dcp-shadow-lg: 0 16px 32px rgba(30, 54, 88, 0.16);
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    background: radial-gradient(1200px 700px at 72% 22%, rgba(104, 143, 197, 0.12), transparent 60%), var(--ds-dcp-shell) !important;
    color: var(--ds-dcp-text) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar {
    padding: 8px 10px 8px 10px !important;
    border-bottom: 1px solid var(--ds-dcp-border) !important;
    background: color-mix(in srgb, var(--ds-dcp-shell) 90%, transparent) !important;
    backdrop-filter: blur(6px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-utility-panel {
    border-radius: var(--ds-dcp-r-lg) !important;
    border: 1px solid var(--ds-dcp-border-strong) !important;
    background: var(--ds-dcp-surface-1) !important;
    box-shadow: var(--ds-dcp-shadow-sm) !important;
    padding: 6px 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row {
    gap: 8px !important;
    align-items: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > select {
    min-height: var(--ds-dcp-ctl-h) !important;
    height: var(--ds-dcp-ctl-h) !important;
    border-radius: var(--ds-dcp-r-sm) !important;
    border: 1px solid var(--ds-dcp-border) !important;
    background: var(--ds-dcp-surface-2) !important;
    color: var(--ds-dcp-text) !important;
    box-shadow: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):hover {
    background: var(--ds-dcp-surface-3) !important;
    border-color: var(--ds-dcp-border-strong) !important;
    box-shadow: var(--ds-dcp-shadow-sm) !important;
    transform: translateY(-1px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):active {
    transform: translateY(0) scale(.98) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > select:focus-visible {
    box-shadow: 0 0 0 2px var(--ds-dcp-shell), 0 0 0 4px var(--ds-dcp-focus) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn {
    min-height: var(--ds-dcp-ctl-h) !important;
    height: var(--ds-dcp-ctl-h) !important;
    border-radius: var(--ds-dcp-r-md) !important;
    border-color: rgba(56, 190, 126, 0.78) !important;
    box-shadow: 0 10px 20px rgba(22, 120, 78, 0.28) !important;
    padding: 0 14px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn:hover {
    box-shadow: 0 14px 24px rgba(22, 120, 78, 0.34) !important;
    filter: brightness(1.04) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host {
    border: 1px solid var(--ds-dcp-border) !important;
    background: var(--ds-dcp-surface-1) !important;
    box-shadow: var(--ds-dcp-shadow-sm) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    border-right: 1px solid var(--ds-dcp-border) !important;
    background: color-mix(in srgb, var(--ds-dcp-surface-1) 86%, transparent) !important;
    padding-top: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    min-height: 48px !important;
    height: 48px !important;
    width: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 6px 6px !important;
    color: var(--ds-dcp-text-dim) !important;
    background: transparent !important;
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 170ms ease !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-desktop-sheet-nav-ic,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover {
    background: color-mix(in srgb, var(--ds-dcp-surface-3) 74%, transparent) !important;
    color: var(--ds-dcp-text) !important;
    transform: translateY(-1px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded {
    background: color-mix(in srgb, var(--ds-dcp-focus) 32%, var(--ds-dcp-surface-2)) !important;
    color: var(--ds-dcp-text) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-dcp-focus) 44%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:focus-visible {
    outline: 0 !important;
    box-shadow: inset 0 0 0 1px var(--ds-dcp-focus), 0 0 0 2px var(--ds-dcp-shell), 0 0 0 4px var(--ds-dcp-focus) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    background: var(--ds-dcp-surface-1) !important;
    padding: var(--ds-dcp-gap-2) !important;
    gap: var(--ds-dcp-gap-2) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    border: 1px solid var(--ds-dcp-border) !important;
    background: var(--ds-dcp-surface-2) !important;
    box-shadow: var(--ds-dcp-shadow-sm) !important;
    padding: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head {
    padding: 0 0 10px 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid var(--ds-dcp-border) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: var(--ds-dcp-text) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section + .ds-mobile-sheet-section {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid color-mix(in srgb, var(--ds-dcp-border) 78%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section h5 {
    font-size: 10px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: var(--ds-dcp-text-dim) !important;
    margin-bottom: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid {
    gap: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host input,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host select,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host textarea {
    min-height: var(--ds-dcp-ctl-h) !important;
    border-radius: var(--ds-dcp-r-sm) !important;
    border: 1px solid var(--ds-dcp-border) !important;
    background: var(--ds-dcp-surface-3) !important;
    color: var(--ds-dcp-text) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head button:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-upload:hover {
    background: color-mix(in srgb, var(--ds-dcp-surface-3) 88%, #ffffff 12%) !important;
    border-color: var(--ds-dcp-border-strong) !important;
    box-shadow: var(--ds-dcp-shadow-sm) !important;
    transform: translateY(-1px) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host button:active,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-upload:active {
    transform: translateY(0) scale(.98) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host button:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host input:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host select:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host textarea:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 2px var(--ds-dcp-shell), 0 0 0 4px var(--ds-dcp-focus) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage {
    border: 1px solid color-mix(in srgb, var(--ds-dcp-border) 90%, transparent) !important;
    border-radius: var(--ds-dcp-r-lg) !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ds-dcp-shell) 80%, #0e1724 20%) 0%, color-mix(in srgb, var(--ds-dcp-shell) 90%, #0b1320 10%) 100%) !important;
    box-shadow: var(--ds-dcp-shadow-lg) !important;
    padding: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    border-radius: var(--ds-dcp-r-md) !important;
    border: 1px solid color-mix(in srgb, var(--ds-dcp-border-strong) 86%, transparent) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), var(--ds-dcp-shadow-sm) !important;
    background: color-mix(in srgb, var(--ds-dcp-surface-2) 80%, #1b2a41 20%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-status {
    border-top: 1px solid var(--ds-dcp-border) !important;
    background: color-mix(in srgb, var(--ds-dcp-shell) 92%, transparent) !important;
    color: var(--ds-dcp-text-dim) !important;
  }

  /* Keep Start panel CTA parity with portrait: Add Image stays accented. */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-empty-actions button:first-child,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-empty-state-actions button:first-child {
    background: linear-gradient(180deg, #11a191 0%, var(--accent, #0a7f73) 100%) !important;
    border-color: rgba(12, 161, 145, 0.98) !important;
    color: #ffffff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-empty-help {
    margin-top: 14px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-no-template-card {
    background: #ffffff !important;
    color: #0f243d !important;
    border: 1px solid #c9d8ea !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-no-template-card-title {
    color: #12243b !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-no-template-card-size {
    color: #4f6785 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-no-template-start,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-empty-state-card {
    border: 1px solid var(--ds-dcp-border) !important;
    border-radius: var(--ds-dcp-r-lg) !important;
    box-shadow: var(--ds-dcp-shadow-md) !important;
    background: var(--ds-dcp-surface-2) !important;
  }

  /* Desktop classic start panel: fixed header/footer + scroll only cards */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start {
    position: absolute !important;
    inset: 12px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: rgba(243, 248, 255, 0.78) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card {
    width: min(980px, 100%) !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    border: 1px solid #c8d5e5 !important;
    background: #f8fbff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card h3,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card p {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card p {
    margin-bottom: 2px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 6px 2px 2px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #0f243d !important;
    border: 1px solid #c9d8ea !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-thumb {
    aspect-ratio: 1 / 1 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-meta {
    display: grid !important;
    gap: 3px !important;
    align-content: start !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-title {
    color: #12243b !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.28 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-size {
    color: #4f6785 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding-top: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0) 0%, rgba(248, 251, 255, 0.95) 24%, #f8fbff 100%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-hard-refresh"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-back-link"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply {
    color: #ffffff !important;
    border: 1px solid rgba(10, 127, 115, 0.9) !important;
    background: linear-gradient(180deg, #12a394 0%, #0a7f73 100%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) select,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) input,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) textarea {
    transition:
      background-color 170ms cubic-bezier(.2,.8,.2,1),
      border-color 170ms cubic-bezier(.2,.8,.2,1),
      color 170ms cubic-bezier(.2,.8,.2,1),
      box-shadow 180ms cubic-bezier(.2,.8,.2,1),
      transform 150ms cubic-bezier(.2,.8,.2,1) !important;
  }
}

/* Lock page scroll in desktop classic so only canvas viewport scrolls */
@media (min-width: 1024px) {
  html.ds-dc-lock-scroll,
  body.ds-dc-lock-scroll {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
}

/* =====================================================================
   Desktop Classic - Strong Visual Redesign (desktop only, style only)
   ===================================================================== */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    --ds-rd-app-bg: #F8FAFC;
    --ds-rd-panel-bg: #FFFFFF;
    --ds-rd-canvas-bg: #F1F5F9;
    --ds-rd-border: #D9E2EC;
    --ds-rd-border-strong: #C8D4E3;
    --ds-rd-text: #0F172A;
    --ds-rd-text-dim: #64748B;
    --ds-rd-focus: rgba(59, 130, 246, 0.42);
    --ds-rd-blue-soft: #EAF2FF;
    --ds-rd-hover: #F3F6FA;
    --ds-rd-control-h: 38px;
    --ds-rd-radius-sm: 10px;
    --ds-rd-radius-md: 12px;
    --ds-rd-radius-lg: 14px;
    --ds-rd-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --ds-rd-shadow-md: 0 8px 20px rgba(15, 23, 42, 0.08);
    --ds-rd-shadow-lg: 0 14px 30px rgba(15, 23, 42, 0.12);
    background: var(--ds-rd-app-bg) !important;
    color: var(--ds-rd-text) !important;
  }

  /* 1) App shell / surface hierarchy */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace {
    background: var(--ds-rd-app-bg) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid var(--ds-rd-border) !important;
    backdrop-filter: blur(8px) !important;
    padding: 8px 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-utility-panel {
    background: var(--ds-rd-panel-bg) !important;
    border: 1px solid var(--ds-rd-border) !important;
    border-radius: var(--ds-rd-radius-md) !important;
    box-shadow: var(--ds-rd-shadow-sm) !important;
    padding: 6px 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host {
    background: var(--ds-rd-panel-bg) !important;
    border: 1px solid var(--ds-rd-border) !important;
    box-shadow: var(--ds-rd-shadow-md) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-right-host {
    background: transparent !important;
  }

  /* 2) Top bar polish */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row {
    gap: 8px !important;
    align-items: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn),
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > select {
    height: var(--ds-rd-control-h) !important;
    min-height: var(--ds-rd-control-h) !important;
    border: 1px solid var(--ds-rd-border) !important;
    border-radius: var(--ds-rd-radius-sm) !important;
    background: #FFFFFF !important;
    color: var(--ds-rd-text) !important;
    box-shadow: none !important;
    font-size: 14px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):hover {
    background: var(--ds-rd-hover) !important;
    border-color: var(--ds-rd-border-strong) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:not(.ds-dc-apply-btn):active {
    transform: scale(.98) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > button:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > select:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ds-rd-focus) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn {
    height: var(--ds-rd-control-h) !important;
    min-height: var(--ds-rd-control-h) !important;
    border-radius: var(--ds-rd-radius-sm) !important;
    padding: 0 14px !important;
    border: 1px solid rgba(22, 163, 74, 0.7) !important;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.22) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn:hover {
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.28) !important;
    filter: brightness(1.03) !important;
  }

  /* 3) Left vertical toolbar: 40x40 icon buttons */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    background: #FFFFFF !important;
    border-right: 1px solid var(--ds-rd-border) !important;
    padding: 10px 0 !important;
    gap: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 auto !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    color: var(--ds-rd-text-dim) !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-label {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle .ds-ui-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover {
    background: var(--ds-rd-hover) !important;
    color: var(--ds-rd-text) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded {
    background: var(--ds-rd-blue-soft) !important;
    border-color: rgba(59, 130, 246, 0.35) !important;
    color: #1D4ED8 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ds-rd-focus) !important;
  }

  /* 4) Left inspector panel */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    background: #FFFFFF !important;
    padding: 14px !important;
    gap: 16px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    background: #FFFFFF !important;
    border: 1px solid var(--ds-rd-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--ds-rd-shadow-md) !important;
    padding: 16px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head {
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #E5EAF0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head h4 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--ds-rd-text) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section {
    margin-top: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section + .ds-mobile-sheet-section {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #E7ECF3 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section h5 {
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--ds-rd-text-dim) !important;
    margin-bottom: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid {
    gap: 10px !important;
  }

  /* 8) Unified controls */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host input,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host select,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host textarea {
    height: var(--ds-rd-control-h) !important;
    min-height: var(--ds-rd-control-h) !important;
    border-radius: 10px !important;
    border: 1px solid var(--ds-rd-border) !important;
    background: #FFFFFF !important;
    color: var(--ds-rd-text) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host button:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-upload:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host input:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host select:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host textarea:hover {
    background: #F8FAFC !important;
    border-color: var(--ds-rd-border-strong) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host button:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-upload:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host input:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host select:focus-visible,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host textarea:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ds-rd-focus) !important;
  }

  /* 5) Canvas dominance */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage {
    background: var(--ds-rd-canvas-bg) !important;
    border: 1px solid #DCE4EE !important;
    border-radius: 14px !important;
    box-shadow: var(--ds-rd-shadow-lg) !important;
    padding: 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    background: var(--ds-rd-canvas-bg) !important;
    border: 1px solid #D9E2EC !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport .canvas-container {
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
    border: 1px solid #E2E8F0 !important;
    background: #FFFFFF !important;
  }

  /* 6) Floating editor card / selected block */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet.is-active {
    outline: 1px solid rgba(59, 130, 246, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18), var(--ds-rd-shadow-lg) !important;
  }

  /* 7) Typography hierarchy */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) label,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-style-field > span:first-child {
    font-size: 12px !important;
    color: var(--ds-rd-text-dim) !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
  }

  /* 10/12) subtle motion, desktop only */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) input,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) select,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) textarea {
    transition:
      background-color 120ms ease,
      border-color 120ms ease,
      color 120ms ease,
      box-shadow 120ms ease,
      transform 120ms ease !important;
  }
}

/* Desktop classic fit/visibility fixes (no logic change) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    --ds-dc-topbar-h: 64px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace {
    padding: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid {
    gap: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar {
    padding: 6px 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-utility-panel {
    padding: 4px 6px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row {
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-topbar-row > * {
    min-width: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-bottom: 10px !important;
    align-content: start !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    flex: 0 0 40px !important;
  }
}

/* Desktop classic compact safety: prevent clipped sections/elements */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace {
    padding: 6px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid {
    gap: 6px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-right-host,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-left-rail,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage {
    min-height: 0 !important;
    max-height: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    padding: 8px !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheets {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    padding: 10px !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-section + .ds-mobile-sheet-section {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid {
    gap: 8px !important;
  }
}

/* Desktop classic: narrower inner controls, same panel width */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid > * {
    width: calc(92% - 15px) !important;
    max-width: calc(92% - 15px) !important;
    min-width: 0 !important;
    justify-self: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-head button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid button,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid .ds-upload,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid input,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid select,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet-grid textarea {
    width: calc(92% - 15px) !important;
    max-width: calc(92% - 15px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet {
    width: calc(100% - 72px) !important;
    max-width: calc(100% - 72px) !important;
    height: calc(100% - 72px) !important;
    max-height: calc(100% - 72px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    margin-bottom: 32px !important;
  }
}

/* Final desktop containment fix: left rail / sidebar / canvas separation */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid {
    display: grid !important;
    grid-template-columns: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) minmax(0, 1fr) !important;
    gap: 6px !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-left-host {
    grid-column: 1 !important;
    min-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    max-width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    width: calc(var(--ds-dc-rail) + var(--ds-dc-pane)) !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    z-index: 2 !important;
    border-right: 1px solid rgba(148, 163, 184, 0.24) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-left-host > .ds-left-rail {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-left-rail .ds-canvas-side-inner {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-columns: var(--ds-dc-rail) minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheets {
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-workspace-grid > .ds-dc-right-host {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    z-index: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-right-host > .ds-center-stage {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-shell,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-wrap,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    overflow: auto !important;
    overscroll-behavior: contain !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport .canvas-container {
    max-width: none !important;
    margin: 0 auto !important;
  }
}

/* Desktop classic: Insert panel layout (mobile-like primary actions + 1:1 tool tiles) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="upload-image"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="add-text"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding-inline: 14px !important;
    background: linear-gradient(135deg, #12b57a, #0f9a68) !important;
    border: 1px solid rgba(7, 102, 68, 0.8) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(10, 122, 83, 0.3) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button.ds-mobile-insert-btn[data-mobile-sheet-action]:not([data-mobile-sheet-action="upload-image"]):not([data-mobile-sheet-action="add-text"]) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button.ds-mobile-insert-btn[data-mobile-sheet-action]::before {
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="upload-image"] .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="add-text"] .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="upload-image"] .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-sheet-grid
  > button[data-mobile-sheet-action="add-text"] .ds-ui-icon svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}

/* Desktop classic: Canvas sheet layout + helper toggle indication */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "fullscreen"
      "fit"
      "zoom"
      "slider" !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > h5,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-sheet-zoom {
    grid-column: 1 / -1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="fit-canvas"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="zoom-reset"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="toggle-fullscreen"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > h5 {
    grid-area: title !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-canvas-btn-full {
    grid-area: fullscreen !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-canvas-row-two {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "fit"
      "zoom" !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-canvas-row-two > button[data-mobile-sheet-action="fit-canvas"] {
    grid-area: fit !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-canvas-row-two > button[data-mobile-sheet-action="zoom-reset"] {
    grid-area: zoom !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="fit-canvas"] {
    grid-area: fit !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="zoom-reset"] {
    grid-area: zoom !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] button[data-mobile-sheet-action="toggle-fullscreen"] {
    grid-area: fullscreen !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-sheet-grid > .ds-mobile-sheet-section:first-child > .ds-mobile-sheet-zoom {
    order: 5 !important;
    grid-area: slider !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-inline-toggles {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-inline-toggles > button[data-mobile-sheet-action] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-inline-toggles > button[data-mobile-sheet-action]::after {
    display: none !important;
    content: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-inline-toggles > button[data-mobile-sheet-action][aria-pressed="true"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="canvas"] .ds-mobile-inline-toggles > button[data-mobile-sheet-action].is-active {
    background: linear-gradient(135deg, #12b57a, #0f9a68) !important;
    border-color: rgba(7, 102, 68, 0.85) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(10, 122, 83, 0.28) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet-grid .ds-layer-actions .ds-layer-move {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet-section.ds-mobile-layer-section {
    grid-template-columns: 1fr !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet-section.ds-mobile-layer-section .ds-layer-list-inline {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* Desktop classic: keep only one canvas card (remove outer stage card effect) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-center-stage,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-right-host > .ds-center-stage {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-right-host {
    background:
      radial-gradient(120% 85% at 18% 8%, rgba(125, 211, 252, 0.18) 0%, rgba(125, 211, 252, 0) 56%),
      radial-gradient(95% 70% at 82% 90%, rgba(196, 181, 253, 0.2) 0%, rgba(196, 181, 253, 0) 62%),
      linear-gradient(180deg, #f6fbff 0%, #eef5ff 56%, #eaf2ff 100%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-canvas-viewport {
    background:
      radial-gradient(140% 90% at 12% 10%, rgba(186, 230, 253, 0.34) 0%, rgba(186, 230, 253, 0) 58%),
      radial-gradient(120% 80% at 86% 18%, rgba(216, 180, 254, 0.28) 0%, rgba(216, 180, 254, 0) 60%),
      radial-gradient(110% 90% at 72% 92%, rgba(167, 243, 208, 0.24) 0%, rgba(167, 243, 208, 0) 62%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(243, 249, 255, 0.94) 52%, rgba(236, 245, 255, 0.96) 100%) !important;
  }
}

/* Desktop classic: distinct tone only for left rail buttons (not command panel) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav {
    background: #e8eef8 !important;
    border-right: 1px solid rgba(75, 96, 129, 0.24) !important;
    grid-template-rows: 62px !important;
    grid-auto-rows: 66px !important;
    padding: 6px 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    color: #1f3555 !important;
    background: transparent !important;
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:hover {
    background: rgba(73, 110, 167, 0.14) !important;
    color: #142744 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-toggle.is-expanded,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn.is-active {
    background: rgba(58, 108, 186, 0.22) !important;
    color: #10213b !important;
    box-shadow: inset 0 0 0 1px rgba(32, 78, 148, 0.28) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    gap: 2px !important;
    padding: 2px 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-ic,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon svg {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-label {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    white-space: nowrap !important;
    max-width: 60px !important;
    color: #1f3555 !important;
  }
}

/* Desktop classic final lock: keep multicolor canvas container after full UI hydration */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) {
    --ds-dc-palette-base: #eef5ff;
    --ds-dc-palette-r1: radial-gradient(140% 90% at 12% 10%, rgba(186, 230, 253, 0.34) 0%, rgba(186, 230, 253, 0) 58%);
    --ds-dc-palette-r2: radial-gradient(120% 80% at 86% 18%, rgba(216, 180, 254, 0.28) 0%, rgba(216, 180, 254, 0) 60%);
    --ds-dc-palette-r3: radial-gradient(110% 90% at 72% 92%, rgba(167, 243, 208, 0.24) 0%, rgba(167, 243, 208, 0) 62%);
    --ds-dc-palette-l: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(243, 249, 255, 0.94) 52%, rgba(236, 245, 255, 0.96) 100%);
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-palette="warm_paper"]:not(.ds-ui-modern) {
    --ds-dc-palette-base: #f8f4ec;
    --ds-dc-palette-r1: radial-gradient(138% 90% at 14% 10%, rgba(254, 223, 179, 0.28) 0%, rgba(254, 223, 179, 0) 58%);
    --ds-dc-palette-r2: radial-gradient(118% 82% at 86% 18%, rgba(252, 211, 187, 0.24) 0%, rgba(252, 211, 187, 0) 62%);
    --ds-dc-palette-r3: radial-gradient(110% 90% at 72% 92%, rgba(253, 230, 138, 0.22) 0%, rgba(253, 230, 138, 0) 60%);
    --ds-dc-palette-l: linear-gradient(180deg, rgba(255, 252, 247, 0.9) 0%, rgba(250, 244, 234, 0.94) 52%, rgba(245, 237, 225, 0.96) 100%);
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-palette="steel_blue"]:not(.ds-ui-modern) {
    --ds-dc-palette-base: #eaf1f8;
    --ds-dc-palette-r1: radial-gradient(140% 90% at 12% 10%, rgba(147, 197, 253, 0.3) 0%, rgba(147, 197, 253, 0) 58%);
    --ds-dc-palette-r2: radial-gradient(120% 82% at 86% 18%, rgba(165, 180, 252, 0.24) 0%, rgba(165, 180, 252, 0) 60%);
    --ds-dc-palette-r3: radial-gradient(112% 90% at 72% 92%, rgba(148, 163, 184, 0.2) 0%, rgba(148, 163, 184, 0) 62%);
    --ds-dc-palette-l: linear-gradient(180deg, rgba(248, 251, 255, 0.9) 0%, rgba(236, 243, 252, 0.94) 52%, rgba(228, 237, 248, 0.96) 100%);
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-palette="sunset_blush"]:not(.ds-ui-modern) {
    --ds-dc-palette-base: #f7eef4;
    --ds-dc-palette-r1: radial-gradient(138% 88% at 12% 10%, rgba(253, 164, 175, 0.26) 0%, rgba(253, 164, 175, 0) 56%);
    --ds-dc-palette-r2: radial-gradient(120% 82% at 86% 18%, rgba(244, 114, 182, 0.2) 0%, rgba(244, 114, 182, 0) 60%);
    --ds-dc-palette-r3: radial-gradient(110% 90% at 72% 92%, rgba(252, 211, 77, 0.18) 0%, rgba(252, 211, 77, 0) 62%);
    --ds-dc-palette-l: linear-gradient(180deg, rgba(255, 248, 252, 0.9) 0%, rgba(248, 238, 245, 0.94) 52%, rgba(241, 231, 239, 0.96) 100%);
  }

  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern) .ds-canvas-viewport,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern) .ds-canvas-viewport,
  .ds-studio[data-ds-ui-variant="classic"][data-dc-theme="light"]:not(.ds-ui-modern).ds-no-active-canvas .ds-canvas-viewport,
  .ds-studio[data-ds-ui-variant="classic"].ds-dc-theme-light:not(.ds-ui-modern).ds-no-active-canvas .ds-canvas-viewport {
    background-color: var(--ds-dc-palette-base) !important;
    background-image:
      var(--ds-dc-palette-r1),
      var(--ds-dc-palette-r2),
      var(--ds-dc-palette-r3),
      var(--ds-dc-palette-l) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}

/* Desktop classic final nav icon cleanup:
   single icon only + tighter icon/text spacing */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn::before {
    content: none !important;
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 3px 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-ic {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-ic .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-ic svg,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn .ds-ui-icon svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-label {
    margin-top: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  /* Desktop: command panel is visible only when a sheet is actually open */
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .ds-studio.ds-mobile-sheet-open[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Desktop classic only: secondary-sheet icon fallback + image crop placement */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="style"] [data-mobile-sheet-action="crop-image"] {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host [data-mobile-sheet-action]:not(.ds-ui-iconized) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host [data-mobile-sheet-action]:not(.ds-ui-iconized)::before {
    display: inline-block !important;
    font-family: dashicons !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="edit-text"]:not(.ds-ui-iconized)::before { content: "\f122"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="duplicate-object"]:not(.ds-ui-iconized)::before { content: "\f105"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="delete-object"]:not(.ds-ui-iconized)::before { content: "\f182"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-image"]:not(.ds-ui-iconized)::before { content: "\f165"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-apply"]:not(.ds-ui-iconized)::before { content: "\f147"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="crop-cancel"]:not(.ds-ui-iconized)::before { content: "\f335"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="ai-remove-bg"]:not(.ds-ui-iconized)::before { content: "\f180"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="group"]:not(.ds-ui-iconized)::before { content: "\f163"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="ungroup"]:not(.ds-ui-iconized)::before { content: "\f164"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="mask"]:not(.ds-ui-iconized)::before { content: "\f237"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="mask-bake"]:not(.ds-ui-iconized)::before { content: "\f332"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="open-font-picker"]:not(.ds-ui-iconized)::before { content: "\f122"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-left"]:not(.ds-ui-iconized)::before { content: "\f206"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-center"]:not(.ds-ui-iconized)::before { content: "\f207"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="text-align-right"]:not(.ds-ui-iconized)::before { content: "\f208"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-left"]:not(.ds-ui-iconized)::before { content: "\f206"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-center"]:not(.ds-ui-iconized)::before { content: "\f207"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-right"]:not(.ds-ui-iconized)::before { content: "\f208"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-top"]:not(.ds-ui-iconized)::before { content: "\f212"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-middle"]:not(.ds-ui-iconized)::before { content: "\f211"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="align-bottom"]:not(.ds-ui-iconized)::before { content: "\f213"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-up"]:not(.ds-ui-iconized)::before { content: "\f343"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-down"]:not(.ds-ui-iconized)::before { content: "\f347"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-front"]:not(.ds-ui-iconized)::before { content: "\f342"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="layer-back"]:not(.ds-ui-iconized)::before { content: "\f346"; }
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host [data-mobile-sheet-action="object-props"]:not(.ds-ui-iconized)::before { content: "\f111"; }
}

/* FINAL EOF OVERRIDE v2 - desktop classic start panel */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start {
    inset: 12px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card {
    width: min(980px, 100%) !important;
    height: 70% !important;
    max-height: 70% !important;
    min-height: 520px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 6px 2px 2px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 11px !important;
    border: 1px solid #c9d8ea !important;
    background: #ffffff !important;
    color: #0f243d !important;
    box-shadow: 0 3px 10px rgba(10, 24, 44, 0.07) !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-thumb {
    aspect-ratio: 1 / 1 !important;
    border: 1px solid #d7e3f0 !important;
    background: #edf3fa !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-title {
    color: #12243b !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-size {
    color: #4f6785 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions {
    margin: 0 !important;
    padding-top: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-hard-refresh"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions [data-role="startup-back-link"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply {
    border: 1px solid rgba(10, 127, 115, 0.9) !important;
    background: linear-gradient(180deg, #12a394 0%, #0a7f73 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(10, 127, 115, 0.22) !important;
  }
}

/* FINAL EOF OVERRIDE v4 - STEP 1 uses admin color variables (desktop classic) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card {
    background: color-mix(in srgb, var(--panel, #ffffff) 84%, var(--ds-bg-custom, #f3f8ff) 16%) !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 86%, #ffffff 14%) !important;
    box-shadow: 0 12px 28px rgba(10, 24, 44, 0.11) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card h3 {
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-start-card p,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-selected-label {
    color: var(--muted, #5f7188) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template button.ds-no-template-card,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card {
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 88%, #ffffff 12%) !important;
    background: var(--panel, #ffffff) !important;
    color: var(--text, #122033) !important;
    box-shadow: 0 4px 12px rgba(10, 24, 44, 0.08) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card:focus-visible {
    border-color: color-mix(in srgb, var(--ds-primary, #0a7f73) 36%, var(--line, #d3dde8) 64%) !important;
    background: color-mix(in srgb, var(--panel, #ffffff) 92%, var(--ds-bg-custom, #f3f8ff) 8%) !important;
    box-shadow: 0 8px 16px rgba(12, 29, 51, 0.12) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-title {
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-size {
    color: var(--muted, #5f7188) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template .ds-no-template-card-thumb {
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 88%, #ffffff 12%) !important;
    background: color-mix(in srgb, var(--ds-bg-custom, #f3f8ff) 60%, var(--panel, #ffffff) 40%) !important;
  }

  /* Fallback lock for exact template-card buttons (desktop classic runtime) */
  .ds-studio.ds-no-template button.ds-no-template-card,
  .ds-studio.ds-no-template .ds-no-template-card {
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 88%, #ffffff 12%) !important;
    background: var(--panel, #ffffff) !important;
    color: var(--text, #122033) !important;
    box-shadow: 0 4px 12px rgba(10, 24, 44, 0.08) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-card-title {
    color: var(--text, #122033) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-card-size {
    color: var(--muted, #5f7188) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-card-thumb {
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 88%, #ffffff 12%) !important;
    background: color-mix(in srgb, var(--ds-bg-custom, #f3f8ff) 60%, var(--panel, #ffffff) 40%) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-start-actions .ds-no-template-start-apply {
    border: 1px solid color-mix(in srgb, var(--ds-primary, #0a7f73) 82%, #0b263e 18%) !important;
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-primary, #0a7f73) 84%, #ffffff 16%) 0%,
      var(--ds-primary, #0a7f73) 100%
    ) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-primary, #0a7f73) 35%, transparent) !important;
  }

  /* Keep template picker mini-cards bright/readable even with dark admin panel colors */
  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card,
  .ds-studio.ds-no-template .ds-no-template-grid button.ds-no-template-card {
    background: color-mix(in srgb, #ffffff 94%, var(--ds-bg-custom, #f3f8ff) 6%) !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 80%, #ffffff 20%) !important;
    color: #12243b !important;
    box-shadow: 0 2px 8px rgba(10, 24, 44, 0.06) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card:hover,
  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card:focus-visible {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--ds-primary, #0a7f73) 34%, var(--line, #d3dde8) 66%) !important;
    box-shadow: 0 6px 14px rgba(12, 29, 51, 0.10) !important;
  }

  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card .ds-no-template-card-title {
    color: #12243b !important;
  }

  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card .ds-no-template-card-size {
    color: #4f6785 !important;
  }

  .ds-studio.ds-no-template .ds-no-template-grid .ds-no-template-card .ds-no-template-card-thumb {
    background: color-mix(in srgb, #ffffff 72%, var(--ds-bg-custom, #f3f8ff) 28%) !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 78%, #ffffff 22%) !important;
  }
}

/* FINAL EOF OVERRIDE v5 - STEP 2 large icon action cards */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-card [data-role="no-template-step-2"] .ds-no-template-start-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-card [data-role="no-template-step-2"] .ds-no-template-start-actions button {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-card [data-role="no-template-step-2"] .ds-no-template-step2-btn-icon {
    width: clamp(32px, 3.2vw, 48px) !important;
    height: clamp(32px, 3.2vw, 48px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-card [data-role="no-template-step-2"] .ds-no-template-step2-btn-icon svg {
    width: 100% !important;
    height: 100% !important;
    stroke-width: 1.9 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-card [data-role="no-template-step-2"] .ds-no-template-step2-btn-text {
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }
}

/* FINAL EOF OVERRIDE v6 - role-based startup action colors from admin */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-next"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-create-new"] {
    border: 1px solid color-mix(in srgb, var(--ds-accent, #f89f25) 82%, #10243d 18%) !important;
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 84%, #ffffff 16%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-accent, #f89f25) 35%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-open-load"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-load-design"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="startup-hard-refresh"] {
    border: 1px solid color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 82%, #10243d 18%) !important;
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 84%, #ffffff 16%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 32%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-back-step-1"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="no-template-back-step-2"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern).ds-no-template
  .ds-no-template-start-actions [data-role="startup-back-link"] {
    border: 1px solid rgba(12, 23, 40, 0.9) !important;
    background: linear-gradient(180deg, #263349 0%, #121d30 100%) !important;
    color: #e9f1ff !important;
    box-shadow: 0 8px 18px rgba(12, 23, 40, 0.24) !important;
  }
}

/* FINAL EOF OVERRIDE v7 - Exit Designer action hierarchy */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-exit-confirm-actions button[data-action="exit-save"] {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 84%, #ffffff 16%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 70%, #ffffff 30%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 34%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-exit-confirm-actions button[data-action="exit-apply"] {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-primary, #0a7f73) 84%, #ffffff 16%) 0%,
      var(--ds-primary, #0a7f73) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-primary, #0a7f73) 70%, #ffffff 30%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-primary, #0a7f73) 34%, transparent) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-exit-confirm-actions button[data-action="exit-leave"] {
    background: linear-gradient(180deg, #263349 0%, #121d30 100%) !important;
    border-color: rgba(12, 23, 40, 0.9) !important;
    color: #e9f1ff !important;
    box-shadow: 0 8px 18px rgba(12, 23, 40, 0.24) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-exit-confirm-actions button[data-action="exit-cancel"] {
    background: #ffffff !important;
    border-color: #c5d1df !important;
    color: #20354e !important;
    box-shadow: 0 4px 12px rgba(12, 26, 44, 0.08) !important;
  }
}

/* FINAL EOF OVERRIDE v10 - Apply/Save Design color contract (desktop classic, true EOF lock) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-action="apply-product"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-action="post-save-apply"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-action="exit-apply"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-mobile-action="apply"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-mobile-sheet-action="apply"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-role="mobile-apply-cta"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-apply-btn,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-save-product-btn-apply {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    background-color: var(--ds-accent, #f89f25) !important;
    border-color: color-mix(in srgb, var(--ds-accent, #f89f25) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--ds-accent, #f89f25) 34%, transparent 66%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-action="final-save"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-action="exit-save"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-mobile-action="final-save"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) [data-mobile-sheet-action="final-save"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-save-product-btn-save,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-topbar-action-btn-primary[data-mobile-action="final-save"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-topbar-btn-primary[data-mobile-action="final-save"] {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    background-color: var(--ds-accent-secondary, #2f80ed) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 34%, transparent 66%) !important;
  }
}

/* FINAL EOF OVERRIDE v10.1 - Step 2 load library action colors (desktop classic lock) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions [data-action="no-template-design-use"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions [data-role="no-template-design-use"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions .ds-design-use-btn {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    background-color: var(--ds-accent, #f89f25) !important;
    background-image: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent, #f89f25) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-accent, #f89f25) 32%, transparent 68%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions [data-action="no-template-design-load"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions [data-role="no-template-design-load"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-my-design-actions .ds-design-load-btn {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    background-color: var(--ds-accent-secondary, #2f80ed) !important;
    background-image: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 32%, transparent 68%) !important;
  }
}

/* FINAL EOF OVERRIDE v10.2 - Desktop classic menu icon/text follows Designer Text Color */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active),
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active) .ds-desktop-sheet-nav-label,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active) .ds-desktop-sheet-nav-ic,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active) .ds-ui-icon,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active) .dashicons,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-topbar-action-btn:not(.ds-topbar-action-btn-primary),
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-topbar-action-btn:not(.ds-topbar-action-btn-primary) .dashicons {
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-nav-btn:not(.is-active) .ds-ui-icon svg,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-topbar-action-btn:not(.ds-topbar-action-btn-primary) .ds-ui-icon svg {
    stroke: currentColor !important;
  }
}

/* FINAL EOF OVERRIDE v12 - Insert/Library button hierarchy (desktop classic) */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-insert-btn[data-mobile-sheet-action="upload-image"] {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent, #f89f25) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--ds-accent, #f89f25) 34%, transparent 66%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-insert-btn[data-mobile-sheet-action="add-text"] {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 34%, transparent 66%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-sheet[data-mobile-sheet="insert"] .ds-mobile-insert-btn[data-mobile-sheet-action]:not([data-mobile-sheet-action="upload-image"]):not([data-mobile-sheet-action="add-text"]) {
    background: color-mix(in srgb, var(--ds-button-surface, var(--panel, #ffffff)) 92%, #ffffff 8%) !important;
    border-color: color-mix(in srgb, var(--line, #d3dde8) 82%, transparent 18%) !important;
    color: var(--text, #122033) !important;
    box-shadow: 0 4px 10px rgba(9, 30, 66, 0.10) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-save-product-btn-apply {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent, #f89f25) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-save-product-btn-save {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
  }
}

/* FINAL EOF OVERRIDE v10.3 - Desktop classic font picker + Arrange left align */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-font-picker-modal .ds-font-picker-dialog {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 82%, transparent 18%) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-font-picker-modal .ds-font-picker-top {
    background: #ffffff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-font-picker-modal .ds-font-picker-top h3 {
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-font-picker-modal .ds-font-picker-top button {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 82%, transparent 18%) !important;
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-font-picker-modal .ds-font-picker-item {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid color-mix(in srgb, var(--line, #d3dde8) 82%, transparent 18%) !important;
    color: var(--text, #122033) !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="arrange"] button[data-mobile-sheet-action]:not(.ds-ui-iconized) {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="preview"] button[data-mobile-sheet-action] {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* FINAL EOF OVERRIDE v13 - Desktop classic: library CTA colors + unified 1:1 asset grids */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-apply,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-apply:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-apply:focus-visible {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    background-color: var(--ds-accent, #f89f25) !important;
    background-image: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent, #f89f25) 86%, #ffffff 14%) 0%,
      var(--ds-accent, #f89f25) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent, #f89f25) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-save,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-save:hover,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-desktop-sheet-host .ds-mobile-sheet[data-mobile-sheet="library"] .ds-mobile-sheet-grid button.ds-mobile-save-product-btn.ds-mobile-save-product-btn-save:focus-visible {
    background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    background-color: var(--ds-accent-secondary, #2f80ed) !important;
    background-image: linear-gradient(
      180deg,
      color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 86%, #ffffff 14%) 0%,
      var(--ds-accent-secondary, #2f80ed) 100%
    ) !important;
    border-color: color-mix(in srgb, var(--ds-accent-secondary, #2f80ed) 62%, #ffffff 38%) !important;
    color: #ffffff !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="icons"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="emoticons"] {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
    gap: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card {
    padding: 4px !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 10px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-meta {
    width: 100% !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* FINAL EOF OVERRIDE v16 - Desktop insert assets true 1:1 cards + shape titles */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"],
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
    gap: 12px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card-wrap.ds-asset-card-wrap-media,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card-wrap.ds-asset-card-wrap-media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-card,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-card,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    padding: 8px !important;
    gap: 6px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-thumb,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-thumb {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding: 6px !important;
    display: grid !important;
    place-items: center !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-thumb img,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-thumb img,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="textures"] .ds-asset-meta,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="frames"] .ds-asset-meta {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-meta {
    display: block !important;
    margin-top: 2px !important;
    padding: 0 2px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: var(--text, #122033) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* FINAL EOF OVERRIDE v17 - Desktop shapes: strict 1:1 + full icon visibility + clear label */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-shape {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 4px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-shape .ds-asset-thumb {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 2px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-shape .ds-asset-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern)
  .ds-my-designs-modal[data-role="asset-library-modal"] .ds-asset-library-grid[data-asset-kind="shapes"] .ds-asset-card.ds-asset-card-shape .ds-asset-meta {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }
}

/* FINAL EOF OVERRIDE v18 - Desktop 3D topbar placement + text-only preview button */
@media (min-width: 1024px) {
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-inline.ds-3d-preview-only {
    margin-left: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-inline.ds-3d-preview-only + .ds-dc-apply-btn {
    margin-left: 6px !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview::before,
  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview .ds-ui-icon {
    display: none !important;
    content: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview {
    width: auto !important;
    min-width: 126px !important;
    max-width: 160px !important;
    height: clamp(38px, 3.6vw, 42px) !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview img[data-role="dc-active-zone-icon"] {
    display: none !important;
  }

  .ds-studio[data-ds-ui-variant="classic"]:not(.ds-ui-modern) .ds-dc-zone-preview-btn.ds-is-3d-preview .ds-dc-zone-preview-text {
    display: inline-block !important;
    font-size: clamp(11px, 0.9vw, 13px) !important;
    font-weight: 700 !important;
  }
}
