/* Photo Editing Station extracted page styles. */

:root {      --bg: #050913;      --panel: rgba(16,22,33,0.94);      --panel-2: #1b2330;      --panel-3: #0f151e;      --text: #eef2ff;      --muted: #a7b0c7;      --muted-2: #c9d3eb;      --accent: #9eabbd;      --accent-2: #667488;      --accent-soft: rgba(158,171,189,0.12);      --success: #22c55e;      --danger: #ef4444;      --border: rgba(255,255,255,0.1);      --border-strong: rgba(158,171,189,0.28);      --shadow: 0 20px 50px rgba(0,0,0,0.42);      --shadow-soft: 0 10px 30px rgba(0,0,0,0.22);      --shadow-glow: 0 18px 42px rgba(66,77,94,0.08), 0 28px 72px rgba(0,0,0,0.26);      --radius: 18px;      --radius-lg: 22px;    }    * { box-sizing: border-box; }    html, body {      margin: 0;      padding: 0;    }    body {      font-family: "Inter", sans-serif;      background:        radial-gradient(circle at 18% 0%, rgba(95,112,140,0.035), transparent 24%),        radial-gradient(circle at 84% 10%, rgba(79,97,125,0.04), transparent 22%),        linear-gradient(180deg, #010203 0%, #03050a 42%, #050913 100%);      color: var(--text);      min-height: 100vh;    }    img, video {      max-width: 100%;      height: auto;    }    button,    input,    select,    textarea,    .button-link,    .dropzone {      min-height: 44px;    }    a:focus-visible,    button:focus-visible,    input:focus-visible,    select:focus-visible,    textarea:focus-visible,    .dropzone:focus-visible,    .button-link:focus-visible {      outline: 3px solid rgba(158,171,189,0.88);      outline-offset: 2px;    }    .sr-only {      position: absolute;      width: 1px;      height: 1px;      padding: 0;      margin: -1px;      overflow: hidden;      clip: rect(0, 0, 0, 0);      white-space: nowrap;      border: 0;    }    .wrap {      max-width: 1560px;      margin: 0 auto;      padding: 26px 24px 44px;    }    .card {      background: linear-gradient(180deg, rgba(28,36,49,0.97), rgba(13,18,28,0.99));      border: 1px solid rgba(137,155,182,0.14);      border-radius: var(--radius-lg);      box-shadow:        0 20px 48px rgba(0,0,0,0.46),        0 0 30px rgba(99,117,147,0.035),        0 0 0 1px rgba(114,134,164,0.03) inset,        inset 0 1px 0 rgba(255,255,255,0.05);    }    .section {      margin-top: 60px;    }    .hero {      padding: 30px 32px 24px;      position: relative;      overflow: hidden;      border-color: rgba(91,131,184,0.14);      background:        radial-gradient(circle at top left, rgba(154,169,193,0.06), transparent 24%),        radial-gradient(circle at 80% 12%, rgba(95,112,140,0.055), transparent 26%),        linear-gradient(135deg, rgba(18,24,35,0.995), rgba(6,8,12,1));      box-shadow:        0 28px 74px rgba(0,0,0,0.5),        0 0 40px rgba(95,112,140,0.04),        0 0 0 1px rgba(114,134,164,0.03) inset,        var(--shadow-glow);    }    .hero::before {      content: "";      position: absolute;      inset: 0;      background:        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),        linear-gradient(180deg, rgba(255,255,255,0.02) 1px, transparent 1px),        radial-gradient(circle at 10% 0%, rgba(95,112,140,0.05), transparent 30%),        radial-gradient(circle at 90% 15%, rgba(79,97,125,0.045), transparent 28%);      background-size: 36px 36px, 36px 36px, auto, auto;      opacity: 0.34;      pointer-events: none;    }    .hero > * {      position: relative;      z-index: 1;    }    .hero-topbar {      display: grid;      grid-template-columns: minmax(0, 1fr) 320px;      align-items: center;      gap: 18px;      margin-bottom: 12px;    }    .hero-topbar .eyebrow {      justify-self: start;      margin-bottom: 0;    }    .hero-top-actions {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      align-items: stretch;      gap: 10px;      width: 100%;    }    .hero-status-chip,    .hero-account-toggle {      flex: 0 0 auto;      display: inline-flex;      align-items: center;      justify-content: center;      width: 100%;      gap: 10px;      min-height: 52px;      padding: 0 16px;      border-radius: 999px;      background: linear-gradient(180deg, rgba(20,33,58,0.92), rgba(13,20,38,0.94));      border: 1px solid rgba(148,163,184,0.18);      color: #e7f6ee;      font-size: 0.84rem;      font-weight: 700;      white-space: nowrap;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), var(--shadow-soft);      text-align: center;    }    .hero-status-chip {      background: linear-gradient(180deg, rgba(20,33,58,0.92), rgba(13,20,38,0.94));      border-color: rgba(148,163,184,0.18);      color: #e7f6ee;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), var(--shadow-soft);    }    .hero-status-label,    .hero-status-value {      display: inline-flex;      align-items: center;      line-height: 1;    }    .hero-status-chip .service-dot {      width: 8px;      height: 8px;      box-shadow: none;      background: var(--success);      border-radius: 999px;    }    .hero-status-chip.online {      border-color: rgba(34,197,94,0.28);      background: linear-gradient(180deg, rgba(12,31,28,0.96), rgba(11,24,26,0.96));      color: #d8ffe4;    }    .hero-status-chip.offline {      color: #d8ffe4;    }    .hero-account-toggle {      min-width: 0;      gap: 0;    }    .hero-account-toggle:hover {      transform: translateY(-1px);      filter: brightness(1.04);    }    .hero-account-toggle.is-active {      border-color: rgba(34,197,94,0.34);      background: rgba(34,197,94,0.12);    }    .hero-account-toggle.is-open {      border-color: rgba(34,197,94,0.4);      background: rgba(34,197,94,0.15);    }    .hero-account-copy {      display: block;      min-width: 0;    }    .hero-account-title {      display: block;      font-size: 0.84rem;      font-weight: 700;      letter-spacing: 0;      white-space: nowrap;    }    .hero-account-meta {      display: none;    }    .hero-account-badge {      display: none;    }    .hero-account-toggle.is-active .hero-account-badge {      display: none;    }    .eyebrow {      display: inline-flex;      align-items: center;      gap: 8px;      padding: 8px 12px;      border: 1px solid rgba(150,168,196,0.18);      border-radius: 999px;      color: rgba(233,240,250,0.86);      background: linear-gradient(180deg, rgba(58, 67, 84, 0.62), rgba(30, 36, 47, 0.72));      font-size: 13px;      margin-bottom: 18px;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 28px rgba(0,0,0,0.18);    }    h1 {      margin: 0 0 12px;      font-size: clamp(2.3rem, 5vw, 4rem);      line-height: 1.02;      letter-spacing: -0.04em;      max-width: 12ch;    }    .sub {      display: none;      margin: 0;      color: var(--muted);      font-size: 1.02rem;      line-height: 1.7;      max-width: 66ch;    }    .hero-badges {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 22px;    }    .hero-copy {      margin-top: 10px;      max-width: 64ch;      color: var(--muted-2);      font-size: 1.02rem;      line-height: 1.7;    }    .hero-main {      display: grid;      grid-template-columns: minmax(0, 1fr) 320px;      gap: 18px;      align-items: start;    }    .hero-right {      display: grid;      gap: 12px;    }    .hero-insight-card {      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.12);      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));      padding: 14px 14px 13px;      box-shadow: var(--shadow-soft);    }    .hero-insight-card.subtle {      background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));      border-color: rgba(255,255,255,0.09);    }    .hero-insight-title {      font-size: 0.85rem;      text-transform: uppercase;      letter-spacing: 0.08em;      font-weight: 700;      color: var(--muted);      margin-bottom: 10px;    }    .hero-insight-grid {      display: grid;      grid-template-columns: 1fr;      gap: 8px;    }    .hero-insight-item {      border: 1px solid rgba(255,255,255,0.1);      background: rgba(255,255,255,0.03);      border-radius: 12px;      padding: 8px 10px;      display: flex;      align-items: center;      justify-content: space-between;      gap: 10px;    }    .hero-insight-label {      color: var(--muted-2);      font-size: 0.84rem;    }    .hero-insight-value {      font-weight: 800;      color: #eef4ff;      font-size: 0.9rem;      text-align: right;    }    .hero-insight-actions {      margin-top: 10px;      display: flex;      flex-wrap: wrap;      gap: 8px;    }    .hero-insight-actions .button-link {      min-height: 38px;      font-size: 0.86rem;      padding: 8px 12px;    }    .hero-quick-links {      display: grid;      gap: 7px;    }    .hero-quick-links a {      color: #dbe7ff;      text-decoration: none;      font-size: 0.9rem;      border: 1px solid rgba(255,255,255,0.09);      background: rgba(255,255,255,0.03);      border-radius: 10px;      padding: 8px 10px;    }    .hero-guides-disclosure {      margin-top: 2px;    }    .hero-guides-summary {      list-style: none;      display: flex;      align-items: center;      justify-content: space-between;      gap: 12px;      width: 100%;      min-height: 44px;      padding: 10px 12px;      border-radius: 12px;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(255,255,255,0.04);      color: #eef4ff;      font-size: 0.9rem;      font-weight: 700;      cursor: pointer;      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;    }    .hero-guides-summary::-webkit-details-marker {      display: none;    }    .hero-guides-summary:hover,    .hero-guides-summary:focus-visible {      background: rgba(158,171,189,0.12);      border-color: rgba(126,141,165,0.24);    }    .hero-guides-summary-label {      min-width: 0;    }    .hero-guides-summary-meta {      color: var(--muted);      font-size: 0.78rem;      font-weight: 700;      letter-spacing: 0.06em;      text-transform: uppercase;      flex-shrink: 0;    }    .hero-guides-summary-icon {      flex-shrink: 0;      color: #dbe7ff;      transition: transform 0.2s ease;    }    .hero-guides-disclosure[open] .hero-guides-summary {      background: rgba(158,171,189,0.12);      border-color: rgba(158,171,189,0.24);    }    .hero-guides-disclosure[open] .hero-guides-summary-icon {      transform: rotate(180deg);    }    .hero-badge {      display: inline-flex;      align-items: center;      gap: 8px;      padding: 11px 14px;      border-radius: 14px;      background: rgba(255,255,255,0.04);      border: 1px solid rgba(255,255,255,0.1);      color: var(--muted-2);      font-size: 0.92rem;      box-shadow: var(--shadow-soft);    }    .actions {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 12px;    }    button,    .button-link {      border: 0;      border-radius: 13px;      padding: 12px 16px;      font-size: 0.96rem;      font-weight: 700;      cursor: pointer;      transition: 0.2s ease;      text-decoration: none;      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 46px;    }    .primary {      background:        linear-gradient(180deg, rgba(184,196,212,0.96), rgba(136,149,166,0.94));      color: #10151d;      border-color: rgba(194,206,222,0.22);      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.34),        0 16px 34px rgba(0,0,0,0.34);    }    .primary.prominent {      min-width: 170px;      font-size: 1rem;      letter-spacing: -0.01em;    }    .secondary {      background: linear-gradient(180deg, rgba(47, 55, 69, 0.92), rgba(27, 33, 43, 0.96));      color: var(--text);      border: 1px solid rgba(152,168,196,0.16);      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);    }    .destructive-soft {      background: rgba(239,68,68,0.12);      color: #ffd8d8;      border: 1px solid rgba(239,68,68,0.28);    }    button:hover,    .button-link:hover {      transform: translateY(-1px);      filter: brightness(1.05);    }    button:disabled,    .button-link.disabled {      opacity: 0.55;      cursor: not-allowed;      pointer-events: none;      transform: none;    }    .status {      margin-top: 14px;      padding: 14px 16px;      border-radius: 14px;      border: 1px solid var(--border);      background: rgba(255,255,255,0.04);      color: var(--muted);      min-height: 50px;      display: flex;      align-items: center;    }    .status.success {      border-color: rgba(34,197,94,0.35);      color: #ccf7da;      background: rgba(34,197,94,0.12);    }    .status.error {      border-color: rgba(239,68,68,0.35);      color: #ffd8d8;      background: rgba(239,68,68,0.12);    }    .status:empty {      display: none;    }    @media (max-width: 1120px) {      .marketing-grid,      .section-grid {        grid-template-columns: 1fr;      }      .hero-main {        grid-template-columns: 1fr;      }      .hero-right {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      .workspace-rail,      .request-form-grid {        grid-template-columns: 1fr;      }      .tool-jump-nav {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      .request-side-column {        position: static;        top: auto;      }      .footer-groups {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      .section-intro {        align-items: flex-start;        flex-direction: column;      }      .preview-box.video-preview-large {        min-height: 420px;      }    }    @media (max-width: 900px) {      .video-options-grid,      .photo-finish-grid,      .photo-adjust-grid,      .preset-row,      .meta,      .select-group,      .marketing-grid,      .form-split,      .request-flow-strip,      .request-upload-grid {        grid-template-columns: 1fr;      }      .hero {        padding: 28px 22px 24px;      }      .tool-card {        padding: 18px;      }      .hero-right {        grid-template-columns: 1fr;      }      .preview-box,      .preview-box.image-preview-large,      .preview-box.video-preview-large {        min-height: 320px;      }      h1 {        max-width: none;      }      .workspace-rail {        position: static;      }      .request-mode-banner {        grid-template-columns: 1fr;      }      .request-step-header {        flex-direction: column;        gap: 10px;      }    }    @media (max-width: 700px) {      .workspace-rail {        padding: 10px;        gap: 8px;        border-radius: 16px;      }      .tool-jump-nav {        display: flex;        gap: 8px;        overflow-x: auto;        scroll-snap-type: x proximity;        padding-bottom: 2px;      }      .tool-jump-link {        flex: 0 0 auto;        min-width: 86px;        min-height: 38px;        padding: 0 12px;        font-size: 0.78rem;        scroll-snap-align: start;      }      .usage-sticky-bar {        display: flex;        gap: 8px;        overflow-x: auto;        padding-bottom: 2px;      }      .usage-chip {        flex: 0 0 auto;        min-width: 92px;        padding: 8px 10px;        gap: 2px;      }      .usage-chip-label {        font-size: 0.64rem;      }      .usage-chip-value {        font-size: 0.84rem;      }      .usage-chip-standard {        display: none;      }      .usage-chip-compact {        display: inline;      }      .post-sticky-intro {        margin-top: 16px;      }      .preview-card.is-empty {        display: none;      }      .tool-card.preview-card {        gap: 10px;      }      .collapsible {        margin-top: 10px;        border-radius: 16px;      }      .collapse-toggle {        padding: 12px;        gap: 10px;      }      .collapse-left {        gap: 10px;      }      .collapse-badge {        width: 32px;        height: 32px;        border-radius: 10px;        font-size: 0.86rem;      }      .collapse-title {        font-size: 0.92rem;      }      .collapse-sub {        font-size: 0.76rem;        line-height: 1.35;      }      .collapse-content {        padding: 0 12px 12px;      }      .photo-adjust-card,      .photo-reset-card {        padding: 12px;      }      .mini-note {        font-size: 0.78rem;        line-height: 1.45;      }      .live-trim-panel {        margin-top: 12px;        padding: 12px;        gap: 12px;      }      .timeline-panel {        gap: 8px;      }      .local-preview-shell {        min-height: 180px;      }      .custom-request-shell {        margin-top: 16px;      }      .custom-request-toggle {        padding: 13px 14px;        min-height: 52px;        border-radius: 16px;        gap: 12px;      }      .custom-request-toggle-copy {        gap: 3px;      }      .custom-request-toggle-copy small {        display: none;      }      .custom-request-content {        margin-top: 12px;      }      .request-flow-strip {        display: flex;        gap: 8px;        overflow-x: auto;        padding-bottom: 2px;        margin-top: 14px;      }      .request-flow-step {        flex: 0 0 220px;        padding: 12px 13px;        border-radius: 14px;      }      .request-flow-step strong {        font-size: 0.86rem;      }      .request-flow-step span {        font-size: 0.79rem;        line-height: 1.45;      }      .request-form-grid {        margin-top: 14px;        gap: 14px;      }      .request-main-card {        padding: 16px;      }      .request-mode-banner {        padding: 12px 13px;        gap: 10px;        border-radius: 16px;      }      .request-mode-pill {        min-height: 28px;        padding: 0 10px;        font-size: 0.68rem;      }      .request-step-card {        margin-top: 12px;        padding: 14px;        border-radius: 16px;      }      .request-step-tag {        min-width: 50px;        min-height: 30px;        padding: 0 10px;        font-size: 0.7rem;      }      .request-step-copy h3 {        font-size: 0.98rem;      }      .request-step-copy p {        font-size: 0.84rem;        line-height: 1.5;      }      .request-upload-card {        padding: 12px;      }      .request-checkbox {        padding-top: 8px;        font-size: 0.84rem;        line-height: 1.45;      }      .request-support-note,      .request-status,      .fine-print {        font-size: 0.8rem;        line-height: 1.5;      }      .request-actions {        margin-top: 14px;      }      .request-actions .primary,      .request-actions .secondary {        width: 100%;      }      .request-side-column {        gap: 12px;      }      .request-guide-card {        padding: 14px;      }      .request-guide-card .tool-head p {        display: none;      }      .request-guide-list {        gap: 8px;      }      .request-guide-item {        padding: 12px;        border-radius: 14px;      }      .request-guide-item strong {        font-size: 0.84rem;      }      .request-guide-item span {        font-size: 0.8rem;        line-height: 1.45;      }      .request-guide-card.mobile-secondary {        display: none;      }      #projectDescription {        min-height: 110px;      }      #requestNotes {        min-height: 72px;      }      .footer-groups {        grid-template-columns: 1fr;      }    }

body[data-page="photo-enhancement-station"] .wrap {      max-width: 1560px;    }    body[data-page="photo-enhancement-station"] .hero {      margin-top: 18px;      padding: 22px 22px 18px;    }    body[data-page="photo-enhancement-station"] .hero-topbar {      margin-bottom: 8px;    }    body[data-page="photo-enhancement-station"] .hero-main {      display: grid;      grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);      gap: 18px;      align-items: stretch;    }    body[data-page="photo-enhancement-station"] .editor-page-head {      align-items: flex-start;    }    body[data-page="photo-enhancement-station"] .editor-page-copy {      max-width: 720px;    }    body[data-page="photo-enhancement-station"] .editor-page-title {      max-width: 10ch;    }    body[data-page="photo-enhancement-station"] .editor-page-summary {      max-width: 48ch;    }    body[data-page="photo-enhancement-station"] .hero-left {      display: grid;      gap: 14px;      align-content: start;    }    body[data-page="photo-enhancement-station"] .photo-station-overview {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 12px;      align-self: end;    }    body[data-page="photo-enhancement-station"] .hero-right .photo-station-overview {      grid-template-columns: 1fr;      align-self: start;    }    body[data-page="photo-enhancement-station"] .hero-right .photo-station-card.is-wide {      grid-column: auto;    }    body[data-page="photo-enhancement-station"] .photo-station-card {      padding: 16px 16px 14px;      border-radius: 18px;      border: 1px solid rgba(137,155,182,0.14);      background:        radial-gradient(circle at top right, rgba(153,167,187,0.055), transparent 34%),        linear-gradient(180deg, rgba(31,39,50,0.95), rgba(13,18,27,0.985));      box-shadow:        0 18px 38px rgba(0,0,0,0.34),        0 10px 24px rgba(57,69,87,0.06),        inset 0 1px 0 rgba(255,255,255,0.05);    }    body[data-page="photo-enhancement-station"] .photo-station-card.is-wide {      grid-column: 1 / -1;    }    body[data-page="photo-enhancement-station"] .photo-station-label {      font-size: 0.74rem;      text-transform: uppercase;      letter-spacing: 0.12em;      color: #b1bdcd;      margin-bottom: 8px;      font-weight: 700;    }    body[data-page="photo-enhancement-station"] .photo-station-value {      font-size: 1.04rem;      font-weight: 800;      letter-spacing: -0.02em;      color: var(--text);      margin-bottom: 6px;    }    body[data-page="photo-enhancement-station"] .photo-station-copy {      color: #cad4e2;      font-size: 0.9rem;      line-height: 1.55;    }    body[data-page="photo-enhancement-station"] .photo-station-copy strong {      color: #e3ebf7;      font-weight: 700;    }    body[data-page="photo-enhancement-station"] .hero {      padding: 16px 18px 14px;      border-color: rgba(151,171,196,0.2);      background:        radial-gradient(circle at 10% 0%, rgba(180,198,224,0.16), transparent 30%),        radial-gradient(circle at 84% 14%, rgba(126,145,172,0.14), transparent 28%),        radial-gradient(circle at 52% 100%, rgba(87,104,128,0.08), transparent 34%),        linear-gradient(180deg, rgba(22,29,42,0.985) 0%, rgba(16,22,33,0.98) 52%, rgba(10,14,22,0.99) 100%);      box-shadow:        0 40px 96px rgba(0,0,0,0.56),        0 0 62px rgba(122,140,166,0.12),        inset 0 1px 0 rgba(255,255,255,0.05),        0 0 0 1px rgba(151,171,196,0.08);    }    body[data-page="photo-enhancement-station"] .hero::before {      background:        radial-gradient(circle at 0% 0%, rgba(184,203,226,0.16), transparent 34%),        radial-gradient(circle at 100% 14%, rgba(126,145,172,0.15), transparent 28%),        radial-gradient(circle at 52% 100%, rgba(95,112,138,0.08), transparent 30%);      opacity: 0.95;    }    body[data-page="photo-enhancement-station"] .hero::after {      content: "";      position: absolute;      inset: 18px 18px auto;      height: 1px;      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.24), rgba(255,255,255,0));      opacity: 0.7;      pointer-events: none;    }    body[data-page="photo-enhancement-station"] .wrap {      max-width: 1660px;      padding-left: 18px;      padding-right: 18px;    }    body[data-page="photo-enhancement-station"] .hero-topbar {      display: grid;      grid-template-columns: minmax(0, 1.14fr) minmax(520px, 0.86fr);      align-items: center;      justify-content: space-between;      gap: 12px;      margin-bottom: 8px;    }    body[data-page="photo-enhancement-station"] .hero-top-actions {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      justify-self: end;      width: calc((100% - 10px) / 2);      gap: 10px;      margin-left: 0;    }    body[data-page="photo-enhancement-station"] .hero-status-chip,    body[data-page="photo-enhancement-station"] .hero-account-toggle {      width: 100%;      min-width: 0;      padding-left: 10px;      padding-right: 10px;      gap: 6px;      font-size: 0.78rem;    }    body[data-page="photo-enhancement-station"] .hero-main {      grid-template-columns: minmax(0, 1.14fr) minmax(520px, 0.86fr);      gap: 12px;      align-items: stretch;    }    body[data-page="photo-enhancement-station"] .editor-page-head {      display: flex;      align-items: center;      justify-content: space-between;      gap: 14px;      padding: 14px 16px 13px;      border-radius: 24px;      border: 1px solid rgba(151,171,196,0.18);      background:        radial-gradient(circle at top left, rgba(86,107,138,0.08), transparent 34%),        linear-gradient(180deg, rgba(10,13,18,0.992), rgba(2,4,7,0.998));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.05),        inset 0 -1px 0 rgba(255,255,255,0.02),        0 34px 68px rgba(0,0,0,0.36),        0 0 32px rgba(122,140,166,0.06);    }    body[data-page="photo-enhancement-station"] .editor-page-copy {      min-width: 0;      max-width: none;    }    body[data-page="photo-enhancement-station"] .editor-page-kicker {      color: #b4c0cf;      font-size: 0.7rem;      font-weight: 700;      letter-spacing: 0.14em;      text-transform: uppercase;      margin-bottom: 8px;    }    body[data-page="photo-enhancement-station"] .editor-page-title {      max-width: none;      margin: 0;      color: #f3f7ff;      font-size: clamp(1.7rem, 2vw, 2.25rem);      letter-spacing: 0;      line-height: 0.98;      text-shadow: 0 10px 26px rgba(0,0,0,0.18);    }    body[data-page="photo-enhancement-station"] .editor-page-summary {      margin: 7px 0 0;      max-width: 54ch;      color: rgba(221,228,238,0.82);      font-size: 0.93rem;      line-height: 1.56;    }    body[data-page="photo-enhancement-station"] .editor-page-links {      display: flex;      align-items: center;      gap: 10px;      flex-wrap: wrap;      justify-content: flex-end;    }    body[data-page="photo-enhancement-station"] .editor-page-links .button-link {      min-height: 42px;      padding: 10px 14px;      font-size: 0.86rem;      border-radius: 999px;      box-shadow: 0 12px 26px rgba(10,18,36,0.28);    }    body[data-page="photo-enhancement-station"] .editor-page-links .hero-inline-link {      font-size: 0.88rem;      padding: 10px 2px;    }    body[data-page="photo-enhancement-station"] #unlockStatusLine {      margin-top: 8px;      padding: 10px 12px;      border-radius: 14px;      background:        linear-gradient(180deg, rgba(10,13,18,0.985), rgba(2,4,7,0.996)),        radial-gradient(circle at left center, rgba(86,107,138,0.08), transparent 20%);      border: 1px solid rgba(151,171,196,0.14);      font-size: 0.79rem;      line-height: 1.42;      color: #16a34a;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.035),        0 14px 28px rgba(0,0,0,0.12),        0 0 12px rgba(136,155,181,0.03);    }    body[data-page="photo-enhancement-station"] #unlockStatusLine strong,    body[data-page="photo-enhancement-station"] #unlockStatusLine * {      color: #16a34a;    }    body[data-page="photo-enhancement-station"] .hero-right {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px;      align-items: stretch;      align-content: stretch;      height: 100%;      margin-left: 4px;    }    body[data-page="photo-enhancement-station"] .hero-insight-card {      height: 100%;      align-self: stretch;      display: flex;      flex-direction: column;      padding: 11px 12px 10px;      background:        radial-gradient(circle at top left, rgba(86,107,138,0.08), transparent 34%),        linear-gradient(180deg, rgba(10,13,18,0.99), rgba(2,4,7,0.998));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.05),        inset 0 -1px 0 rgba(255,255,255,0.025),        0 28px 52px rgba(0,0,0,0.28),        0 0 22px rgba(136,155,181,0.05);    }    body[data-page="photo-enhancement-station"] .hero-insight-grid {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 7px;      grid-auto-rows: 1fr;      flex: 1 1 auto;    }    body[data-page="photo-enhancement-station"] .hero-insight-item {      min-height: 48px;      padding: 7px 9px;      border-radius: 10px;      display: grid;      grid-template-rows: auto auto;      align-content: center;      gap: 3px;    }    body[data-page="photo-enhancement-station"] .hero-insight-title {      margin-bottom: 8px;      font-size: 0.77rem;    }    body[data-page="photo-enhancement-station"] .hero-insight-label,    body[data-page="photo-enhancement-station"] .hero-insight-value {      font-size: 0.8rem;    }    body[data-page="photo-enhancement-station"] .hero-insight-actions {      margin-top: 7px;      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 6px;    }    body[data-page="photo-enhancement-station"] .hero-insight-actions .button-link,    body[data-page="photo-enhancement-station"] .hero-guides-summary {      min-height: 36px;      font-size: 0.82rem;      padding-top: 8px;      padding-bottom: 8px;    }    body[data-page="photo-enhancement-station"] .hero-insight-actions .button-link {      width: 100%;      text-align: center;      white-space: nowrap;    }    body[data-page="photo-enhancement-station"] .hero-insight-card.subtle .hero-guides-disclosure {      display: flex;      flex: 1 1 auto;      flex-direction: column;      min-height: 0;    }    body[data-page="photo-enhancement-station"] .hero-guides-summary {      display: grid;      grid-template-columns: minmax(0, 1fr) auto auto;      align-items: center;      flex: 1 1 auto;      min-height: 0;      gap: 8px;      line-height: 1.16;    }    body[data-page="photo-enhancement-station"] .hero-guides-disclosure[open] .hero-guides-summary {      flex: 0 0 auto;      min-height: 36px;    }    body[data-page="photo-enhancement-station"] .hero-guides-summary-meta {      min-width: 48px;      text-align: right;      letter-spacing: 0;    }    body[data-page="photo-enhancement-station"] .photo-station-overview {      display: none;    }    @media (max-width: 1180px) {      body[data-page="photo-enhancement-station"] .hero-topbar,      body[data-page="photo-enhancement-station"] .hero-main {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .hero-right {        grid-template-columns: repeat(2, minmax(0, 1fr));        margin-left: 0;      }      body[data-page="photo-enhancement-station"] #photoWorkspace {        grid-template-columns: 1fr;        grid-template-areas:          "stage"          "inspector";      }      body[data-page="photo-enhancement-station"] .photo-station-inspector {        position: static;        max-height: none;      }    }    @media (max-width: 900px) {      body[data-page="photo-enhancement-station"] .editor-page-head {        flex-direction: column;        align-items: stretch;      }      body[data-page="photo-enhancement-station"] .editor-page-links {        justify-content: flex-start;      }      body[data-page="photo-enhancement-station"] .hero-right {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-station-rail {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      body[data-page="photo-enhancement-station"] .photo-rail-header {        grid-column: 1 / -1;      }      body[data-page="photo-enhancement-station"] .photo-stage-footer {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-stage-actions {        width: 100%;      }      body[data-page="photo-enhancement-station"] .photo-panel-tabs {        grid-template-columns: repeat(3, minmax(0, 1fr));      }      body[data-page="photo-enhancement-station"] .photo-editor-control-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));      }    }    @media (max-width: 700px) {      body[data-page="photo-enhancement-station"] .wrap {        padding-left: 12px;        padding-right: 12px;      }      body[data-page="photo-enhancement-station"] .hero-topbar,      body[data-page="photo-enhancement-station"] .hero-top-actions {        flex-direction: column;        align-items: stretch;      }      body[data-page="photo-enhancement-station"] .hero-top-actions {        margin-left: 0;      }      body[data-page="photo-enhancement-station"] .hero-account-toggle,      body[data-page="photo-enhancement-station"] .hero-status-chip {        width: 100%;      }      body[data-page="photo-enhancement-station"] #photoWorkspace {        padding: 12px;        border-radius: 24px;      }      body[data-page="photo-enhancement-station"] .photo-stage-card,      body[data-page="photo-enhancement-station"] .photo-station-inspector {        padding: 10px;        border-radius: 20px;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox {        height: min(58vh, 460px);        min-height: 320px;        padding: 12px;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder {        min-height: 220px;        padding: 30px 18px;        border-radius: 22px;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-title {        font-size: 1.42rem;      }      body[data-page="photo-enhancement-station"] .photo-stage-footer .meta {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-stage-secondary-actions {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-panel-tabs,      body[data-page="photo-enhancement-station"] .photo-editor-control-grid,      body[data-page="photo-enhancement-station"] .photo-button-grid {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-tool-group {        width: 100%;      }    }

.unlock-status-line {      margin-top: 16px;      color: #16a34a;      font-size: 0.94rem;      line-height: 1.55;    }    .unlock-status-line strong,    .unlock-status-line * {      color: #16a34a;    }    .member-signin-card p {      margin: 0 0 10px;      color: var(--muted);      font-size: 0.9rem;      line-height: 1.55;    }    .member-signin-actions {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 8px;      margin-top: 10px;    }    .member-signin-actions button {      width: 100%;    }    .member-signin-actions .member-signin-primary {      grid-column: 1 / -1;      min-height: 50px;      border-radius: 15px;      letter-spacing: -0.01em;    }    .member-signin-actions .member-signin-primary.two-factor-step {      background: linear-gradient(180deg, rgba(178, 196, 220, 0.98), rgba(137, 154, 181, 0.95));      border: 1px solid rgba(198,214,235,0.24);      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);    }    .member-twofactor-shell {      display: none;      margin-top: 6px;      padding: 12px;      border-radius: 15px;      border: 1px solid rgba(156,175,201,0.18);      background: linear-gradient(180deg, rgba(40, 48, 62, 0.94), rgba(23, 28, 39, 0.98));    }    .member-twofactor-shell.is-visible {      display: block;    }    .member-twofactor-shell .field-label {      margin-top: 0;    }    .member-twofactor-note {      color: var(--muted-2);      font-size: 0.84rem;      line-height: 1.5;    }    .member-signin-summary {      margin-top: 10px;      color: var(--muted-2);      line-height: 1.55;    }    body.account-panel-open {      overflow: hidden;    }    body.account-panel-open .workspace-rail,    body.account-panel-open .tool-card,    body.account-panel-open .compact-workspace {      pointer-events: none;    }    body.account-panel-open .account-panel-backdrop,    body.account-panel-open .account-panel,    body.account-panel-open .account-panel * {      pointer-events: auto;    }    .account-panel-backdrop {      position: fixed;      inset: 0;      z-index: 2147483000;      isolation: isolate;      background: rgba(3, 8, 19, 0.68);      backdrop-filter: blur(10px);      opacity: 0;      pointer-events: none;      transition: opacity 0.24s ease;    }    .account-panel-backdrop.open {      opacity: 1;      pointer-events: auto;    }    .account-panel {      position: fixed;      z-index: 1;      pointer-events: auto;      top: 0;      right: 0;      width: min(440px, calc(100vw - 18px));      height: 100%;      padding: 18px 18px 20px;      display: flex;      flex-direction: column;      gap: 14px;      transform: translateX(100%);      transition: transform 0.28s ease;      border-left: 1px solid rgba(151,171,196,0.14);      background:        radial-gradient(circle at top right, rgba(171,185,204,0.1), transparent 32%),        radial-gradient(circle at top left, rgba(111,130,160,0.08), transparent 34%),        linear-gradient(180deg, rgba(18,26,39,0.98), rgba(10,16,27,0.99));      box-shadow: -28px 0 78px rgba(0,0,0,0.42);    }    .account-panel-backdrop.open .account-panel {      transform: translateX(0);    }    body.account-create-panel-open .account-panel-backdrop {      display: flex;      align-items: center;      justify-content: center;      padding: 18px;    }    body.account-create-panel-open .account-panel {      position: relative;      top: auto;      right: auto;      width: min(430px, calc(100vw - 28px));      height: auto;      max-height: calc(100vh - 36px);      border-left: 1px solid rgba(255,255,255,0.12);      border-radius: 18px;      transform: translateY(12px) scale(0.98);      transition: transform 0.24s ease, opacity 0.24s ease;      opacity: 0;      box-shadow: 0 28px 86px rgba(0,0,0,0.48);    }    body.account-create-panel-open .account-panel-backdrop.open .account-panel {      transform: translateY(0) scale(1);      opacity: 1;    }    body.account-create-panel-open .account-panel-summary,    body.account-create-panel-open .account-panel-card:not(.member-signin-card),    body.account-create-panel-open .account-panel-link-row,    body.account-create-panel-open #memberSignInBtn,    body.account-create-panel-open #memberRefreshBtn,    body.account-create-panel-open #memberForgotBtn,    body.account-create-panel-open #memberSignOutBtn {      display: none;    }    body.account-create-panel-open .member-signin-actions {      grid-template-columns: 1fr;    }    body.account-create-panel-open #memberCreateAccountBtn {      min-height: 50px;    }    body.account-create-panel-open .account-panel-body {      overflow-y: visible;      padding-right: 0;    }    .account-panel-header {      display: flex;      align-items: flex-start;      justify-content: space-between;      gap: 14px;    }    .account-panel-intro {      flex: 1 1 auto;      min-width: 0;    }    .account-panel-eyebrow {      display: inline-flex;      align-items: center;      padding: 7px 11px;      border-radius: 999px;      border: 1px solid rgba(156,175,201,0.18);      background: linear-gradient(180deg, rgba(60, 70, 87, 0.72), rgba(32, 39, 50, 0.84));      color: rgba(232,240,250,0.88);      font-size: 0.76rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;    }    .account-panel-title {      margin: 14px 0 8px;      font-size: 1.9rem;      line-height: 0.96;      letter-spacing: -0.04em;    }    .account-panel-copy {      margin: 0;      color: var(--muted-2);      line-height: 1.6;      font-size: 0.95rem;    }    .account-panel-close {      flex: 0 0 auto;      min-width: auto;      padding-inline: 14px;    }    .account-panel-summary {      padding: 16px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.03));      box-shadow: var(--shadow-soft);    }    .account-panel-summary-label {      color: var(--muted);      font-size: 0.76rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;    }    .account-panel-summary-title {      margin-top: 8px;      font-size: 1.16rem;      font-weight: 800;      letter-spacing: -0.02em;      color: var(--text);    }    .account-panel-summary-copy {      margin-top: 8px;      color: var(--muted-2);      line-height: 1.6;      font-size: 0.93rem;    }    .account-panel-body {      flex: 1 1 auto;      overflow-y: auto;      padding-right: 4px;      display: grid;      gap: 12px;    }    .account-panel-card {      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.028));      box-shadow: var(--shadow-soft);      padding: 16px;    }    .account-panel-card-title {      margin: 0 0 10px;      font-size: 0.92rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      color: var(--muted);    }    .account-panel-link-row {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 8px;      margin-top: 12px;    }    .account-panel-link-row .member-account-link {      width: 100%;      margin-top: 0;    }    .account-panel-link-row button {      width: 100%;    }    .account-panel-owner-copy {      margin: 0 0 10px;      color: var(--muted-2);      font-size: 0.9rem;      line-height: 1.55;    }    .member-account-link {      display: none;      margin-top: 10px;      text-align: center;      text-decoration: none;    }    .member-account-link.is-visible {      display: inline-flex;      justify-content: center;      align-items: center;    }    .unlock-modal {      position: fixed;      inset: 0;      display: none;      align-items: center;      justify-content: center;      padding: 22px;      background: rgba(4, 8, 18, 0.72);      backdrop-filter: blur(8px);      z-index: 9999;    }    .unlock-modal.open {      display: flex;    }    .unlock-modal-card {      width: min(100%, 460px);      padding: 24px;      border-radius: 22px;      border: 1px solid rgba(255,255,255,0.12);      background: linear-gradient(180deg, rgba(18,25,45,0.98), rgba(12,18,35,0.98));      box-shadow: 0 24px 60px rgba(0,0,0,0.45);    }    .unlock-modal-card h3 {      margin: 0 0 10px;      font-size: 1.35rem;      letter-spacing: -0.03em;    }    .unlock-modal-card p {      margin: 0 0 14px;      color: var(--muted);      line-height: 1.6;    }    .unlock-credit-grid {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px;      margin: 16px 0 18px;    }    .unlock-credit-card {      padding: 13px 14px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(255,255,255,0.04);    }    .unlock-credit-card strong {      display: block;      margin-bottom: 4px;      font-size: 0.97rem;    }    .unlock-credit-card span {      color: var(--muted);      font-size: 0.88rem;    }    .unlock-modal-actions {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 10px;    }    .unlock-modal .cf-turnstile {      margin-top: 14px;      min-height: 70px;    }    @media (max-width: 700px) {      .hero-topbar {        grid-template-columns: 1fr;      }      .hero-top-actions {        grid-template-columns: 1fr;        align-items: stretch;      }      .hero-account-toggle,      .hero-status-chip {        width: 100%;      }      .hero-account-toggle {        justify-content: space-between;      }      .account-panel {        width: 100%;        padding-inline: 14px;      }      .account-panel-header,      .account-panel-link-row {        grid-template-columns: 1fr;      }      .account-panel-header {        display: grid;      }      .unlock-credit-grid {        grid-template-columns: 1fr;      }      .unlock-modal-actions {        flex-direction: column;      }      .unlock-modal-actions button {        width: 100%;      }      .member-signin-actions {        grid-template-columns: 1fr;      }    }    /* Unified member access pills. */    .hero-status-chip,    .hero-status-chip.online,    .hero-status-chip.offline {      min-height: 50px;      padding: 0 18px;      border-radius: 999px;      border: 1px solid rgba(34, 197, 94, 0.4);      background:        radial-gradient(circle at top, rgba(42, 168, 95, 0.16), transparent 58%),        linear-gradient(180deg, rgba(7, 43, 34, 0.98), rgba(5, 22, 26, 0.98));      color: #effff4;      font-size: 0.84rem;      font-weight: 800;      gap: 10px;      box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.08),        0 16px 34px rgba(0, 0, 0, 0.28),        0 0 28px rgba(34, 197, 94, 0.08);    }    .hero-status-label,    .hero-status-value {      display: inline-flex !important;      align-items: center;      line-height: 1;    }    .hero-status-chip .service-dot {      width: 8px;      height: 8px;      border-radius: 999px;      background: #32d66d;      box-shadow: 0 0 12px rgba(50, 214, 109, 0.46);    }    body[data-page="ai-image-generator"] .hero-status-chip::before {      content: none !important;      display: none !important;    }    .hero-account-toggle,    .account-panel-launch,    .hero-account-toggle.is-active,    .hero-account-toggle.is-open,    .account-panel-launch.is-active,    .account-panel-launch.is-open {      min-height: 50px;      padding: 0 22px;      border-radius: 999px;      border: 1px solid rgba(70, 92, 130, 0.36);      background:        radial-gradient(circle at top, rgba(71, 95, 142, 0.22), transparent 62%),        linear-gradient(180deg, rgba(22, 38, 72, 0.98), rgba(9, 18, 42, 0.99));      color: #f3f7ff;      font-size: 0.84rem;      font-weight: 800;      justify-content: center;      text-align: center;      box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.08),        0 16px 34px rgba(0, 0, 0, 0.28),        0 0 24px rgba(64, 89, 138, 0.12);    }    .hero-account-toggle:hover,    .account-panel-launch:hover {      border-color: rgba(100, 128, 176, 0.48);      filter: brightness(1.06);      transform: translateY(-1px);    }    .hero-account-copy,    .account-panel-launch .hero-account-copy {      display: block;      text-align: center;    }    .hero-account-title {      color: #f3f7ff;      font-size: 0.84rem;      font-weight: 800;      line-height: 1;      white-space: nowrap;    }    .hero-account-meta,    .hero-account-badge {      display: none !important;    }    /* Unified member pill layout. */    .hero-topbar {      display: grid;      grid-template-columns: minmax(0, 1.14fr) minmax(520px, 0.86fr);      gap: 12px;    }    .hero-top-actions,    .member-menu-top-actions {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      align-items: center;      justify-content: stretch;      gap: 10px;      width: 100%;    }    .hero-status-chip {      width: 100%;      min-width: 0;    }    .hero-account-toggle,    .account-panel-launch {      width: 100%;      min-width: 0;      max-width: none;    }    @media (max-width: 1120px) {      .hero-topbar {        grid-template-columns: 1fr;      }      .hero-top-actions,      .member-menu-top-actions {        width: 100%;      }    }    @media (max-width: 700px) {      .hero-topbar {        grid-template-columns: 1fr;      }      .hero-top-actions,      .member-menu-top-actions {        grid-template-columns: 1fr;        justify-content: stretch;        width: 100%;      }      .hero-status-chip,      .hero-account-toggle,      .account-panel-launch {        width: 100%;        min-width: 0;      }    }    /* Unified member account sidebar. */    .account-panel,    .account-panel * {      box-sizing: border-box;      letter-spacing: 0;    }    .account-panel-backdrop {      background: rgba(2, 6, 14, 0.72);      backdrop-filter: blur(11px);    }    .account-panel {      width: min(430px, 100vw);      padding: 18px 18px 22px;      gap: 12px;      color: #eef4ff;      border-left: 1px solid rgba(148, 163, 184, 0.18);      background:        radial-gradient(circle at top right, rgba(61, 92, 155, 0.16), transparent 30%),        linear-gradient(180deg, rgba(18, 27, 44, 0.99), rgba(8, 13, 25, 0.99));      box-shadow: -30px 0 80px rgba(0, 0, 0, 0.5);    }    .account-panel-header {      align-items: flex-start;      gap: 16px;    }    .account-panel-eyebrow {      min-height: 30px;      padding: 0 12px;      border-radius: 999px;      border: 1px solid rgba(161, 178, 204, 0.28);      background: linear-gradient(180deg, rgba(47, 59, 78, 0.94), rgba(25, 35, 53, 0.98));      color: #e7edf8;      font-size: 0.78rem;      font-weight: 800;      text-transform: uppercase;    }    .account-panel-title {      margin: 10px 0 6px;      color: #f4f7ff;      font-size: 1.78rem;      line-height: 1.05;      font-weight: 900;      letter-spacing: 0 !important;    }    .account-panel-copy,    .account-panel-summary-copy,    .member-signin-card p,    .account-panel-owner-copy {      color: #c9d4e6;      font-size: 0.92rem;      line-height: 1.45;    }    .account-panel-close.secondary,    .account-panel .secondary {      border-radius: 12px;      border: 1px solid rgba(148, 163, 184, 0.18);      background: linear-gradient(180deg, rgba(43, 55, 75, 0.92), rgba(27, 37, 56, 0.96));      color: #f1f5ff;      font-weight: 800;      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);    }    .account-panel-close.secondary {      min-height: 46px;      padding: 0 18px;    }    .account-panel-summary,    .account-panel-card {      border-radius: 16px;      border: 1px solid rgba(148, 163, 184, 0.18);      background: linear-gradient(180deg, rgba(30, 39, 59, 0.96), rgba(17, 25, 41, 0.98));      box-shadow: none;    }    .account-panel-summary {      padding: 16px;    }    .account-panel-summary-label,    .account-panel-card-title {      color: #b8c3d4;      font-size: 0.82rem;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 0 !important;    }    .account-panel-summary-title {      color: #f2f5fb;      font-size: 1.12rem;      line-height: 1.25;      font-weight: 900;      letter-spacing: 0 !important;    }    .account-panel-card {      padding: 16px;    }    .account-panel-body {      gap: 14px;      padding-right: 4px;      scrollbar-color: rgba(199, 211, 229, 0.72) rgba(17, 24, 39, 0.9);    }    .account-panel .field-label {      display: block;      margin: 12px 0 6px;      color: #e2e8f0;      font-size: 0.86rem;      font-weight: 800;      line-height: 1.25;    }    .account-panel .text-input {      width: 100%;      min-height: 46px;      padding: 0 14px;      border-radius: 13px;      border: 1px solid rgba(148, 163, 184, 0.25);      background: linear-gradient(180deg, rgba(22, 32, 51, 0.98), rgba(15, 23, 38, 0.98));      color: #f8fbff;      font-weight: 700;      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);    }    .account-panel .text-input::placeholder {      color: rgba(211, 220, 235, 0.55);    }    .account-panel .text-input:focus {      outline: 2px solid rgba(155, 176, 207, 0.55);      outline-offset: 2px;      border-color: rgba(185, 203, 230, 0.55);    }    .member-signin-actions {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 9px;      margin-top: 12px;    }    .member-signin-actions button,    .account-panel-link-row .member-account-link,    .account-panel-link-row button {      min-height: 44px;      width: 100%;      justify-content: center;      text-align: center;      font-size: 0.94rem;      white-space: normal;    }    .member-signin-actions .member-signin-primary {      grid-column: 1 / -1;      min-height: 52px;      border-radius: 16px;      border: 1px solid rgba(190, 207, 232, 0.7);      background: linear-gradient(180deg, rgba(184, 205, 230, 0.98), rgba(143, 162, 191, 0.98));      color: #070d18;      font-weight: 900;      box-shadow: 0 18px 34px rgba(5, 12, 24, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.24);    }    .member-signin-actions .member-signin-primary.two-factor-step {      border-color: rgba(145, 191, 255, 0.42);      background: linear-gradient(180deg, rgba(113, 151, 208, 0.98), rgba(78, 112, 170, 0.98));      color: #f8fbff;      box-shadow: 0 18px 34px rgba(34, 70, 140, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);    }    .member-twofactor-shell {      border-radius: 14px;      border: 1px solid rgba(148, 163, 184, 0.18);      background: rgba(15, 23, 38, 0.72);    }    .account-panel-link-row {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 9px;      margin-top: 12px;    }    .account-panel .status {      margin-top: 12px;      border-radius: 14px;    }    body[data-page="ai-image-generator"] .member-signin-card #unlockBtn,    body[data-page="ai-image-generator"] .member-signin-card #refreshCreditsBtn,    body[data-page="ai-image-generator"] .member-signin-card #unlockTurnstile {      display: none !important;    }    @media (max-width: 700px) {      .account-panel {        width: 100%;        padding-inline: 14px;      }      .account-panel-header,      .account-panel-link-row,      .member-signin-actions {        grid-template-columns: 1fr;      }      .account-panel-header {        display: grid;      }    }    body[data-page="photo-enhancement-station"] .hero-account-toggle,    body[data-page="photo-enhancement-station"] .hero-account-toggle.is-active,    body[data-page="photo-enhancement-station"] .hero-account-toggle.is-open,    body[data-page="photo-enhancement-station"] .account-panel-launch,    body[data-page="photo-enhancement-station"] .account-panel-launch.is-active,    body[data-page="photo-enhancement-station"] .account-panel-launch.is-open,    body[data-page="photo-enhancement-station"] .eyebrow,    body[data-page="photo-enhancement-station"] .button-link.primary,    body[data-page="photo-enhancement-station"] .button-link.secondary,    body[data-page="photo-enhancement-station"] button.primary,    body[data-page="photo-enhancement-station"] button.secondary:not(.destructive-soft),    body[data-page="photo-enhancement-station"] .hero-guides-summary,    body[data-page="photo-enhancement-station"] #videoWorkspace .workspace-guide-link,    body[data-page="photo-enhancement-station"] #videoWorkspace .editor-stage-action,    body[data-page="photo-enhancement-station"] .member-signin-actions .member-signin-primary,    body[data-page="photo-enhancement-station"] .member-signin-actions .member-signin-primary.two-factor-step {      border-color: rgba(150,166,190,0.24) !important;      background:        radial-gradient(circle at top, rgba(158,172,194,0.08), transparent 58%),        linear-gradient(180deg, rgba(30,37,49,0.98), rgba(8,11,16,0.995)) !important;      color: #f4f7fb !important;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.07),        0 16px 34px rgba(0,0,0,0.3),        0 0 18px rgba(148,163,184,0.05) !important;    }    .consent-settings-button {      appearance: none;      -webkit-appearance: none;      border: 0;      min-height: 0;      padding: 0;      background: transparent;      color: inherit;      font: inherit;      text-align: left;      cursor: pointer;    }    .consent-settings-button:hover,    .consent-settings-button:focus-visible {      color: #f3f7ff;      text-decoration: underline;    }
    @media (max-width: 700px) {
      body[data-page="photo-enhancement-station"] .hero-topbar {
        grid-template-columns: 1fr;
      }
      body[data-page="photo-enhancement-station"] .hero-top-actions {
        grid-template-columns: 1fr;
        justify-self: stretch;
        width: 100%;
      }
    }
    body[data-page="photo-enhancement-station"] .hero-insight-actions {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (max-width: 820px) {
      body[data-page="photo-enhancement-station"] .photo-station-pricing-panel {
        width: calc(100% + 12px) !important;
        margin-left: -6px !important;
        margin-right: -6px !important;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid,
      body[data-page="photo-enhancement-station"] .hero-insight-actions {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: none;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-card {
        grid-template-columns: 1fr;
        grid-template-areas:
          "kicker"
          "title"
          "price"
          "copy"
          "button";
        min-height: 0;
      }
      body[data-page="photo-enhancement-station"] #photoPaymentActions {
        grid-template-columns: 1fr;
        max-width: none;
      }
    }
body[data-page="photo-enhancement-station"] .account-panel-backdrop {
  overflow: hidden;
}
body[data-page="photo-enhancement-station"] .account-panel-backdrop:not(.open) .account-panel {
  transform: translateX(0);
  visibility: hidden;
}
body[data-page="photo-enhancement-station"] .account-panel-backdrop.open .account-panel {
  visibility: visible;
}
body[data-page="photo-enhancement-station"] {
  overflow-x: hidden;
}