/* Shared customer button surfaces. Geometry and actions remain with each control. */
:where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy):not(:where(.developer-preview-controls *,.developer-purchases *,[data-developer-only] *,#developer-panel *,[role=slider],.editor-color-swatch,.color-swatch,.artifact-select,.generation-image-button,#prometheus-trigger,#ai-region-expand,#editor-modern-tools)) {
 --premium-surface:#111; --premium-text:#ddd; --premium-border:#ffffff26;
 background:var(--premium-surface) !important; color:var(--premium-text) !important;
 border-color:var(--premium-border) !important; border-radius:6px;
 transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,translate 150ms ease;
}
:where(.landing-page,.editor-page,.account-page) :is(.primary,.primary-button,.primary-cta,.button-primary,.btn-primary,.export-primary,.start-primary,button[type=submit],#generate-button,#ai-region-apply,#start-editor,#open-editor,[data-primary],button[aria-pressed=true],button[aria-checked=true],.rail-button-active,.bundle-preview-buy,.bundle-buy,#bundle-upgrade-design) {
 --premium-surface:#ededed; --premium-text:#101010; --premium-border:#ffffff70;
}
:where(.landing-page,.editor-page,.account-page) :is(.danger,.danger-button,.destructive,.warning,[data-danger],#layer-delete,[data-action=delete],[data-editor-command=delete],.delete-project,#account-delete-confirm) {
 --premium-surface:#341818; --premium-text:#ffd3d3; --premium-border:#a45a5a;
}
:where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy):is(:enabled,a[href]):not(:where(.developer-preview-controls *,.developer-purchases *,[data-developer-only] *,#developer-panel *,[role=slider],.editor-color-swatch,.color-swatch,.artifact-select,.generation-image-button,#prometheus-trigger,#ai-region-expand,#editor-modern-tools)):not([aria-disabled=true]):hover {
 box-shadow:var(--premium-hover-shadow,inset 0 1px 6px #ffffff18) !important; border-color:#ffffff60 !important;
}
:where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy):is(:enabled,a[href]):not(:where(.developer-preview-controls *,.developer-purchases *,[data-developer-only] *,#developer-panel *,[role=slider],.editor-color-swatch,.color-swatch,.artifact-select,.generation-image-button,#prometheus-trigger,#ai-region-expand,#editor-modern-tools)):not([aria-disabled=true]):active {
 translate:0 1px; box-shadow:var(--premium-active-shadow,inset 0 2px 3px #0005) !important;
}
:where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy):focus-visible { outline:2px solid #c8c8c8; outline-offset:2px; }
@media(prefers-reduced-motion:reduce) {
 :where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy) {transition:none;translate:none !important;}
}

/* Editor action surfaces; artwork, window controls and tool selectors stay dark. */
.editor-page :is(#open-local,#export-button,#editor-patterns-trigger,#generate-button,#add-image-reference,#editor-boundaries,#editor-undo,#editor-redo,
 #tool-properties button,#editor-tool-settings-fields button,#editor-smart-panel-fields button,#ai-region-controls button,
 #editor-patterns-panel button,#editor-color-panel button,#session-gallery button,#editor-free-transform-dialog button,
 #editor-effect-fields button,#editor-property-panel button,#editor-canvas-fields button,.editor-export-dialog button):not(:where([aria-label*="Close" i],[aria-label*="Minimize" i],[aria-label*="Maximize" i],[aria-label*="Restore" i],[aria-label*="Help" i],
 .editor-color-swatch,.color-swatch,[role=slider],.patterns-card,.artifact-select,.generation-image-button,#gallery-import-tile,
 .danger,.destructive,[data-danger],[data-editor-command=delete],[data-action=delete])) {
 --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important;
}
.editor-page #editor-presentation-toggle { font-weight:var(--premium-action-weight,700) !important; }
.editor-page #editor-effect-fields button { --premium-action-weight:500 !important; }
.editor-page :is(#layer-settings > summary,#editor-boundaries) {
 display:grid; place-items:center; box-sizing:border-box; width:76px; height:28px; min-height:28px;
 padding:4px; font:700 11px/1.2 system-ui,sans-serif;
}
.editor-page #layer-settings > summary { --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; background:#fff; color:#000; border:1px solid #c7c7c7; }
.editor-page :is(.editor-tool,.layer-visibility,.layer-lock,.layer-select,.artifact-select,.editor-additional-launcher,#editor-color-swap,#editor-color-reset) {
 --premium-surface:#111; --premium-text:#ddd; --premium-border:#ffffff26;
}
.editor-page :is(.editor-tool,.layer-visibility,.layer-lock)[aria-pressed=true] { --premium-border:#aaa; --premium-text:#fff; }
/* Only the Layers settings actions and the core icon grid use these surfaces. */
.editor-page :is(#layer-settings-fields,#layer-blend-panel) button,
.editor-page #core-tool-buttons .editor-tool {
 --premium-surface:rgba(0,0,0,.8); --premium-text:#fff; --premium-border:transparent;
 --premium-hover-shadow:none; --premium-active-shadow:none;
 border-color:transparent !important; box-shadow:none !important;
}
.editor-page :is(#layer-settings-fields,#layer-blend-panel) button { opacity:1 !important; }
.editor-page #core-tool-buttons .editor-tool { transition:translate 150ms ease; }
.editor-page :is(#layer-settings-fields,#layer-blend-panel) button::before { border-color:transparent !important; box-shadow:none !important; }
.editor-page #layer-blend-panel button[aria-checked=true],
.editor-page #core-tool-buttons .editor-tool[aria-pressed=true] { --premium-surface:#fff; --premium-text:#000; }
.editor-page :is(#toggle-session-gallery,#toggle-session-gallery .gallery-tab-label) { --premium-surface:#fff; --premium-text:#000; color:#000; }
.editor-page #generate-form { --generator-mode-inset:4px; }
.editor-page #generator-mode { background:transparent; border-color:transparent; padding-inline-start:calc(var(--generator-mode-inset) - 1px); }
.editor-page :is(#editor-tool-settings-close,#editor-effect-close,#editor-color-close,#editor-start-close,#ai-region-close,
 #editor-smart-panel-close,#editor-smart-panel-minimize,#close-session-gallery,#minimize-generator,#maximize-generator,#close-generator,
 #gallery-preview-close,#gallery-preview-fullscreen,#gallery-preview-fullscreen-close,#editor-patterns-panel > header button,
 #editor-color-swap,#editor-color-reset) {
 display:grid; place-items:center; line-height:1; text-align:center;
}
.editor-page :is(#editor-tool-settings-close,#editor-effect-close,#editor-color-close,#editor-start-close,#ai-region-close,
 #editor-smart-panel-close,#editor-smart-panel-minimize,#close-session-gallery,#minimize-generator,#maximize-generator,#close-generator,
 #gallery-preview-close,#gallery-preview-fullscreen-close,#editor-patterns-panel > header button) { font-size:22px; }
.editor-page #gallery-preview-fullscreen svg { width:20px; height:20px; }
.editor-page :is(#editor-color-swap,#editor-color-reset) svg { display:block; margin:auto; }
.editor-page :is(#tool-properties,#editor-tool-settings-fields) .editor-fx-seed-control { display:flex; flex-direction:column; gap:4px; }
.editor-page :is(#tool-properties,#editor-tool-settings-fields) .editor-fx-seed-control > button { align-self:flex-start; }

/* Customer actions are scoped to their existing account, store and history views. */
:is(:is(.account-page,#account-card) button,.landing-page :is(#bundle-store-grid,.bundle-store-actions,.bundle-card-actions,.bundle-detail,.bundle-preview,.bundle-cart) button,
 .editor-page .customer-generation-gallery button,.landing-page .customer-generation-gallery button):not(:where([aria-label^="Close" i],[aria-label*="Minimize" i],[aria-label*="Maximize" i],[aria-label*="Help" i],[aria-label^="About" i],
 .bundle-thumbnail,.generation-image-button,.avatar-select,.social-google,.danger,.danger-button,.destructive,[data-danger],
 #account-delete-confirm,.delete-project,[data-action=delete],[data-editor-command=delete],.developer-preview-controls *,.developer-purchases *,[data-developer-only] *)) {
 --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important;
}
/* Close collection/preview are ordinary text actions, unlike the cart's X. */
:where(.landing-page,.account-page) :is(#bundle-detail-close,#bundle-preview-close) { --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important; }
/* White action labels inherit their parent's state, including nested readouts. */
.editor-page :is(#tool-properties button,#editor-tool-settings-fields button,#ai-region-controls button,#generate-button,#add-image-reference):not(:where([aria-label*="Close" i],[aria-label*="Help" i],.editor-color-swatch,[role=slider])) :is(span,strong,b,small) { color:inherit; font-weight:var(--premium-action-weight,700) !important; }
.editor-page #generator-history { --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important; align-self:flex-start; margin-inline-start:var(--generator-history-align,var(--generator-mode-inset)); }
.editor-page { --editor-file-action-font-size:.61rem; }
.editor-page :is(#open-local,#session-generated-history,#preview-gallery,#use-edit-reference) { font-size:var(--editor-file-action-font-size); font-weight:var(--premium-action-weight,700) !important; }
.editor-page #results-title { color:#fff; }
/* All nine menus share one existing menu surface. Entries are menu items. */
.editor-page .editor-categories button { --premium-surface:#000; --premium-text:#fff; --premium-border:transparent; }
.editor-page :is(.editor-command-menu,.editor-command-menu [role=menu]) { background:rgba(0,0,0,.8); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:#fff; }
.editor-page .editor-command-menu button { --premium-surface:transparent; --premium-text:#fff; --premium-border:transparent; }
.editor-page .editor-command-menu button:is(:hover,:focus-visible):not(:disabled) { --premium-surface:#ffffff18; }
.editor-page .editor-command-menu button:disabled { opacity:.45; }
.editor-page .editor-command-menu .editor-menu-group { color:#fff; border-color:#ffffff30; }
/* Every Smart operation copy shares the same exclusive selected surface. */
.editor-page :is(#tool-properties,#editor-smart-panel-fields,#editor-tool-settings-fields) button[data-smart-operation] { --premium-surface:#292929; --premium-text:#fff; --premium-border:#ffffff26; font-weight:var(--premium-action-weight,700) !important; transition:border-color 180ms ease,box-shadow 180ms ease,translate 150ms ease; }
.editor-page :is(#tool-properties,#editor-smart-panel-fields,#editor-tool-settings-fields) button[data-smart-operation][aria-pressed=true] { --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important; }
/* Shared symbol alignment also covers dynamically created dialogs. */
:where(.editor-page,.landing-page,.account-page) :is(#customer-generation-gallery > header button,#recent-gallery-close,#bundle-cart-close,
 #editor-canvas-handle > button,#editor-export-close,.credit-dialog-close) { display:grid; place-items:center; line-height:1; text-align:center; font-size:22px; }

:where(.editor-page,.landing-page,.account-page) :is(button[aria-label^="Close" i],button[aria-label*="Minimize" i],button[aria-label*="Maximize" i],
 button[aria-label*="Help" i],#editor-canvas-handle > button,.credit-dialog-close,#recent-gallery-close) {
 --premium-surface:#111; --premium-text:#ddd; --premium-border:#ffffff26;
}

.editor-page #tool-properties :is(button.editor-property-value,.editor-preview-actions button.editor-primary-apply,.smart-operations button) { font-weight:var(--premium-action-weight,700) !important; }

.editor-page :is(#editor-smart-panel-fields,#editor-tool-settings-fields) .smart-operations button[aria-pressed=true] { font-weight:var(--premium-action-weight,700) !important; }

/* Component font shorthands must not weaken white action text. Billing is excluded. */
:where(.landing-page,.editor-page,.account-page) :is(.primary,.primary-button,.primary-cta,.button-primary,.btn-primary,.export-primary,.start-primary,button[type=submit],#generate-button,#ai-region-apply,#start-editor,#open-editor,[data-primary],button[aria-pressed=true],button[aria-checked=true],.rail-button-active,.bundle-preview-buy,.bundle-buy,#bundle-upgrade-design):not(:where(#editor-billing,#editor-billing *,[data-open-plans],[data-open-top-up],.editor-tool,.editor-additional-launcher,.layer-visibility,.layer-lock,.layer-select,.artifact-select,.generation-image-button,#prometheus-trigger,#ai-region-expand,#editor-modern-tools,.danger,.danger-button,.destructive,[data-danger],[data-action=delete],[data-editor-command=delete])) {
 --premium-text:#000; font-weight:var(--premium-action-weight,700) !important;
}
.editor-page #fit-canvas { --premium-surface:#fff; --premium-text:#000; --premium-border:#c7c7c7; font-weight:var(--premium-action-weight,700) !important; }
:where(.landing-page,.editor-page,.account-page) :is(
 #open-local,#export-button,#editor-patterns-trigger,#generate-button,#add-image-reference,#editor-boundaries,#editor-undo,#editor-redo,#fit-canvas,#generator-history,
 #tool-properties button,#editor-tool-settings-fields button,#editor-smart-panel-fields button,#ai-region-controls button,
 #editor-patterns-panel button,#editor-color-panel button,#session-gallery button,#editor-free-transform-dialog button,
 #editor-effect-fields button,#editor-property-panel button,#editor-canvas-fields button,.editor-export-dialog button,
 .account-page button,#account-card button,.bundle-card-actions button,.bundle-store-actions button,.bundle-detail button,.bundle-preview button,.bundle-cart button,.customer-generation-gallery button,
 .primary,.primary-button,.primary-cta,.button-primary,.btn-primary,.export-primary,.start-primary,button[type=submit],[data-primary],.bundle-buy,.bundle-preview-buy
):not(:where(#editor-billing,#editor-billing *,[data-open-plans],[data-open-top-up],.editor-color-swatch,.color-swatch,[role=slider],.patterns-card,.artifact-select,.generation-image-button,.avatar-select,.social-google,
 [aria-label*="Close" i],[aria-label*="Minimize" i],[aria-label*="Maximize" i],[aria-label*="Help" i],.developer-preview-controls *,.developer-purchases *,[data-developer-only] *)) :is(span,strong,b,small) {
 color:inherit !important; font-weight:var(--premium-action-weight,700) !important;
}
/* Draw centered strokes without font-dependent symbol baselines. */
.editor-page :is(#minimize-generator,#maximize-generator,#close-generator,#editor-patterns-close,#ai-region-close) { font-size:0 !important; position:relative; }
.editor-page :is(#minimize-generator,#maximize-generator,#close-generator,#editor-patterns-close,#ai-region-close)::before {
 content:""; display:block; position:absolute; inset:0; margin:auto; box-sizing:border-box; width:12px; height:12px;
}
.editor-page #minimize-generator::before { height:0; border-top:1.5px solid currentColor; }
.editor-page #maximize-generator::before { border:1.5px solid currentColor; }
.editor-page :is(#close-generator,#editor-patterns-close,#ai-region-close)::before {
 width:14px; height:14px;
 background:linear-gradient(45deg,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(-45deg,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px));
}
.editor-page #maximize-generator[aria-label^="Restore"]::before { width:10px; height:10px; box-shadow:2px -2px 0 -1px #111,2px -2px 0 .5px currentColor; }
.editor-page #minimize-generator[aria-label^="Restore"]::before {
 height:12px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor;
 background:linear-gradient(-45deg,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px));
}

/* Compact only existing white text actions. Insets reduce the painted surface,
   keeping layout, font sizes, icon proportions and the full button hit target. */
:where(.landing-page,.editor-page,.account-page) {
 --premium-action-inset-block:2px;
 --premium-action-inset-inline:2.5px;
 --premium-action-radius:4px;
}
/* One label weight and visible radius for standard rectangular actions.
   This changes button labels only; launchers, glyph controls and owner UI keep their styles. */
:where(.landing-page,.editor-page,.account-page) :is(button,input[type=submit],input[type=button],.button,.btn,.primary-cta,.primary-button,.secondary-button,.bundle-buy,.bundle-preview-buy,#layer-settings > summary):not(:where(
 #toggle-session-gallery,#toggle-session-gallery *,#editor-billing,#editor-billing *,[data-open-plans],[data-open-top-up],#store-toggle,#account-checkout,.plans-panel *,.topup-section *,
 [aria-label*="Close" i],[aria-label*="Minimize" i],[aria-label*="Maximize" i],[aria-label*="Restore" i],[aria-label*="Help" i],[aria-label^="About" i],[id$="-close"]:not(#bundle-detail-close,#bundle-preview-close,#phone-close),[id^="close-"],.bundle-close,.bundle-cart-close,.credit-dialog-close,
 .window-actions *,[data-editor-panel] > header button,.editor-tool-settings-header button,.editor-canvas-panel-header button,.customer-generation-gallery > header button,
 .editor-tool,.editor-additional-launcher,.layer-visibility,.layer-lock,.layer-select,.layer-panel-actions button,.layer-heading-actions button,.artifact-select,.generation-image-button,.bundle-thumbnail,.avatar-select,.password-toggle,
 #prometheus-trigger,#ai-region-expand,#editor-modern-tools,#editor-inspector-lock,#gallery-import-tile,#editor-color-swap,#editor-color-reset,#editor-color-transparent,#bundle-cart-toggle,#gallery-preview-fullscreen,#zoom-in,#zoom-out,
 .editor-color-swatch,.editor-color-field,.color-swatch,[role=slider],.patterns-card,.developer-preview-controls *,.developer-purchases *,[data-developer-only] *,#developer-panel *,[data-developer-only],
 :has(> svg):not(:has(> span,> strong,> small))
)) {
 --premium-action-weight:800;
 --premium-hover-shadow:none; --premium-active-shadow:none;
 box-shadow:none !important;
 font-weight:var(--premium-action-weight) !important;
 border-radius:var(--premium-action-radius,4px) !important;
 & :is(span,strong,b,small) { font-weight:var(--premium-action-weight) !important; color:inherit !important; }
}
:where(.landing-page,.editor-page,.account-page) :is(button,a[href],input[type=submit],input[type=button],#layer-settings > summary):is(
 #open-local,#export-button,#editor-patterns-trigger,#generate-button,#add-image-reference,#editor-boundaries,#layer-settings > summary,#editor-undo,#editor-redo,#fit-canvas,#generator-history,
 #tool-properties button,#editor-tool-settings-fields button,#editor-smart-panel-fields button,#ai-region-controls button,
 #editor-patterns-panel button,#editor-color-panel button,#session-gallery button,#editor-free-transform-dialog button,
 #editor-effect-fields button,#editor-property-panel button,#editor-canvas-fields button,.editor-export-dialog button,
 .account-page button,#account-card button,.landing-page :is(#bundle-store-grid,.bundle-store-actions,.bundle-card-actions,.bundle-detail,.bundle-preview,.bundle-cart) button,.customer-generation-gallery button,
 .primary,.primary-button,.primary-cta,.button-primary,.btn-primary,.export-primary,.start-primary,button[type=submit],[data-primary],button[aria-pressed=true],button[aria-checked=true],.bundle-buy,.bundle-preview-buy
):not(:where(
 #toggle-session-gallery,#toggle-session-gallery *,#editor-billing,#editor-billing *,[data-open-plans],[data-open-top-up],#store-toggle,#account-checkout,.plans-panel *,.topup-section *,
 [aria-label*="Close" i],[aria-label*="Minimize" i],[aria-label*="Maximize" i],[aria-label*="Restore" i],[aria-label*="Help" i],[aria-label^="About" i],[id$="-close"],[id^="close-"],.bundle-close,.bundle-cart-close,.credit-dialog-close,
 .window-actions *,[data-editor-panel] > header button,.editor-tool-settings-header button,.editor-canvas-panel-header button,.customer-generation-gallery > header button,
 .editor-tool,.editor-additional-launcher,.layer-visibility,.layer-lock,.layer-select,.artifact-select,.generation-image-button,.bundle-thumbnail,.avatar-select,.social-google,.password-toggle,
 #prometheus-trigger,#ai-region-expand,#editor-modern-tools,#editor-inspector-lock,#gallery-import-tile,#editor-color-swap,#editor-color-reset,#gallery-preview-fullscreen,
 .editor-color-swatch,.editor-recent-colors button,#editor-color-transparent,.color-swatch,[role=slider],.patterns-card,.danger,.danger-button,.destructive,[data-danger],[data-action=delete],[data-editor-command=delete],
 [data-smart-operation]:not([aria-pressed=true]),.developer-preview-controls *,.developer-purchases *,[data-developer-only] *,#developer-panel *,[data-developer-only],
 :has(> svg):not(:has(> span,> strong,> small))
)) {
 --premium-action-weight:800;
 position:var(--premium-action-position,relative) !important;
 isolation:isolate;
 background:transparent !important;
 border-color:transparent !important;
 box-shadow:none !important;
 font-weight:var(--premium-action-weight) !important;
 color:var(--premium-text,#000) !important;
 text-align:center;
 justify-content:center;
 &::before {
  content:""; position:absolute; pointer-events:none; z-index:-1;
  inset:var(--premium-action-inset-block) var(--premium-action-inset-inline);
  border:1px solid var(--premium-border); border-radius:var(--premium-action-radius);
  background:var(--premium-surface);
  transition:border-color 180ms ease;
 }
 &:hover { border-color:transparent !important; box-shadow:none !important; }
 &:is(:enabled,a[href],summary):not([aria-disabled=true]):hover::before { border-color:#ffffff60; }

 & :is(span,strong,b,small) { font-weight:var(--premium-action-weight) !important; color:inherit !important; }
}
/* Large contextual icons retain their original clearance inside a dense row. */
.editor-page #tool-properties button:has(svg) { --premium-action-inset-block:0px; }
.editor-page #editor-tool-settings-toggle { --premium-action-position:sticky; }
.editor-page #editor-presentation-toggle { --premium-action-weight:800; }

/* Final Editor chrome polish: shared spacing and label weight only. */
.editor-page[data-editor-presentation=modern] #tool-contextual { padding-left:4px; }
.editor-page[data-editor-presentation=modern] #tool-properties { gap:4px; padding-left:0; }
.editor-page[data-editor-presentation=modern] #tool-properties :is(#editor-tool-settings-toggle,.editor-active-tool) { width:auto; min-width:0; gap:6px; }
.editor-page[data-editor-presentation=modern] #tool-properties .editor-top-primary { gap:4px; padding-right:0; }
.editor-page :is(#tool-properties button,#editor-presentation-toggle,#layer-settings > summary,#editor-boundaries,#editor-undo,#editor-redo,.editor-categories button) { --premium-action-weight:550 !important; font-weight:550 !important; }
.editor-page :is(#tool-properties button,#layer-settings > summary,#editor-boundaries,#editor-undo,#editor-redo) :is(span,strong,b,small) { font-weight:550 !important; }
.editor-page #tool-properties :is(#editor-tool-settings-toggle,.editor-active-tool) { --premium-action-weight:650 !important; font-weight:650 !important; }
.editor-page #tool-properties :is(#editor-tool-settings-toggle,.editor-active-tool) :is(span,strong,b,small) { font-weight:650 !important; }
.editor-page .editor-toolbar { padding-inline:0; }
.editor-page .editor-categories button { padding-inline:6px; }
.editor-page .editor-categories button:first-child { padding-left:0; }
@media (min-width:901px) {
 .editor-page .editor-topbar { grid-template-columns:max-content minmax(0,1fr) auto; }
 .editor-page[data-editor-presentation=modern] .editor-topbar { grid-template-columns:calc(var(--editor-rail-width) + 4px) minmax(0,1fr) auto; }
 .editor-page[data-editor-presentation=modern] .editor-brand :is(.editor-brand-mark,.branding-logo) { flex-shrink:0; }
 .editor-page[data-editor-presentation=modern] .editor-brand { overflow:hidden; }
}
.editor-page .topbar-actions { gap:2px; padding-inline:0 4px; justify-content:flex-end; }
.editor-page .topbar-actions :is(.toolbar-credit-actions,.editor-menu) { gap:2px; }
.editor-page .topbar-actions .billing-control { height:30px; min-height:30px; padding:0 6px; }
.editor-page .editor-menu :is(#open-local,#export-button) { width:auto; padding-inline:6px; margin-left:0; }
.editor-page[data-editor-presentation=modern] #toggle-session-gallery { transform:translateY(-2px); }
.editor-page[data-editor-presentation=modern] #toggle-session-gallery .gallery-tab-label { transform:translateY(-6px); }

/* Decorative Editor symbols keep the existing Patterns and Placement actions. */
.editor-page :is(#editor-patterns-trigger,#editor-placement-trigger) {
 --premium-surface:#fff !important; --premium-text:#000 !important; --premium-border:#c7c7c7 !important;
 --premium-action-weight:800 !important; font-weight:800 !important; font-size:var(--editor-file-action-font-size); gap:5px;
}
.editor-page #editor-patterns-trigger { --premium-action-inset-block:0px; --premium-action-inset-inline:0px; width:var(--editor-file-action-width,auto); height:var(--editor-file-action-height,auto); }
.editor-page :is(#editor-patterns-trigger,#editor-placement-trigger) > span { --premium-action-weight:800 !important; color:#000 !important; font-weight:800 !important; }
.editor-page :is(#editor-patterns-trigger,#editor-placement-trigger) .editor-action-logo {
 display:grid; place-items:center; flex:0 0 16px; width:16px; height:16px; filter:invert(1); pointer-events:none; user-select:none;
}
.editor-page .editor-action-logo :is(.branding-logo,.editor-brand-mark) { width:16px; height:16px; max-width:16px; pointer-events:none; }
.editor-page .editor-action-logo .branding-logo { display:block; object-fit:contain; }
.editor-page .editor-action-logo .editor-brand-mark { --premium-action-weight:400 !important; }

.editor-page .topbar-actions :is(#editor-patterns-trigger,#editor-placement-trigger,#open-local,#export-button) {
 --premium-action-inset-block:0px !important; --premium-action-inset-inline:0px !important;
 display:inline-flex; box-sizing:border-box; height:30px; min-height:30px; padding-block:0;
 align-items:center; justify-content:center; text-align:center; gap:1px;
}
.editor-page .topbar-actions #editor-patterns-trigger { height:31px; min-height:31px; }

/* Brighter accents on the existing Editor Plans / Top up button. */
.editor-page #editor-billing { --premium-text:#fff !important; --premium-border:#fff !important; color:#fff !important; font-weight:900 !important; }
.editor-page #editor-billing > span { color:#fff !important; font-weight:900 !important; }
.editor-page #editor-billing .credit-stack-icon { stroke:#fff; stroke-width:2.2; }

.editor-page[data-editor-presentation=modern] #editor-presentation-toggle { flex-basis:32px; height:32px; position:relative; top:0; padding-block:0 4px; font-size:12px; --premium-action-inset-block:0px !important; --premium-action-weight:650 !important; font-weight:650 !important; }

.editor-page[data-editor-presentation=standard] #editor-presentation-toggle { font-size:12px; --premium-action-weight:650 !important; font-weight:650 !important; }

.editor-page .editor-tip-sample { background:#000; }

/* Preserve the Preview button's two-column Gallery size in both positions. */
.editor-page #session-gallery :is(#preview-gallery,#use-edit-reference) {
 width:calc((100cqw - 8px) / 2); height:34px; min-height:34px; padding:.35rem 6px; letter-spacing:.05em;
}

/* Compact Generator header and action labels; existing handlers stay intact. */
.editor-page :is(#close-generator,#editor-patterns-close,#ai-region-close) { --editor-panel-close-target:32px; }
.editor-page :is(#close-generator,#editor-patterns-close,#ai-region-close)::before { width:12px; height:12px; }
.editor-page :is(#generator-history,#add-image-reference) { --premium-action-weight:500 !important; font-weight:500 !important; }
.editor-page #generator-overlay:not([data-window-state=minimized]) .generator-window { grid-template-rows:44px minmax(0,1fr); }
.editor-page #generator-overlay .generator-mark { width:24px; height:24px; border:0; background:transparent; pointer-events:none; user-select:none; }
.editor-page #generator-overlay .generator-mark :is(.branding-logo,.editor-brand-mark) { width:24px; height:24px; max-width:24px; object-fit:contain; pointer-events:none; }

/* White Inspector chrome; layer imagery and document colors remain intact. */
.editor-page .inspector-panel { --blue:#fff; --blue-bright:#fff; --blue-soft:rgba(255,255,255,.08); }
.editor-page .inspector-panel :is(.panel-section-heading h2,.panel-section-heading span,.panel-section-heading output,.navigator-hint,.navigator-readout,.navigator-readout output,.layers-empty strong,.layers-empty p,.layer-select small,.layer-order-actions button,#layer-settings-fields label,#layer-settings-fields input,#layer-settings-fields select) { color:#fff; }
.editor-page .inspector-panel :is(.layer-select,.layer-visibility,.layer-drag-handle,.layer-actions-menu > summary,.layer-order-actions button,.history-list button) { --premium-text:#fff; color:#fff; }
.editor-page .inspector-panel .layer-row[data-locked=true] .layer-text strong::after { color:#fff; }
.editor-page .inspector-panel :focus-visible { outline-color:#fff !important; }
.editor-page .inspector-panel input { accent-color:#fff; }
.editor-page .inspector-panel .navigator-preview { border-color:#fff; }
.editor-page .inspector-panel .navigator-viewport { border-color:#fff; background:rgba(255,255,255,.08); box-shadow:0 0 0 1px rgba(0,0,0,.72),0 0 .65rem rgba(255,255,255,.38); }
.editor-page .inspector-panel .layer-row[data-active=true] { border-color:#fff; box-shadow:inset 2px 0 #fff; }
.editor-page .inspector-panel .layer-row[data-drop-position]::after { background:#fff; }
.editor-page .inspector-panel .layer-order-actions { border-color:#fff; }
.editor-page .inspector-panel .editor-layer-settings[open] summary { background:rgba(255,255,255,.08); border-color:#fff; }
.editor-page .inspector-panel :is(.layer-select,.layer-visibility,.layer-drag-handle,.layer-actions-menu > summary,.layer-order-actions button,.history-list button):hover { --premium-text:#fff; color:#fff; }
.editor-page .inspector-panel .history-list li[data-future=true] button { --premium-text:rgba(255,255,255,.6); color:rgba(255,255,255,.6); }
.editor-page .inspector-panel .layers-empty-icon { border-color:rgb(255,0,0); }
.editor-page .inspector-panel .layers-empty-icon::before { border-color:rgb(0,255,0); }
.editor-page .inspector-panel .layers-empty-icon::after { border-color:rgb(0,0,255); }
.editor-page .inspector-panel #history-list :is(button[aria-current=step],li[data-current=true] button) {
 --premium-surface:rgba(255,255,255,.7) !important; --premium-text:#000 !important; --premium-border:rgba(255,255,255,.7) !important;
 background:rgba(255,255,255,.7) !important; color:#000 !important; border-color:rgba(255,255,255,.7) !important; box-shadow:none !important; opacity:1 !important;
}
.editor-page .inspector-panel #history-list :is(button[aria-current=step],li[data-current=true] button) :is(span,strong,small) { color:#000 !important; }

/* Slightly raise the Navigator frame and improve small Inspector readouts. */
.editor-page .inspector-panel #navigator-preview { margin-top:-4px; width:calc(8.4rem + 16px); }
.editor-page .inspector-panel :is(#canvas-size-readout,#zoom-value,#navigator-zoom) { color:#fff; font-weight:500; text-shadow:0 0 1px rgba(255,255,255,.25); }
.editor-page .inspector-panel #history-count { font-size:10px; }

.editor-page #canvas-navigator .navigator-title-group { display:flex; align-items:center; gap:4px; min-width:0; }
.editor-page #canvas-navigator .navigator-title-group #navigator-pan-lock { flex:0 0 20px; }

/* Alpha belongs to the settings surface; labels remain solid black. */
.editor-page #tool-contextual #tool-properties button:not(#editor-tool-settings-toggle):not(:where(.editor-color-swatch,[role=slider],[aria-label*="Help" i],.danger,.destructive,[data-danger],[data-action=delete])) {
 --premium-surface:rgba(255,255,255,.7) !important; --premium-text:#000 !important; --premium-border:rgba(255,255,255,.7) !important;
 position:relative !important; isolation:isolate; background:transparent !important; color:#000 !important; opacity:1 !important;
 &::before {
  content:""; position:absolute; pointer-events:none; z-index:-1;
  inset:var(--premium-action-inset-block) var(--premium-action-inset-inline);
  background:var(--premium-surface) !important; border:1px solid var(--premium-border); border-radius:var(--premium-action-radius,4px);
 }
 & :is(span,strong,b,small) { color:#000 !important; opacity:1 !important; }
}
.editor-page #tool-contextual #tool-properties button.editor-setting-selected:not(#editor-tool-settings-toggle) { --premium-surface:#fff !important; --premium-border:#fff !important; }

/* Lower Generator text matches the prompt input's 13px type size. */
.editor-page #generator-overlay :is(.generator-reference-area > :not(.generator-reference-toolbar),.generator-reference-item :is(.reference-order,select,option),.generation-feedback :is(p,span,strong,small),.generation-progress :is(p,strong),.generation-tip) { font-size:13px; }

/* AI Region white action labels keep Paint Region's existing weight. */
.editor-page #ai-region-controls button:not(#mask-tool):not(#ai-region-close) { --premium-action-weight:500 !important; font-weight:500 !important; }
.editor-page #ai-region-controls button:not(#mask-tool):not(#ai-region-close) :is(span,strong,b,small) { font-weight:500 !important; }

/* Smart action label weight only; operation and blending labels stay unchanged. */
.editor-page :is(#editor-smart-panel,#tool-properties.smart-tool-strip) button:not(#editor-tool-settings-toggle):not([data-smart-operation]):not([data-smart-blending]) { --premium-action-weight:500 !important; font-weight:500 !important; }
.editor-page :is(#editor-smart-panel,#tool-properties.smart-tool-strip) button:not(#editor-tool-settings-toggle):not([data-smart-operation]):not([data-smart-blending]) :is(span,strong,b,small) { font-weight:500 !important; }

/* Only the horizontal Smart operation buttons keep dark, unaccented surfaces. */
.editor-page #tool-contextual #tool-properties.smart-tool-strip button[data-smart-operation]:not(#editor-tool-settings-toggle) {
 --premium-surface:#222 !important; --premium-text:#ddd !important; --premium-border:transparent !important;
 color:#ddd !important; border-color:transparent !important; box-shadow:none !important;
}
.editor-page #tool-contextual #tool-properties.smart-tool-strip button[data-smart-operation][aria-pressed=true]:not(#editor-tool-settings-toggle) { --premium-surface:#343434 !important; }

.editor-page .editor-command-menu button[role=menuitem] { --premium-action-weight:500 !important; font-weight:500 !important; }

/* Layer settings surfaces keep solid labels and a separate clicked highlight. */
.editor-page #editor-layers-panel #layer-settings-fields button:is(.editor-layer-gallery-action,.editor-layer-setting-action) {
 --premium-surface:rgba(255,255,255,.7) !important; --premium-text:#000 !important; --premium-border:rgba(255,255,255,.7) !important;
 background:var(--premium-surface) !important; color:#000 !important; border-color:var(--premium-border) !important; opacity:1 !important;
 &::before { content:none !important; }
 & :is(span,strong,b,small) { color:#000 !important; opacity:1 !important; }
}
.editor-page #editor-layers-panel #layer-settings-fields button.editor-layer-gallery-action { --premium-surface:#fff !important; --premium-border:#fff !important; --premium-action-weight:500 !important; font-weight:500 !important; }
.editor-page #editor-layers-panel #layer-settings-fields button.editor-layer-setting-selected { --premium-surface:#fff !important; --premium-border:#fff !important; }
.editor-page #layer-settings-fields .editor-slider[data-slider-label=Opacity] :is(.editor-slider-label,.editor-slider-value,.editor-slider-unit) { font-size:13px; }

/* Redrawn Layers settings must not animate from an unstyled button surface. */
.editor-page #editor-layers-panel #layer-settings-fields button, .editor-page #editor-layers-panel #layer-settings-fields button::before { transition:none !important; }

/* Preset swatches and names share a consistent left edge. */
.editor-page #editor-tool-settings-panel .editor-gradient-presets button { justify-content:flex-start !important; text-align:left !important; }

/* All pending Apply decisions use the shared Yes / No / Cancel dialog. */
.editor-page #editor-free-transform-dialog [data-transform-choice],
.editor-page #editor-free-transform-dialog [data-transform-choice] :is(span,strong,b,small) { --premium-action-weight:500 !important; font-weight:500 !important; }