/* AI Photo Studio — silver/black workstation theme. Release: 20260731-photo-silver-v1 */

body[data-page="photo-enhancement-station"] {
  --bg: #020304;
  --panel: rgba(13, 15, 19, 0.97);
  --panel-2: #171a1f;
  --panel-3: #090b0e;
  --text: #f4f6f8;
  --muted: #9ea6b0;
  --muted-2: #cbd1d8;
  --accent: #d7dce3;
  --accent-2: #7f8894;
  --accent-soft: rgba(215, 220, 227, 0.11);
  --border: rgba(223, 228, 235, 0.12);
  --border-strong: rgba(223, 228, 235, 0.32);
  --shadow: 0 26px 64px rgba(0, 0, 0, 0.62);
  --shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.36);
  --shadow-glow: 0 0 0 1px rgba(237, 241, 246, 0.025), 0 24px 60px rgba(0, 0, 0, 0.48);
  color-scheme: dark;
  background:
    radial-gradient(circle at 50% -12%, rgba(229, 234, 240, 0.075), transparent 34%),
    radial-gradient(circle at 0% 36%, rgba(130, 139, 151, 0.035), transparent 26%),
    linear-gradient(180deg, #010203 0%, #050608 48%, #090b0e 100%) !important;
  color: var(--text);
}

body[data-page="photo-enhancement-station"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, 0.012) 1px, transparent 1px);
  background-size: 100% 5px;
  opacity: 0.42;
}

body[data-page="photo-enhancement-station"] ::selection {
  background: rgba(220, 225, 232, 0.28);
  color: #ffffff;
}

body[data-page="photo-enhancement-station"] .wrap {
  max-width: 1560px;
}

