/* Studio Glass v3 — monochrome, dark spatial canvas with clear white controls. */
:root {
  color-scheme: dark;
  --glass-black: #050505;
  --glass-ink: #f6f6f4;
  --glass-muted: rgba(255, 255, 255, .58);
  --glass-subtle: rgba(255, 255, 255, .38);
  --glass-line: rgba(255, 255, 255, .14);
  --glass-panel: rgba(255, 255, 255, .075);
  --glass-panel-strong: rgba(255, 255, 255, .105);
  --glass-white: #f7f7f5;
  --glass-on-white: #111;
}

html { background: var(--glass-black); }
body[data-ui-version="studio-glass-v3"] {
  color-scheme: dark;
  color: var(--glass-ink);
  background:
    radial-gradient(ellipse 80% 52% at 50% -12%, #3b3b3b 0%, #151515 38%, #080808 68%, #050505 100%) fixed;
  --studio-bg: var(--glass-black);
  --studio-surface: var(--glass-panel);
  --studio-ink: var(--glass-ink);
  --studio-muted: var(--glass-muted);
  --studio-line: var(--glass-line);
  --studio-accent: #fff;
  --studio-tint: rgba(255,255,255,.08);
  --product-blue: #fff;
  --product-teal: #fff;
  --product-ink: var(--glass-ink);
  --product-subtle: var(--glass-muted);
  --product-line: var(--glass-line);
}
body[data-ui-version="studio-glass-v3"] ::selection { background: #fff; color: #000; }
body[data-ui-version="studio-glass-v3"] .app-shell { background: transparent; }
body[data-ui-version="studio-glass-v3"] .workbench-header {
  border-color: rgba(255,255,255,.12);
  background: rgba(8,8,8,.68);
  box-shadow: 0 1px 0 rgba(255,255,255,.035), 0 18px 44px rgba(0,0,0,.22);
  -webkit-backdrop-filter: blur(28px) saturate(130%);
  backdrop-filter: blur(28px) saturate(130%);
}
body[data-ui-version="studio-glass-v3"] .workbench-logo {
  color: #090909; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), 0 8px 26px rgba(255,255,255,.08);
}
body[data-ui-version="studio-glass-v3"] .workbench-brand strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .workbench-brand div > span,
body[data-ui-version="studio-glass-v3"] .workbench-local { color: rgba(255,255,255,.5); }
body[data-ui-version="studio-glass-v3"] .workbench-local i { background: rgba(255,255,255,.72); box-shadow: 0 0 0 3px rgba(255,255,255,.08); }
body[data-ui-version="studio-glass-v3"] .workbench-balance {
  color: #111; border-color: rgba(255,255,255,.9); background: rgba(247,247,245,.96);
  box-shadow: inset 0 1px 0 #fff, 0 10px 30px rgba(0,0,0,.24); transition: transform .16s ease, background .16s ease;
}
body[data-ui-version="studio-glass-v3"] .workbench-balance:hover { background: #fff; transform: translateY(-1px); }
body[data-ui-version="studio-glass-v3"] .workbench-balance > span { color: #777; }
body[data-ui-version="studio-glass-v3"] .workbench-balance > strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .workbench-balance > em { color: #fff; background: #111; }
body[data-ui-version="studio-glass-v3"] .workspace-tabs {
  border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
body[data-ui-version="studio-glass-v3"] .workspace-tabs button { color: rgba(255,255,255,.62); }
body[data-ui-version="studio-glass-v3"] .workspace-tabs button:hover { color: #fff; background: rgba(255,255,255,.09); }
body[data-ui-version="studio-glass-v3"] .workspace-tabs button.active {
  color: #0a0a0a; border-color: rgba(255,255,255,.92); background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.32), inset 0 0 0 1px rgba(0,0,0,.04);
}

body[data-ui-version="studio-glass-v3"] .topbar .eyebrow { color: rgba(255,255,255,.42); }
body[data-ui-version="studio-glass-v3"] #accountTitle { color: #fff; text-shadow: 0 1px 22px rgba(255,255,255,.08); }
body[data-ui-version="studio-glass-v3"] .topbar .subtitle { color: rgba(255,255,255,.58); }
body[data-ui-version="studio-glass-v3"] .workspace-section-label { color: rgba(255,255,255,.46); border-color: rgba(255,255,255,.24); }
body[data-ui-version="studio-glass-v3"] .workspace-view > .detail-card,
body[data-ui-version="studio-glass-v3"] .product-form-step,
body[data-ui-version="studio-glass-v3"] .product-task-window,
body[data-ui-version="studio-glass-v3"] .product-task-window.is-history {
  border-color: var(--glass-line); background: var(--glass-panel);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 24px 70px rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(26px) saturate(115%); backdrop-filter: blur(26px) saturate(115%);
}
body[data-ui-version="studio-glass-v3"] #workspace-product > .detail-card { background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
body[data-ui-version="studio-glass-v3"] .panel-heading h3,
body[data-ui-version="studio-glass-v3"] .product-step-heading strong,
body[data-ui-version="studio-glass-v3"] .product-studio-intro > strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .section-caption,
body[data-ui-version="studio-glass-v3"] .publish-note,
body[data-ui-version="studio-glass-v3"] .product-step-heading span,
body[data-ui-version="studio-glass-v3"] .studio-format { color: var(--glass-muted); }
body[data-ui-version="studio-glass-v3"] .studio-format i { background: rgba(255,255,255,.42); }
body[data-ui-version="studio-glass-v3"] .product-step-heading > b {
  color: #111; background: #fff; box-shadow: 0 5px 18px rgba(0,0,0,.28);
}

/* White means interactive. Inputs, uploads, choices and primary actions share one visual language. */
body[data-ui-version="studio-glass-v3"] .product-field-label b,
body[data-ui-version="studio-glass-v3"] #commissionFinderForm > label { color: rgba(255,255,255,.82); }
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-picker legend { color: rgba(255,255,255,.82); }
body[data-ui-version="studio-glass-v3"] .product-field-label em {
  color: rgba(255,255,255,.6); background: rgba(255,255,255,.09); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);
}
body[data-ui-version="studio-glass-v3"] .product-field-card input,
body[data-ui-version="studio-glass-v3"] .product-field-card textarea,
body[data-ui-version="studio-glass-v3"] .product-field-card select,
body[data-ui-version="studio-glass-v3"] #commissionExtraInput {
  color: #111; border-color: rgba(255,255,255,.9); background: var(--glass-white);
  box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(0,0,0,.14);
}
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .commission-finder input[type="text"],
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .commission-finder textarea {
  border-color: rgba(255,255,255,.9); box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(0,0,0,.14);
}
body[data-ui-version="studio-glass-v3"] input::placeholder,
body[data-ui-version="studio-glass-v3"] textarea::placeholder { color: #737373; }
body[data-ui-version="studio-glass-v3"] .product-field-card select { color-scheme: light; }
body[data-ui-version="studio-glass-v3"] .product-field-card input:focus,
body[data-ui-version="studio-glass-v3"] .product-field-card textarea:focus,
body[data-ui-version="studio-glass-v3"] .product-field-card select:focus,
body[data-ui-version="studio-glass-v3"] #commissionExtraInput:focus {
  border-color: #fff; background: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.24), 0 14px 30px rgba(0,0,0,.25);
}
body[data-ui-version="studio-glass-v3"] .product-more-options { border-color: rgba(255,255,255,.13); }
body[data-ui-version="studio-glass-v3"] .product-more-options > summary { color: rgba(255,255,255,.78); }
body[data-ui-version="studio-glass-v3"] .product-more-options > summary::before { color: #111; background: #fff; }
body[data-ui-version="studio-glass-v3"] .product-more-options > summary span,
body[data-ui-version="studio-glass-v3"] .product-field-card small { color: rgba(255,255,255,.48); }
body[data-ui-version="studio-glass-v3"] [data-workspace-view] button.video-field,
body[data-ui-version="studio-glass-v3"] [data-workspace-view] button.video-field:hover {
  color: #111; border-color: rgba(255,255,255,.92); background: rgba(250,250,248,.965);
  box-shadow: inset 0 1px 0 #fff, 0 12px 34px rgba(0,0,0,.18); transform: none;
}
body[data-ui-version="studio-glass-v3"] [data-workspace-view] button.video-field:hover { background: #fff; border-color: #fff; box-shadow: 0 17px 38px rgba(0,0,0,.3); }
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field .product-field-label b { color: #111; }
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field .product-field-label em { color: #555; background: #e9e9e7; box-shadow: none; }
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field .product-upload-icon,
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field.is-primary .product-upload-icon { color: #fff; background: #111; }
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field .product-upload-copy,
body[data-ui-version="studio-glass-v3"] [data-workspace-view] .video-field small { color: #666; }
body[data-ui-version="studio-glass-v3"] .primary-button,
body[data-ui-version="studio-glass-v3"] #productH3OmniButton {
  color: #0a0a0a; border-color: #fff; background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.03);
}
body[data-ui-version="studio-glass-v3"] .primary-button:hover,
body[data-ui-version="studio-glass-v3"] #productH3OmniButton:hover { color: #000; border-color: #ddd; background: #ddd; }

body[data-ui-version="studio-glass-v3"] .collection-guide,
body[data-ui-version="studio-glass-v3"] .collection-guide summary { color: rgba(255,255,255,.58); }
body[data-ui-version="studio-glass-v3"] .collection-guide p { color: rgba(255,255,255,.66); border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.055); }
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option,
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option:has(input:checked) {
  color: #111; border-color: rgba(255,255,255,.88); background: rgba(250,250,248,.94); box-shadow: 0 10px 26px rgba(0,0,0,.16);
}
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option:has(input:checked) { background: #fff; box-shadow: 0 0 0 2px #fff, 0 15px 35px rgba(0,0,0,.3); }
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option input { accent-color: #111; }
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option strong { color: #111; }
body[data-ui-version="studio-glass-v3"] #commissionFinderForm .benchmark-mode-option small { color: #666; }
body[data-ui-version="studio-glass-v3"] .product-generation-actions {
  color: #111; border-color: rgba(255,255,255,.9); background: rgba(247,247,245,.94);
  box-shadow: inset 0 1px 0 #fff, 0 20px 50px rgba(0,0,0,.2);
}
body[data-ui-version="studio-glass-v3"] .product-generation-actions strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .product-generation-actions > div > span { color: #5c5c5c; }
body[data-ui-version="studio-glass-v3"] .product-generation-actions #productH3OmniButton { color: #fff; border-color: #111; background: #111; }
body[data-ui-version="studio-glass-v3"] .product-generation-actions #productH3OmniButton:hover { background: #333; }
body[data-ui-version="studio-glass-v3"] .product-h3-flow-summary b,
body[data-ui-version="studio-glass-v3"] .product-h3-flow-summary strong { color: rgba(255,255,255,.78); }
body[data-ui-version="studio-glass-v3"] .product-h3-flow-summary span { color: rgba(255,255,255,.42); }
body[data-ui-version="studio-glass-v3"] .publish-automation-status {
  color: rgba(255,255,255,.64); border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.065);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
body[data-ui-version="studio-glass-v3"] .publish-automation-status strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-live-status {
  color: rgba(255,255,255,.68); border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.065);
}
body[data-ui-version="studio-glass-v3"] .product-live-status::before {
  background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.09);
}
body[data-ui-version="studio-glass-v3"] .product-live-status strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-live-status p { color: rgba(255,255,255,.5); }

/* Task center and feedback remain monochrome but preserve hierarchy. */
body[data-ui-version="studio-glass-v3"] .product-task-center-head > div:first-child > span,
body[data-ui-version="studio-glass-v3"] .product-task-toolbar-actions > span { color: rgba(255,255,255,.42); }
body[data-ui-version="studio-glass-v3"] .product-task-center-head > div:first-child > strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-task-center-counts span,
body[data-ui-version="studio-glass-v3"] .product-task-center-counts em,
body[data-ui-version="studio-glass-v3"] .product-task-center-counts .running,
body[data-ui-version="studio-glass-v3"] .product-task-center-counts .done,
body[data-ui-version="studio-glass-v3"] .product-task-center-counts .failed {
  color: rgba(255,255,255,.72); border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.07);
}
body[data-ui-version="studio-glass-v3"] .product-task-center-counts span b { color: inherit; }
body[data-ui-version="studio-glass-v3"] .product-task-filters button,
body[data-ui-version="studio-glass-v3"] .product-task-show-more,
body[data-ui-version="studio-glass-v3"] .product-task-toolbar-actions button,
body[data-ui-version="studio-glass-v3"] .ghost-button {
  color: #111; border-color: rgba(255,255,255,.85); background: rgba(247,247,245,.92); box-shadow: none;
}
body[data-ui-version="studio-glass-v3"] .product-task-filters button:hover,
body[data-ui-version="studio-glass-v3"] .product-task-filters button.is-active { color: #fff; border-color: #fff; background: #111; box-shadow: 0 0 0 1px rgba(255,255,255,.5); }
body[data-ui-version="studio-glass-v3"] .product-task-window-head,
body[data-ui-version="studio-glass-v3"] .product-task-window.is-history .product-task-window-head { color: #fff; background: none; }
body[data-ui-version="studio-glass-v3"] .product-task-window-head strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-task-window-head p,
body[data-ui-version="studio-glass-v3"] .product-result-status { color: rgba(255,255,255,.55); }
body[data-ui-version="studio-glass-v3"] .product-result-status i,
body[data-ui-version="studio-glass-v3"] .product-task-window.error .product-result-status i { background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.08); }
body[data-ui-version="studio-glass-v3"] .product-task-window-tools button,
body[data-ui-version="studio-glass-v3"] .product-task-window-tools a,
body[data-ui-version="studio-glass-v3"] .product-task-window-tools .is-retry,
body[data-ui-version="studio-glass-v3"] .product-task-window-tools .is-shot-preview,
body[data-ui-version="studio-glass-v3"] .product-task-window-tools .is-shot-preview.is-open,
body[data-ui-version="studio-glass-v3"] .product-task-window-tools .is-delete {
  color: #111; border-color: #fff; background: #fff;
}
body[data-ui-version="studio-glass-v3"] .product-task-summary { color: #111; border-color: #eee; background: rgba(247,247,245,.96); }
body[data-ui-version="studio-glass-v3"] .product-task-summary > div { background: none; }
body[data-ui-version="studio-glass-v3"] .product-task-summary span { color: #777; }
body[data-ui-version="studio-glass-v3"] .product-task-summary strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .product-task-details { color: rgba(255,255,255,.62); border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
body[data-ui-version="studio-glass-v3"] .product-task-details summary { color: rgba(255,255,255,.76); }
body[data-ui-version="studio-glass-v3"] .product-task-details > div { border-color: rgba(255,255,255,.12); }
body[data-ui-version="studio-glass-v3"] .product-task-details b { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-task-failure { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.065); }
body[data-ui-version="studio-glass-v3"] .product-task-failure summary,
body[data-ui-version="studio-glass-v3"] .product-task-failure p { color: rgba(255,255,255,.76); border-color: rgba(255,255,255,.12); }
body[data-ui-version="studio-glass-v3"] .product-task-failure summary span { color: rgba(255,255,255,.48); }
body[data-ui-version="studio-glass-v3"] .product-generation-visual:not(.has-video) { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.075); }
body[data-ui-version="studio-glass-v3"] .product-generation-visual:not(.has-video) .product-generation-visual-copy small { color: rgba(255,255,255,.42); }
body[data-ui-version="studio-glass-v3"] .product-generation-visual:not(.has-video) .product-generation-visual-copy strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-generation-visual:not(.has-video) .product-generation-visual-copy em { color: rgba(255,255,255,.7); }
body[data-ui-version="studio-glass-v3"] .product-generation-core,
body[data-ui-version="studio-glass-v3"] .product-generation-visual.done .product-generation-core {
  border-color: rgba(255,255,255,.2); background: rgba(18,18,18,.7);
  box-shadow: 0 0 0 10px rgba(255,255,255,.025), 0 0 32px rgba(255,255,255,.13);
}
body[data-ui-version="studio-glass-v3"] .product-generation-core i,
body[data-ui-version="studio-glass-v3"] .product-generation-visual.done .product-generation-core i { border-color: rgba(255,255,255,.28); }
body[data-ui-version="studio-glass-v3"] .product-oral-progress-head strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-oral-progress-head em,
body[data-ui-version="studio-glass-v3"] .product-oral-progress > p { color: rgba(255,255,255,.58); }
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .product-oral-progress-track { background: rgba(255,255,255,.12); }
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .product-oral-progress-track i { background: #fff; }
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .product-oral-progress-steps span,
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .product-oral-progress-steps span.done { color: #666; border-color: transparent; background: #eee; }
body[data-ui-version="studio-glass-v3"] [data-workspace-view="product"] .product-oral-progress-steps span.done { color: #fff; background: #222; }
body[data-ui-version="studio-glass-v3"] .product-task-empty,
body[data-ui-version="studio-glass-v3"] .material-library-empty { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.045); }

/* Library cards and modal choices are solid white objects floating over dark glass. */
body[data-ui-version="studio-glass-v3"] .reference-space-item,
body[data-ui-version="studio-glass-v3"] .material-library-card { color: #111; border-color: #fff; background: #f7f7f5; box-shadow: 0 18px 40px rgba(0,0,0,.24); }
body[data-ui-version="studio-glass-v3"] .reference-space-item img { background: #ececea; }
body[data-ui-version="studio-glass-v3"] .reference-space-item span,
body[data-ui-version="studio-glass-v3"] .reference-space-item small { color: #737373; }
body[data-ui-version="studio-glass-v3"] .reference-space-item strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .reference-space-item button { color: #fff; border-color: #111; background: #111; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-backdrop { background: rgba(0,0,0,.76); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-dialog {
  color: #fff; border-color: rgba(255,255,255,.18); background: rgba(24,24,24,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 40px 120px rgba(0,0,0,.62);
  -webkit-backdrop-filter: blur(36px) saturate(120%); backdrop-filter: blur(36px) saturate(120%);
}
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-head strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-head span { color: rgba(255,255,255,.5); }
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-close { color: #111; border-color: #fff; background: #fff; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-local-button { color: #111; border-color: #fff; background: #f7f7f5; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-local-button > span { color: #fff; background: #111; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-local-button strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-local-button small { color: #666; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-divider { color: rgba(255,255,255,.48); }
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-divider::before,
body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-divider::after { background: rgba(255,255,255,.13); }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-item { color: #111; border-color: #e5e5e3; background: #f7f7f5; }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item > span,
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item img { background: #ececea; }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item:hover,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-item:hover { border-color: #fff; background: #fff; box-shadow: 0 14px 35px rgba(0,0,0,.24); }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item.is-selected,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-item.is-selected { border-color: #111; background: #fff; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #111; }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item strong,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-item strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item small,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-item small { color: #6b6b6b; }
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item i { color: #fff; background: #111; }
body[data-ui-version="studio-glass-v3"] .reference-asset-confirm,
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-select { color: #111; border-color: #fff; background: #fff; }
body[data-ui-version="studio-glass-v3"] .product-benchmark-library-empty { color: rgba(255,255,255,.58); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.045); }

/* Recharge dialog: monochrome glass, with the supplied payment QR left intact. */
body[data-ui-version="studio-glass-v3"] .recharge-backdrop { background: rgba(0,0,0,.78); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
body[data-ui-version="studio-glass-v3"] .recharge-dialog {
  color: #fff; border-color: rgba(255,255,255,.2); background: rgba(22,22,22,.88);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 40px 120px rgba(0,0,0,.68);
  -webkit-backdrop-filter: blur(36px) saturate(120%); backdrop-filter: blur(36px) saturate(120%);
}
body[data-ui-version="studio-glass-v3"] .recharge-heading h2,
body[data-ui-version="studio-glass-v3"] .recharge-qr-card strong,
body[data-ui-version="studio-glass-v3"] .credit-rule strong,
body[data-ui-version="studio-glass-v3"] .recharge-status strong { color: #fff; }
body[data-ui-version="studio-glass-v3"] .recharge-close { color: #111; border-color: #fff; background: #fff; }
body[data-ui-version="studio-glass-v3"] .recharge-qr-card,
body[data-ui-version="studio-glass-v3"] .recharge-order-card { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.055); }
body[data-ui-version="studio-glass-v3"] .recharge-dialog[data-billing-ready="false"] .recharge-qr-card::after { color: #111; background: #fff; box-shadow: 0 14px 38px rgba(0,0,0,.34); }
body[data-ui-version="studio-glass-v3"] .credit-rule { color: #111; background: #f7f7f5; }
body[data-ui-version="studio-glass-v3"] .credit-rule strong { color: #111; }
body[data-ui-version="studio-glass-v3"] .credit-rule span,
body[data-ui-version="studio-glass-v3"] .credit-rule p { color: #656565; }
body[data-ui-version="studio-glass-v3"] #rechargeClaimForm input {
  color: #111; border-color: #fff; background: #fff; box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(0,0,0,.14); color-scheme: light;
}
body[data-ui-version="studio-glass-v3"] .recharge-submit { color: #111; border-color: #fff; background: #fff; }
body[data-ui-version="studio-glass-v3"] .recharge-submit:hover { background: #ddd; }
body[data-ui-version="studio-glass-v3"] .recharge-status { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.05); }

/* Focus stays visible on both white objects and the black canvas. */
body[data-ui-version="studio-glass-v3"] button:focus-visible,
body[data-ui-version="studio-glass-v3"] a:focus-visible,
body[data-ui-version="studio-glass-v3"] summary:focus-visible,
body[data-ui-version="studio-glass-v3"] [tabindex]:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
body[data-ui-version="studio-glass-v3"] .video-field:focus-visible,
body[data-ui-version="studio-glass-v3"] .reference-asset-picker-item:focus-visible,
body[data-ui-version="studio-glass-v3"] .product-benchmark-local-button:focus-visible { outline-color: #050505; box-shadow: 0 0 0 5px #fff; }
body[data-ui-version="studio-glass-v3"] * { scrollbar-color: rgba(255,255,255,.36) rgba(255,255,255,.05); }

@media (max-width: 700px) {
  body[data-ui-version="studio-glass-v3"] { background: radial-gradient(ellipse 135% 42% at 50% -8%, #333 0%, #111 48%, #050505 100%) fixed; }
  body[data-ui-version="studio-glass-v3"] .workbench-header { background: rgba(8,8,8,.92); }
  body[data-ui-version="studio-glass-v3"] .workspace-tabs { background: rgba(255,255,255,.09); }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  body[data-ui-version="studio-glass-v3"] .workbench-header { background: #0d0d0d; }
  body[data-ui-version="studio-glass-v3"] .workspace-view > .detail-card,
  body[data-ui-version="studio-glass-v3"] .product-form-step,
  body[data-ui-version="studio-glass-v3"] .product-task-window { background: #151515; }
  body[data-ui-version="studio-glass-v3"] .product-benchmark-picker-dialog { background: #191919; }
}