body[data-page="photo-enhancement-station"] .card.hero {
  border: 1px solid rgba(208, 215, 224, 0.22) !important;
  background:
    linear-gradient(90deg, transparent, rgba(238, 241, 245, 0.12), transparent) top / 100% 1px no-repeat,
    radial-gradient(circle at 10% 0%, rgba(211, 217, 226, 0.07), transparent 26%),
    linear-gradient(145deg, rgba(17, 20, 25, 0.99), rgba(4, 5, 7, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 30px 80px rgba(0, 0, 0, 0.64),
    0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

body[data-page="photo-enhancement-station"] .hero::before {
  display: block !important;
  opacity: 1 !important;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255, 255, 255, 0.025) 50%, transparent 58%),
    radial-gradient(circle at 88% 0%, rgba(190, 198, 208, 0.055), transparent 28%) !important;
  background-size: 240% 100%, auto !important;
}

body[data-page="photo-enhancement-station"] .station-brand-logo {
  border-color: rgba(218, 224, 232, 0.38) !important;
  background: linear-gradient(180deg, rgba(32, 36, 42, 0.98), rgba(7, 9, 12, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.34);
}

html body[data-page="photo-enhancement-station"] .mst-tool-brand-pill {
  --mst-tool-pill-cyan: #cfd5dd;
  --mst-tool-pill-cyan-soft: rgba(207, 213, 221, 0.24);
  --mst-tool-pill-bg: #080a0d;
  --mst-tool-pill-subtitle: #b8c0ca;
  border-color: rgba(226, 230, 236, 0.62) !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(231, 235, 240, 0.11), transparent 29%),
    linear-gradient(90deg, #161a1f 0%, #090b0e 54%, #030405 100%) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.38),
    0 0 24px rgba(203, 210, 219, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

html body[data-page="photo-enhancement-station"] .mst-tool-brand-pill:is(:hover, :focus-visible) {
  border-color: #f2f4f7 !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.42),
    0 0 28px rgba(218, 224, 232, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html body[data-page="photo-enhancement-station"] .mst-tool-brand-pill__mark {
  border-color: rgba(222, 227, 234, 0.68) !important;
  background: #030405 !important;
  box-shadow:
    0 0 0 3px rgba(8, 10, 13, 0.82),
    0 0 18px rgba(207, 213, 221, 0.14) !important;
}

body[data-page="photo-enhancement-station"] .station-page-name {
  border-color: rgba(245, 247, 250, 0.58) !important;
  background: linear-gradient(180deg, #edf0f4, #a9b0b9 56%, #747d88) !important;
  color: #080a0d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24),
    0 10px 24px rgba(0, 0, 0, 0.32);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
}

html body[data-page="photo-enhancement-station"] .hero-top-actions
  :is(#heroStatusChip, #accountPanelToggleBtn, #heroCreditMeter) {
  border-color: rgba(201, 208, 217, 0.28) !important;
  background: linear-gradient(180deg, #111419, #050608) !important;
  color: #d9dee5 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

html body[data-page="photo-enhancement-station"] #heroStatusChip .service-dot {
  background: #55c990 !important;
  box-shadow: 0 0 0 3px rgba(85, 201, 144, 0.13), 0 0 12px rgba(85, 201, 144, 0.24) !important;
}

html body[data-page="photo-enhancement-station"][data-credit-wallet="ai_photo_pack"]
  .hero-top-actions #heroBuyCreditsLink.paid-credit-pill,
html body[data-page="photo-enhancement-station"] #heroBuyCreditsLink.paid-credit-pill {
  border-color: rgba(244, 246, 249, 0.64) !important;
  background: linear-gradient(180deg, #e7eaf0 0%, #aab1bb 52%, #747d88 100%) !important;
  background-image: linear-gradient(180deg, #e7eaf0 0%, #aab1bb 52%, #747d88 100%) !important;
  color: #080a0d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22),
    0 12px 24px rgba(0, 0, 0, 0.34) !important;
}

html body[data-page="photo-enhancement-station"][data-credit-wallet="ai_photo_pack"]
  .hero-top-actions #heroBuyCreditsLink.paid-credit-pill:is(:hover, :focus-visible),
html body[data-page="photo-enhancement-station"] #heroBuyCreditsLink.paid-credit-pill:is(:hover, :focus-visible) {
  border-color: #ffffff !important;
  background: linear-gradient(180deg, #ffffff, #c8ced6 58%, #8a939e) !important;
  background-image: linear-gradient(180deg, #ffffff, #c8ced6 58%, #8a939e) !important;
  color: #050608 !important;
}

html body[data-page="photo-enhancement-station"] .hero-credit-count-pill::before {
  background:
    repeating-linear-gradient(90deg, rgba(207, 214, 223, 0.2) 0 1px, transparent 1px 18px),
    linear-gradient(90deg, transparent, rgba(230, 234, 239, 0.1), transparent) !important;
}

html body[data-page="photo-enhancement-station"] .hero-credit-count-pill::after {
  background:
    linear-gradient(90deg, rgba(5, 6, 8, 0.28), transparent 18%, transparent 82%, rgba(5, 6, 8, 0.28)),
    repeating-linear-gradient(90deg, #d7dce3 0 4px, transparent 4px 6px, #7f8894 6px 10px, transparent 10px 13px) !important;
  box-shadow: 0 0 12px rgba(211, 217, 225, 0.18) !important;
}

html body[data-page="photo-enhancement-station"] .hero-credit-count-pill > span,
html body[data-page="photo-enhancement-station"] .hero-credit-count-pill strong {
  color: #cfd5dc !important;
  text-shadow: none !important;
}

body[data-page="photo-enhancement-station"] #photoWorkflowShell {
  border: 1px solid rgba(205, 212, 222, 0.18);
  border-radius: 28px;
  background:
    linear-gradient(90deg, transparent, rgba(238, 241, 245, 0.1), transparent) top / 100% 1px no-repeat,
    radial-gradient(circle at 50% 0%, rgba(194, 202, 212, 0.055), transparent 38%),
    #080a0d;
  box-shadow: 0 36px 86px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

body[data-page="photo-enhancement-station"] :is(.photo-stage-card, .photo-station-inspector) {
  border-color: rgba(205, 212, 222, 0.2) !important;
  background:
    linear-gradient(90deg, transparent, rgba(238, 241, 245, 0.08), transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(23, 26, 31, 0.985), rgba(6, 8, 10, 0.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 24px 54px rgba(0, 0, 0, 0.52),
    0 0 24px rgba(194, 202, 212, 0.025) !important;
}

body[data-page="photo-enhancement-station"] :is(.photo-stage-toolbar, .photo-stage-statusbar, .photo-stage-output-control) {
  border-color: rgba(200, 207, 216, 0.16) !important;
  background: linear-gradient(180deg, rgba(22, 25, 30, 0.98), rgba(6, 8, 10, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body[data-page="photo-enhancement-station"] #imagePreviewBox {
  border-color: rgba(214, 220, 228, 0.28) !important;
  background:
    radial-gradient(circle at center, rgba(214, 220, 228, 0.035), transparent 48%),
    #020304 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    inset 0 0 72px rgba(0, 0, 0, 0.78),
    0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

body[data-page="photo-enhancement-station"] #placeholder {
  border: 1px solid rgba(213, 219, 227, 0.13) !important;
  background: linear-gradient(150deg, rgba(16, 18, 22, 0.96), rgba(3, 4, 6, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 22px 46px rgba(0, 0, 0, 0.44) !important;
}

body[data-page="photo-enhancement-station"] :is(.placeholder-badge, .photo-stage-pill, .preset-pill) {
  border-color: rgba(213, 219, 227, 0.2) !important;
  background: linear-gradient(180deg, rgba(54, 60, 69, 0.9), rgba(20, 23, 28, 0.98)) !important;
  color: #dce1e7 !important;
}

body[data-page="photo-enhancement-station"] :is(.photo-stage-footer .item, .photo-action-cluster, .photo-compact-card, .photo-help-card, .photo-panel-view, .photo-adjust-card, .photo-reset-card, .photo-finish-mode-shell, .photo-finish-panel-card, .photo-size-menu-shell) {
  border-color: rgba(206, 213, 222, 0.15) !important;
  background:
    linear-gradient(90deg, transparent, rgba(235, 239, 244, 0.055), transparent) top / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(21, 24, 29, 0.96), rgba(5, 7, 9, 0.985)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 12px 26px rgba(0, 0, 0, 0.24) !important;
}

body[data-page="photo-enhancement-station"] .photo-panel-tabs {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 5px !important;
  border-color: rgba(211, 217, 225, 0.22) !important;
  background:
    linear-gradient(90deg, transparent, rgba(242, 245, 248, 0.2), transparent) top / 100% 1px no-repeat,
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #171a1f 0%, #080a0d 42%, #020304 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -12px 22px rgba(0, 0, 0, 0.36),
    0 14px 30px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

body[data-page="photo-enhancement-station"] .photo-panel-tabs::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(100deg, transparent 0 28%, rgba(245, 247, 250, 0.055) 42%, transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 48%);
  background-size: 220% 100%, auto;
}

body[data-page="photo-enhancement-station"] .photo-panel-tabs::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 18px;
  z-index: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(231, 235, 240, 0.34), transparent);
}

body[data-page="photo-enhancement-station"] .photo-panel-tab {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-color: rgba(195, 202, 211, 0.12) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, rgba(34, 38, 44, 0.94), rgba(8, 10, 13, 0.98)) !important;
  color: #aeb5bf !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body[data-page="photo-enhancement-station"] .photo-panel-tab:is(:hover, :focus-visible) {
  border-color: rgba(226, 231, 237, 0.32) !important;
  color: #f1f3f6 !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #2c3138, #111419) !important;
}

body[data-page="photo-enhancement-station"] .photo-panel-tab.is-active {
  border-color: rgba(255, 255, 255, 0.78) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.2) 0 1px, rgba(0, 0, 0, 0.04) 1px 7px),
    linear-gradient(180deg, #eef1f4 0%, #aeb5be 55%, #737c87 100%) !important;
  color: #07090b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(0, 0, 0, 0.26),
    0 8px 18px rgba(0, 0, 0, 0.3) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
}

body[data-page="photo-enhancement-station"] .photo-panel-tab.is-active::after {
  content: "";
  position: absolute;
  right: 12%;
  bottom: 3px;
  left: 12%;
  height: 1px;
  border-radius: 999px;
  background: rgba(6, 8, 10, 0.72);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
}

body[data-page="photo-enhancement-station"] .photo-panel-body {
  position: relative;
  margin-top: -2px;
  padding-top: 10px;
  border-top: 1px solid rgba(206, 213, 222, 0.12);
  background: linear-gradient(180deg, rgba(210, 216, 224, 0.025), transparent 44px);
}

body[data-page="photo-enhancement-station"] .photo-station-rail {
  border: 1px solid rgba(208, 215, 224, 0.18) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #171a1f, #050608) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 12px 26px rgba(0, 0, 0, 0.34) !important;
}

body[data-page="photo-enhancement-station"] .photo-rail-link {
  border: 1px solid rgba(200, 207, 216, 0.1) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, rgba(31, 35, 41, 0.9), rgba(8, 10, 13, 0.96)) !important;
  color: #aeb5bf !important;
}

body[data-page="photo-enhancement-station"] .photo-rail-link:is(:hover, :focus-visible) {
  border-color: rgba(229, 233, 238, 0.32) !important;
  color: #f3f5f7 !important;
}

body[data-page="photo-enhancement-station"] .photo-rail-link.is-active {
  border-color: rgba(255, 255, 255, 0.68) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.18) 0 1px, rgba(0, 0, 0, 0.035) 1px 7px),
    linear-gradient(180deg, #e5e9ed, #9fa7b1 58%, #68717c) !important;
  color: #07090b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 8px 18px rgba(0, 0, 0, 0.32) !important;
}

body[data-page="photo-enhancement-station"] .photo-rail-link.is-active :is(.photo-rail-icon, .photo-rail-text) {
  color: #07090b !important;
}

body[data-page="photo-enhancement-station"] :is(.preset-chip, .collapse-toggle) {
  position: relative;
  overflow: hidden;
  border-color: rgba(205, 212, 221, 0.2) !important;
  background:
    linear-gradient(100deg, transparent 0 30%, rgba(242, 245, 248, 0.045) 43%, transparent 58%),
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #23272e 0%, #101318 52%, #06080a 100%) !important;
  background-size: 220% 100%, auto, auto !important;
  color: #d7dce3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 -8px 16px rgba(0, 0, 0, 0.22),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

body[data-page="photo-enhancement-station"] :is(.preset-chip, .collapse-toggle):is(:hover, :focus-visible) {
  border-color: rgba(235, 239, 244, 0.46) !important;
  background:
    linear-gradient(100deg, transparent 0 26%, rgba(255, 255, 255, 0.075) 42%, transparent 58%),
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #30353d 0%, #15191f 54%, #080a0d 100%) !important;
}

body[data-page="photo-enhancement-station"] .preset-chip.active,
body[data-page="photo-enhancement-station"] .collapse-toggle[aria-expanded="true"] {
  border-color: rgba(255, 255, 255, 0.76) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.2) 0 1px, rgba(0, 0, 0, 0.04) 1px 7px),
    linear-gradient(180deg, #f0f2f5 0%, #b8bec6 50%, #747d88 100%) !important;
  color: #07090b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(0, 0, 0, 0.28),
    0 10px 22px rgba(0, 0, 0, 0.32) !important;
}

body[data-page="photo-enhancement-station"] .preset-chip.active :is(.preset-name, .preset-pill),
body[data-page="photo-enhancement-station"] .collapse-toggle[aria-expanded="true"] :is(.collapse-title, .collapse-sub, .collapse-badge, .collapse-icon) {
  color: #07090b !important;
}

body[data-page="photo-enhancement-station"] .preset-chip .preset-pill {
  border: 1px solid rgba(216, 222, 230, 0.22) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #343a42, #15181d) !important;
  color: #dce1e7 !important;
}

body[data-page="photo-enhancement-station"] .preset-chip.active .preset-pill {
  border-color: rgba(7, 9, 11, 0.3) !important;
  background: linear-gradient(180deg, rgba(16, 19, 23, 0.88), rgba(3, 4, 6, 0.94)) !important;
  color: #f3f5f7 !important;
}

body[data-page="photo-enhancement-station"] #photoPresetSection .preset-chip.active {
  border-color: rgba(237, 240, 244, 0.68) !important;
  background:
    linear-gradient(100deg, transparent 0 28%, rgba(245, 247, 250, 0.07) 43%, transparent 58%),
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.034) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #20242a 0%, #0c0f13 54%, #030405 100%) !important;
  background-size: 220% 100%, auto, auto !important;
  color: #f4f6f8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    inset 0 -10px 18px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.045),
    0 10px 24px rgba(0, 0, 0, 0.36) !important;
}

body[data-page="photo-enhancement-station"] #photoPresetSection .preset-chip.active :is(.preset-name, .preset-pill) {
  color: #f4f6f8 !important;
}

body[data-page="photo-enhancement-station"] :is(.select, .text-input, .textarea-input) {
  border-color: rgba(204, 211, 220, 0.2) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #1d2127, #080a0d) !important;
  color: #f1f3f5 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -8px 14px rgba(0, 0, 0, 0.22) !important;
}

body[data-page="photo-enhancement-station"] :is(.select, .text-input, .textarea-input):focus {
  border-color: rgba(236, 239, 244, 0.62) !important;
  box-shadow:
    0 0 0 3px rgba(219, 224, 231, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body[data-page="photo-enhancement-station"] .select option {
  background: #0a0c0f;
  color: #f1f3f5;
}

body[data-page="photo-enhancement-station"] .range {
  accent-color: #cbd1d8;
}

body[data-page="photo-enhancement-station"] .range::-webkit-slider-runnable-track {
  border: 1px solid rgba(211, 217, 225, 0.2);
  background: linear-gradient(90deg, #555e69, #24282e) !important;
}

body[data-page="photo-enhancement-station"] .range::-webkit-slider-thumb {
  border: 1px solid #ffffff !important;
  background: linear-gradient(180deg, #f2f4f6, #9ea6b0) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

body[data-page="photo-enhancement-station"] :is(.primary, #processBtn) {
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.19) 0 1px, rgba(0, 0, 0, 0.035) 1px 7px),
    linear-gradient(180deg, #edf0f4 0%, #aeb5be 54%, #747d88 100%) !important;
  color: #07090b !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24),
    0 12px 26px rgba(0, 0, 0, 0.38) !important;
}

body[data-page="photo-enhancement-station"] :is(.secondary, .photo-tool-btn) {
  border-color: rgba(204, 211, 220, 0.18) !important;
  background:
    linear-gradient(100deg, transparent 0 30%, rgba(242, 245, 248, 0.04) 43%, transparent 58%),
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #20242a, #0a0c0f) !important;
  background-size: 220% 100%, auto, auto !important;
  color: #d3d8df !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -8px 14px rgba(0, 0, 0, 0.18) !important;
}

body[data-page="photo-enhancement-station"] :is(.secondary, .photo-tool-btn):is(:hover, :focus-visible, .is-active) {
  border-color: rgba(235, 238, 242, 0.42) !important;
  background:
    repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #3a4048, #15181c) !important;
  color: #ffffff !important;
}

body[data-page="photo-enhancement-station"] :is(.field-label, .photo-section-kicker, .photo-station-label, .photo-rail-eyebrow, .label) {
  color: #aeb6c0 !important;
}

body[data-page="photo-enhancement-station"] :is(.photo-section-title, .photo-rail-title, .placeholder-title, .photo-station-value) {
  color: #f4f6f8 !important;
}

body[data-page="photo-enhancement-station"] .photo-station-seo-support {
  border: 1px solid rgba(205, 212, 221, 0.2) !important;
  background:
    linear-gradient(90deg, transparent, rgba(239, 242, 246, 0.09), transparent) top / 100% 1px no-repeat,
    linear-gradient(150deg, rgba(20, 23, 28, 0.98), rgba(5, 7, 9, 0.995)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html body[data-page="photo-enhancement-station"][data-credit-wallet="ai_photo_pack"]
  .photo-station-seo-support .photo-station-pricing-grid > .photo-station-pricing-card,
body[data-page="photo-enhancement-station"] .photo-station-seo-support .photo-station-card {
  border-color: rgba(205, 212, 221, 0.2) !important;
  background: linear-gradient(180deg, #121519, #050708) !important;
  background-image: linear-gradient(180deg, #121519, #050708) !important;
  color: #edf0f4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

html body[data-page="photo-enhancement-station"][data-credit-wallet="ai_photo_pack"]
  .photo-station-seo-support .photo-station-pricing-grid > .photo-station-pricing-card:is(:hover, :focus-visible) {
  border-color: rgba(235, 239, 244, 0.48) !important;
  background: linear-gradient(180deg, #1a1e24, #080a0d) !important;
  background-image: linear-gradient(180deg, #1a1e24, #080a0d) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

body[data-page="photo-enhancement-station"] .photo-station-seo-support .photo-station-pricing-kicker {
  border-color: rgba(230, 234, 239, 0.32) !important;
  background: linear-gradient(180deg, #343a42, #16191e) !important;
  color: #e5e9ee !important;
}

body[data-page="photo-enhancement-station"] .account-panel {
  border-left: 1px solid rgba(213, 219, 227, 0.22) !important;
  background: linear-gradient(180deg, #14171c, #050608) !important;
  box-shadow: -24px 0 64px rgba(0, 0, 0, 0.58) !important;
}

body[data-page="photo-enhancement-station"] * {
  scrollbar-color: rgba(193, 200, 209, 0.54) rgba(255, 255, 255, 0.035);
}

body[data-page="photo-enhancement-station"] *::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, #aeb5be, #626b76);
}

@media (max-width: 760px) {
  body[data-page="photo-enhancement-station"] #photoWorkflowShell {
    border-radius: 20px;
  }

  body[data-page="photo-enhancement-station"] .photo-panel-tab.is-active {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  }
}


/* 20260806-photo-studio-hero-pill-hardfix-v2 */

/* AI Photo Studio hero pill hard repair — 2026-08-06.
   Keep each control in its own grid cell and force the credits pill to plain text. */
html body[data-page="photo-enhancement-station"] .hero-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-page="photo-enhancement-station"] .station-brand-lockup {
  flex: 1 1 420px !important;
  min-width: 260px !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions {
  flex: 0 1 520px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    "status account"
    "credits buy" !important;
  gap: 8px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroStatusChip {
  grid-area: status !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #accountPanelToggleBtn {
  grid-area: account !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter {
  grid-area: credits !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroBuyCreditsLink {
  grid-area: buy !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions
  :is(#heroStatusChip, #accountPanelToggleBtn, #heroBuyCreditsLink) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter {
  all: unset !important;
  grid-area: credits !important;
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(34, 197, 94, 0.58) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(5, 42, 22, 0.98), rgba(2, 18, 10, 0.995)) !important;
  background-color: #03130a !important;
  color: #8ff6b3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 12px rgba(34, 197, 94, 0.11),
    0 10px 22px rgba(0, 0, 0, 0.22) !important;
  font: 900 0.74rem/1 "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  cursor: default !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter::before,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter::after,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter *::before,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter *::after {
  content: none !important;
  display: none !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .hero-credit-waveform,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .hero-credit-waveform *,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .hero-credit-balance,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .hero-credit-key,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .hero-credit-divider {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter > span,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter .mst-hard-credit-label {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  color: #52dd83 !important;
  font: 900 0.68rem/1 "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter > strong,
html body[data-page="photo-enhancement-station"] .hero-top-actions #heroCreditMeter#heroCreditMeter #heroCreditMeterValue {
  all: unset !important;
  display: inline-block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 13em !important;
  overflow: hidden !important;
  color: #c3ffd6 !important;
  font: 900 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  letter-spacing: 0.02em !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media (max-width: 1120px) {
  html body[data-page="photo-enhancement-station"] .hero-topbar {
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  html body[data-page="photo-enhancement-station"] .station-brand-lockup,
  html body[data-page="photo-enhancement-station"] .hero-top-actions {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  html body[data-page="photo-enhancement-station"] .hero-top-actions {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "status"
      "account"
      "credits"
      "buy" !important;
    width: 100% !important;
    max-width: none !important;
  }
}