/* Photo Editing Station deferred page styles. */
/* Deferred editor workspace and below-fold controls. */
.site-footer {      margin-top: 28px;      padding: 22px 24px;      color: var(--muted-2);      font-size: 0.95rem;      display: grid;      gap: 16px;    }
.site-footer a {      color: #b9c8dc;    }
.footer-top {      display: flex;      align-items: center;      justify-content: space-between;      gap: 10px 18px;      flex-wrap: wrap;    }
.footer-brand {      font-weight: 700;      color: #e6eeff;    }
.footer-contact {      color: var(--muted-2);    }
.footer-groups {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 14px;    }
.footer-group {      border: 1px solid rgba(255,255,255,0.1);      border-radius: 14px;      background: rgba(255,255,255,0.03);      padding: 10px 12px;      min-height: 86px;    }
.footer-group-title {      font-size: 0.76rem;      letter-spacing: 0.08em;      text-transform: uppercase;      color: var(--muted);      margin-bottom: 8px;      font-weight: 700;    }
.footer-links {      display: flex;      flex-wrap: wrap;      gap: 8px 14px;      line-height: 1.45;    }
.footer-meta {      border-top: 1px solid rgba(255,255,255,0.09);      padding-top: 12px;      color: var(--muted);      font-size: 0.88rem;    }
.workspace-rail {      position: static;      top: auto;      z-index: auto;      margin-top: 16px;      padding: 12px;      display: grid;      grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);      gap: 12px;      background: rgba(10, 17, 32, 0.94);      border: 1px solid rgba(255,255,255,0.11);      backdrop-filter: blur(14px);      box-shadow: 0 18px 36px rgba(7, 12, 24, 0.38);    }
.tool-jump-nav {      position: static;      top: auto;      z-index: auto;      margin-top: 0;      padding: 0;      display: grid;      grid-template-columns: repeat(4, minmax(0, 1fr));      gap: 8px;      background: none;      border: 0;      backdrop-filter: none;    }
.tool-jump-link {      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 42px;      border-radius: 12px;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(255,255,255,0.03);      color: var(--muted-2);      text-decoration: none;      font-weight: 700;      font-size: 0.9rem;      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;    }
.tool-jump-link:hover {      background: rgba(158,171,189,0.12);      border-color: rgba(158,171,189,0.22);      color: #f1f6ff;    }
.tool-jump-link.active {      background: linear-gradient(180deg, rgba(72,84,103,0.9), rgba(37,45,58,0.96));      border-color: rgba(158,171,189,0.28);      color: #f6f9ff;      box-shadow: 0 10px 18px rgba(0,0,0,0.34);    }
.usage-sticky-bar {      position: static;      top: auto;      z-index: auto;      margin-top: 0;      padding: 0;      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 8px;      background: none;      border: 0;      backdrop-filter: none;      align-content: start;    }
.usage-chip {      border-radius: 12px;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(255,255,255,0.03);      padding: 10px 11px;      display: flex;      flex-direction: column;      gap: 3px;      min-height: 0;      justify-content: center;    }
.usage-chip-label {      color: var(--muted);      font-size: 0.73rem;      text-transform: uppercase;      letter-spacing: 0.08em;      font-weight: 700;    }
.usage-chip-value {      font-size: 0.92rem;      font-weight: 800;      color: #e7eeff;      line-height: 1.25;    }
.usage-chip-compact {      display: none;    }
.section-intro {      margin-top: 24px;      display: flex;      align-items: flex-end;      justify-content: space-between;      gap: 16px;      padding: 0 6px;    }
.section-intro-copy h2 {      margin: 0 0 8px;      font-size: 1.55rem;      letter-spacing: -0.03em;    }
.section-intro-copy p {      margin: 0;      color: var(--muted);      line-height: 1.6;      max-width: 62ch;    }
.section-intro-badge {      flex: 0 0 auto;      padding: 10px 14px;      border-radius: 999px;      border: 1px solid rgba(158,171,189,0.2);      background: rgba(158,171,189,0.08);      color: #d8e5ff;      font-size: 0.9rem;      white-space: nowrap;    }
.section-intro-centered {      justify-content: center;      align-items: center;      text-align: center;      padding: 0;      gap: 0;    }
.section-intro-badge-large {      padding: 14px 22px;      font-size: 1rem;      font-weight: 700;      letter-spacing: -0.01em;      display: inline-block;      margin: 0 auto 18px;      box-shadow: none;      opacity: 0.9;      border-color: rgba(158,171,189,0.24);      background: linear-gradient(135deg, rgba(82,94,112,0.34), rgba(43,51,64,0.42));    }
.workspace-intro-centered {      margin-top: 60px;      margin-bottom: 10px;    }
.post-sticky-intro {      margin-top: 24px;      margin-bottom: 8px;    }
.tool-section-label {      display: inline-flex;      align-items: center;      gap: 8px;      padding: 7px 10px;      margin-bottom: 10px;      border-radius: 999px;      font-size: 0.8rem;      color: #d6deea;      background: rgba(158,171,189,0.08);      border: 1px solid rgba(158,171,189,0.16);    }
.section-grid {      margin-top: 22px;      display: grid;      grid-template-columns: 1fr 1fr;      gap: 22px;      align-items: start;    }
#photoWorkspace .tool-card,    #videoWorkspace .tool-card {      background:        radial-gradient(circle at top right, rgba(153,167,187,0.06), transparent 36%),        linear-gradient(180deg, rgba(24,31,42,0.97), rgba(12,16,24,0.985));      border-color: rgba(137,155,182,0.14);    }
.tool-card {      padding: 20px;    }
.tool-head {      margin-bottom: 16px;    }
.tool-card h2 {      margin: 0 0 10px;      font-size: 1.4rem;      letter-spacing: -0.02em;    }
.tool-card p {      color: var(--muted);      margin: 0;      line-height: 1.6;    }
.dropzone {      position: relative;      border: 1px dashed rgba(158,171,189,0.22);      background:        radial-gradient(circle at top, rgba(153, 167, 187, 0.06), transparent 68%),        linear-gradient(180deg, rgba(30, 36, 47, 0.9), rgba(16, 20, 28, 0.96));      border-radius: 20px;      padding: 28px 18px;      text-align: center;      transition: 0.2s ease;      margin-top: 18px;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);    }
.dropzone:hover {      border-color: rgba(174,188,208,0.28);      background:        radial-gradient(circle at top, rgba(166, 181, 201, 0.08), transparent 70%),        linear-gradient(180deg, rgba(35, 42, 55, 0.92), rgba(18, 23, 32, 0.97));    }
body.service-offline .dropzone {      opacity: 0.58;      filter: saturate(0.82);    }
body.service-offline .dropzone:hover {      border-color: rgba(156,175,201,0.24);      background:        radial-gradient(circle at top, rgba(166, 186, 214, 0.08), transparent 68%),        linear-gradient(180deg, rgba(34, 41, 55, 0.88), rgba(21, 26, 37, 0.94));    }
.dropzone.dragover {      border-color: rgba(186,199,217,0.34);      background:        radial-gradient(circle at top, rgba(178, 192, 211, 0.1), transparent 70%),        linear-gradient(180deg, rgba(38, 46, 60, 0.94), rgba(21, 27, 38, 0.98));      transform: translateY(-1px);    }
.dropzone input {      position: absolute;      inset: 0;      opacity: 0;      cursor: pointer;    }
.dropzone .icon {      font-size: 2rem;      margin-bottom: 10px;      display: block;    }
.dropzone strong {      display: block;      font-size: 1rem;      margin-bottom: 8px;    }
.filename {      margin-top: 8px;      color: #dbe6ff;      font-size: 0.95rem;      word-break: break-word;    }
.field-label {      display: block;      margin: 14px 0 8px;      color: #d6def8;      font-weight: 700;      font-size: 0.93rem;      letter-spacing: -0.01em;    }
.field-label.tight {      margin-top: 10px;    }
.select,    .range,    .text-input,    .textarea-input {      width: 100%;      margin-bottom: 8px;    }
.select,    .text-input,    .textarea-input {      padding: 12px 13px;      border-radius: 13px;      background: linear-gradient(180deg, rgba(34, 41, 55, 0.94), rgba(21, 26, 37, 0.98));      color: white;      border: 1px solid rgba(146,162,190,0.18);      outline: none;      transition: 0.18s ease;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);    }
.select:focus,    .text-input:focus,    .textarea-input:focus {      border-color: rgba(158,171,189,0.36);      box-shadow: 0 0 0 1px rgba(158,171,189,0.12);    }
.select option,    .select optgroup {      background: #111722;      color: #eef4ff;    }
.textarea-input {      resize: vertical;      min-height: 82px;      font-family: inherit;    }
.range {      accent-color: #8f9caf;    }
.quality-readout {      color: var(--muted);      font-size: 0.91rem;      margin-bottom: 6px;    }
.preview-card {      display: flex;      flex-direction: column;      gap: 14px;      min-height: 100%;    }
.preview-box {      min-height: 360px;      border-radius: 20px;      background:        radial-gradient(circle at top, rgba(153, 167, 187, 0.06), transparent 62%),        linear-gradient(180deg, rgba(31, 38, 49, 0.96), rgba(16, 20, 28, 0.985));      border: 1px solid rgba(137,155,182,0.14);      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;      position: relative;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 20px 44px rgba(0,0,0,0.22);    }
.preview-box.is-empty {      min-height: 220px;      background:        radial-gradient(circle at top, rgba(160, 175, 196, 0.08), transparent 58%),        linear-gradient(180deg, rgba(35, 42, 55, 0.96), rgba(18, 23, 32, 0.985));    }
.preview-box.image-preview-large {      min-height: 360px;    }
.preview-box.video-preview-large {      min-height: 420px;    }
.preview-box.video-preview-large.is-empty {      min-height: 240px;    }
.preview-box img,    .preview-box video {      display: block;      object-fit: contain;      background: transparent;    }
.preview-box video {      width: 100%;      height: 100%;    }
#previewImage {      width: auto;      height: auto;      max-width: 100%;      max-height: 100%;    }
.preview-help {      color: var(--muted);      font-size: 12px;      line-height: 1.5;      margin-top: -2px;    }
.placeholder {      display: grid;      gap: 10px;      justify-items: center;      padding: 24px;      text-align: center;      color: var(--muted);      line-height: 1.7;      max-width: 36ch;    }
.placeholder-badge {      display: inline-flex;      align-items: center;      justify-content: center;      padding: 7px 11px;      border-radius: 999px;      background: linear-gradient(180deg, rgba(57, 66, 80, 0.84), rgba(31, 37, 47, 0.92));      border: 1px solid rgba(158,171,189,0.16);      color: rgba(234,241,250,0.88);      font-size: 0.76rem;      font-weight: 800;      letter-spacing: 0.06em;      text-transform: uppercase;    }
.placeholder-title {      color: var(--text);      font-size: 1.02rem;      font-weight: 800;      line-height: 1.3;    }
.placeholder-copy {      color: var(--muted-2);      font-size: 0.93rem;      line-height: 1.65;      max-width: 32ch;    }
.meta {      display: grid;      grid-template-columns: repeat(2, 1fr);      gap: 10px;    }
.meta .item {      background: linear-gradient(180deg, rgba(31, 37, 47, 0.95), rgba(16, 20, 28, 0.985));      border: 1px solid rgba(137,155,182,0.14);      border-radius: 14px;      padding: 12px 13px;      min-height: 76px;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);    }
.meta .label {      color: var(--muted);      font-size: 0.8rem;      margin-bottom: 5px;      text-transform: uppercase;      letter-spacing: 0.05em;    }
.meta .value {      font-weight: 700;      word-break: break-word;      line-height: 1.45;      font-size: 0.95rem;    }
.footer-note {      display: none;      margin-top: 18px;      color: var(--muted);      text-align: center;      font-size: 0.9rem;    }
.preset-section {      margin-top: 16px;      margin-bottom: 12px;    }
.preset-row {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 12px;      margin-top: 10px;    }
.preset-chip {      border: 1px solid rgba(144,160,188,0.14);      border-radius: 18px;      padding: 16px 16px 15px;      background:        radial-gradient(circle at top, rgba(164, 183, 209, 0.08), transparent 62%),        linear-gradient(180deg, rgba(36, 43, 57, 0.94), rgba(21, 26, 36, 0.98));      color: var(--text);      cursor: pointer;      text-align: left;      transition: 0.2s ease;      min-height: 112px;      display: flex;      flex-direction: column;      justify-content: space-between;      box-shadow: var(--shadow-soft);    }
.preset-chip:hover {      transform: translateY(-1px);      border-color: rgba(171,190,215,0.24);      background:        radial-gradient(circle at top, rgba(176, 197, 224, 0.12), transparent 64%),        linear-gradient(180deg, rgba(40, 48, 64, 0.96), rgba(24, 30, 42, 0.98));    }
.preset-chip.active {      border-color: var(--border-strong);      background:        radial-gradient(circle at top, rgba(184, 203, 226, 0.16), transparent 58%),        linear-gradient(180deg, rgba(47, 57, 74, 0.98), rgba(28, 34, 46, 0.98));      box-shadow:        0 0 0 1px rgba(166, 185, 210, 0.14) inset,        0 18px 32px rgba(0, 0, 0, 0.24);    }
.preset-top {      display: flex;      align-items: center;      justify-content: space-between;      gap: 10px;      margin-bottom: 10px;    }
.preset-name {      display: block;      font-size: 1.05rem;      font-weight: 800;      color: #f3f6ff;      letter-spacing: -0.02em;    }
.preset-pill {      padding: 5px 9px;      border-radius: 999px;      background: rgba(255,255,255,0.08);      border: 1px solid rgba(255,255,255,0.08);      color: #dbe7ff;      font-size: 0.74rem;      font-weight: 700;      white-space: nowrap;    }
.preset-main {      color: #eaf0ff;      font-size: 0.92rem;      line-height: 1.45;      font-weight: 600;      margin-bottom: 4px;    }
.preset-sub {      display: none;      color: var(--muted);      font-size: 0.84rem;      line-height: 1.4;    }
.select-group {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 12px;      margin-top: 2px;    }
.photo-finish-grid,    .photo-adjust-grid {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 12px;      margin-top: 14px;    }
.photo-adjust-card,    .photo-reset-card {      padding: 14px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.08);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));    }
.photo-adjust-card .field-label,    .photo-reset-card .field-label {      margin-top: 0;    }
.photo-reset-card {      display: flex;      flex-direction: column;      justify-content: space-between;      gap: 10px;    }
.collapsible {      margin-top: 14px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025));      overflow: hidden;      box-shadow: var(--shadow-soft);    }
.collapse-toggle {      width: 100%;      background: transparent;      border: 0;      color: var(--text);      padding: 16px 16px;      min-height: unset;      border-radius: 0;      display: flex;      align-items: center;      justify-content: space-between;      gap: 14px;      font-size: 0.98rem;      font-weight: 800;      box-shadow: none;    }
.collapse-toggle:hover {      transform: none;      filter: none;      background: rgba(255,255,255,0.04);    }
.collapse-left {      display: flex;      align-items: center;      gap: 12px;      min-width: 0;    }
.collapse-badge {      width: 38px;      height: 38px;      border-radius: 12px;      display: inline-flex;      align-items: center;      justify-content: center;      background: rgba(158,171,189,0.1);      border: 1px solid rgba(158,171,189,0.16);      color: #dce3ef;      font-size: 1rem;      flex: 0 0 auto;    }
.collapse-title-wrap {      display: flex;      flex-direction: column;      align-items: flex-start;      gap: 4px;      min-width: 0;    }
.collapse-title {      font-size: 1rem;      font-weight: 800;      letter-spacing: -0.01em;    }
.collapse-sub {      color: var(--muted);      font-size: 0.82rem;      font-weight: 500;      line-height: 1.4;      text-align: left;    }
.collapse-icon {      font-size: 1rem;      color: var(--muted);      transition: transform 0.2s ease;      flex: 0 0 auto;    }
.collapsible.open > .collapse-toggle .collapse-icon {

      transform: rotate(180deg);
    }
.collapse-content {      display: none;      padding: 0 16px 16px;      border-top: 1px solid rgba(255,255,255,0.06);    }
.collapsible.open > .collapse-content {
      display: block;
    }
.collapse-content .select-group {      margin-top: 10px;    }
.progress-wrap {      margin-top: 14px;      display: none;    }
.progress-header {      display: flex;      justify-content: space-between;      align-items: center;      color: #cfd8f6;      font-size: 0.92rem;      margin-bottom: 8px;    }
.progress-track {      width: 100%;      height: 12px;      border-radius: 999px;      overflow: hidden;      border: 1px solid var(--border);      background: rgba(255,255,255,0.06);    }
.progress-fill {        width: 100%;        height: 100%;        border-radius: 999px;        background: linear-gradient(135deg, var(--accent), var(--accent-2));        transform-origin: left center;        transform: scaleX(0);        transition: transform 0.35s ease;        box-shadow: 0 0 20px rgba(110,168,254,0.25);      }
.progress-fill.processing-live {        background-size: 200% 100%;        animation: processingSweep 1.6s linear infinite;      }
@keyframes processingSweep {      0% { background-position: 0% 50%; }      100% { background-position: 200% 50%; }    }
.mini-note {      color: var(--muted);      font-size: 0.84rem;      margin-top: 4px;    }
body[data-page="photo-enhancement-station"] .section-intro.section-intro-centered.workspace-intro-centered {      display: none;    }
body[data-page="photo-enhancement-station"] #workspaceRail,    body[data-page="photo-enhancement-station"] .post-sticky-intro,    body[data-page="photo-enhancement-station"] #videoWorkspace,    body[data-page="photo-enhancement-station"] #videoSamplesSectionIntro,    body[data-page="photo-enhancement-station"] #demoSamples,    body[data-page="photo-enhancement-station"] #videoPricingSectionIntro,    body[data-page="photo-enhancement-station"] #pricingSection,    body[data-page="photo-enhancement-station"] .section-divider,    body[data-page="photo-enhancement-station"] .services-section,    body[data-page="photo-enhancement-station"] #customRequestShell {      display: none;    }
body[data-page="photo-enhancement-station"] #photoWorkspace {      margin-top: 14px;      grid-template-columns: minmax(0, 1fr);      gap: 18px;      align-items: start;    }
body[data-page="photo-enhancement-station"] #photoWorkspace > * {      min-width: 0;      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-toolbar {      display: grid;      gap: 12px;      align-items: start;    }
body[data-page="photo-enhancement-station"] .photo-station-rail {      position: static;      display: flex;      align-items: center;      justify-content: flex-start;      gap: 10px;      flex-wrap: wrap;      width: fit-content;      max-width: 100%;      margin-top: 0;      padding: 10px 12px;      border-radius: 999px;      border: 1px solid rgba(137,155,182,0.14);      background:        radial-gradient(circle at top, rgba(153,167,187,0.06), transparent 52%),        linear-gradient(180deg, rgba(29,37,48,0.95), rgba(13,18,27,0.985));      box-shadow:        0 18px 38px rgba(0,0,0,0.32),        0 10px 24px rgba(57,69,87,0.05),        inset 0 1px 0 rgba(255,255,255,0.04);      overflow: hidden;    }
body[data-page="photo-enhancement-station"] .photo-rail-header {      display: flex;      flex-direction: column;      gap: 2px;      align-items: flex-start;      justify-content: center;      padding: 0 10px 0 2px;      margin-right: 2px;      border-right: 1px solid rgba(255,255,255,0.08);    }
body[data-page="photo-enhancement-station"] .photo-rail-eyebrow {      font-size: 0.62rem;      font-weight: 800;      letter-spacing: 0.14em;      text-transform: uppercase;      color: #aeb9ca;    }
body[data-page="photo-enhancement-station"] .photo-rail-title {      font-size: 0.88rem;      font-weight: 800;      letter-spacing: -0.02em;      color: #f4f8ff;    }
body[data-page="photo-enhancement-station"] .photo-rail-link {      display: flex;      align-items: center;      justify-content: center;      gap: 8px;      padding: 9px 14px;      min-width: 108px;      min-height: 0;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.08);      background: rgba(255,255,255,0.028);      text-decoration: none;      color: var(--muted-2);      transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;    }
body[data-page="photo-enhancement-station"] .photo-rail-link:hover,    body[data-page="photo-enhancement-station"] .photo-rail-link:focus-visible,    body[data-page="photo-enhancement-station"] .photo-rail-link.is-active {      transform: translateY(-1px);      border-color: rgba(158,171,189,0.24);      background:        radial-gradient(circle at top, rgba(163, 177, 197, 0.08), transparent 62%),        linear-gradient(180deg, rgba(46, 55, 69, 0.96), rgba(24, 30, 41, 0.98));      color: var(--text);      outline: none;    }
body[data-page="photo-enhancement-station"] .photo-rail-icon {      width: 24px;      height: 24px;      display: grid;      place-items: center;      border-radius: 999px;      background: rgba(6, 12, 28, 0.46);      border: 1px solid rgba(255,255,255,0.08);      font-size: 0.62rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      flex: 0 0 auto;    }
body[data-page="photo-enhancement-station"] .photo-rail-text {      font-size: 0.68rem;      font-weight: 800;      letter-spacing: 0.09em;      text-transform: uppercase;      text-align: left;      line-height: 1;    }
body[data-page="photo-enhancement-station"] .photo-stage-card,    body[data-page="photo-enhancement-station"] .photo-station-inspector {      padding: 20px;      border-radius: 24px;      border: 1px solid rgba(137,155,182,0.14);      background:        radial-gradient(circle at top, rgba(153, 167, 187, 0.055), transparent 58%),        linear-gradient(180deg, rgba(27, 34, 45, 0.97), rgba(12, 16, 24, 0.99));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 24px 52px rgba(0,0,0,0.36),        0 0 26px rgba(90,104,126,0.04);    }
body[data-page="photo-enhancement-station"] .photo-stage-card {      display: flex;      flex-direction: column;      gap: 18px;      align-self: start;      min-height: 0;    }
body[data-page="photo-enhancement-station"] #imagePreviewCard.is-empty {      display: grid;    }
body[data-page="photo-enhancement-station"] .photo-station-inspector {      position: static;      top: auto;      display: grid;      gap: 14px;      align-self: start;    }
body[data-page="photo-enhancement-station"] .photo-compact-card,    body[data-page="photo-enhancement-station"] .photo-help-card,    body[data-page="photo-enhancement-station"] .photo-action-cluster {      padding: 14px;      border-radius: 18px;      border: 1px solid rgba(137,155,182,0.12);      background:        radial-gradient(circle at top right, rgba(153, 167, 187, 0.055), transparent 48%),        linear-gradient(180deg, rgba(30, 37, 48, 0.95), rgba(15, 19, 27, 0.99));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);    }
body[data-page="photo-enhancement-station"] .photo-upload-dock {      gap: 12px;      margin-top: 2px;    }
body[data-page="photo-enhancement-station"] .photo-panel-shell {      display: grid;      gap: 14px;      min-width: 0;    }
body[data-page="photo-enhancement-station"] .photo-panel-tabs {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-panel-tab {      min-height: 42px;      padding: 10px 12px;      border-radius: 14px;      border: 1px solid rgba(255,255,255,0.09);      background: rgba(255,255,255,0.028);      color: rgba(220, 229, 255, 0.74);      font-size: 0.78rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      cursor: pointer;      transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;    }
body[data-page="photo-enhancement-station"] .photo-panel-tab:hover,    body[data-page="photo-enhancement-station"] .photo-panel-tab:focus-visible,    body[data-page="photo-enhancement-station"] .photo-panel-tab.is-active {      transform: translateY(-1px);      border-color: rgba(158,171,189,0.22);      background: linear-gradient(180deg, rgba(72,84,103,0.88), rgba(39,47,60,0.96));      color: var(--text);      outline: none;    }
body[data-page="photo-enhancement-station"] .photo-panel-body {      min-width: 0;      display: grid;      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-panel-view {      padding: 14px;      border-radius: 18px;      border: 1px solid rgba(137,155,182,0.12);      background:        radial-gradient(circle at top right, rgba(153,167,187,0.05), transparent 34%),        linear-gradient(180deg, rgba(28,35,46,0.95), rgba(13,18,27,0.99));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 26px rgba(0,0,0,0.22);    }
body[data-page="photo-enhancement-station"] .photo-panel-view[hidden] {      display: none !important;    }
body[data-page="photo-enhancement-station"] .photo-panel-support {      margin-top: 0;    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head {      margin-bottom: 0;    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head h2,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head h2 {      font-size: 1.18rem;      letter-spacing: -0.03em;    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head p,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head p {      margin-top: 6px;      color: rgba(214, 225, 248, 0.76);      font-size: 0.86rem;      line-height: 1.55;    }
body[data-page="photo-enhancement-station"] .photo-section-block {      margin: 0;      display: grid;      gap: 10px;    }
body[data-page="photo-enhancement-station"] .photo-section-kicker {      margin-bottom: 8px;      color: rgba(220, 229, 255, 0.68);      font-size: 0.72rem;      font-weight: 800;      letter-spacing: 0.13em;      text-transform: uppercase;    }
body[data-page="photo-enhancement-station"] .photo-section-title {      margin: 0;      font-size: 0.94rem;      font-weight: 800;      letter-spacing: -0.02em;      color: #f3f7ff;    }
body[data-page="photo-enhancement-station"] .photo-section-copy {      margin: 4px 0 0;      color: var(--muted);      font-size: 0.82rem;      line-height: 1.5;    }
body[data-page="photo-enhancement-station"] #dropzone {      min-height: 138px;      margin-top: 0;      margin-bottom: 0;      padding: 18px 14px;      background:        linear-gradient(180deg, rgba(22, 29, 40, 0.92), rgba(12, 16, 24, 0.98)),        radial-gradient(circle at top, rgba(158,171,189,0.06), transparent 58%);      border-color: rgba(158,171,189,0.22);      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-section {      margin: 0;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-row {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px;      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-chip {      min-height: 0;      padding: 12px;      justify-content: flex-start;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-top {      margin-bottom: 0;      flex-direction: column;      align-items: flex-start;      justify-content: flex-start;      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-name {      font-size: 0.94rem;      line-height: 1.1;      white-space: normal;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-pill {      font-size: 0.68rem;      padding: 4px 8px;      line-height: 1;    }
body[data-page="photo-enhancement-station"] .photo-stage-output-control {      display: grid;      gap: 8px;      margin-top: -2px;    }
body[data-page="photo-enhancement-station"] .photo-stage-output-control > div {      min-width: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-output-control .field-label {      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-output-control .photo-size-menu-shell {      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell {      margin-top: 2px;      border-radius: 16px;      border: 1px solid rgba(149,166,194,0.14);      background:        radial-gradient(circle at top left, rgba(171,184,204,0.05), transparent 34%),        linear-gradient(180deg, rgba(18,24,35,0.96), rgba(8,11,18,0.99));      overflow: hidden;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 26px rgba(0,0,0,0.18);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-toggle {      padding: 12px 14px;      min-height: 0;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-badge {      width: 30px;      height: 30px;      border-radius: 10px;      font-size: 0.82rem;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-title {      font-size: 0.9rem;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-sub {      font-size: 0.76rem;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-content {      padding-top: 12px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group {      display: grid;      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group + .photo-size-menu-group {      margin-top: 8px;      padding-top: 8px;      border-top: 1px solid rgba(255,255,255,0.06);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group-title {      color: rgba(215,226,255,0.78);      font-size: 0.72rem;      font-weight: 800;      letter-spacing: 0.12em;      text-transform: uppercase;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid,    body[data-page="photo-enhancement-station"] .photo-social-size-grid {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 10px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip {      min-height: 0;      padding: 12px;      justify-content: flex-start;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .preset-top {      margin-bottom: 0;      flex-direction: column;      align-items: flex-start;      justify-content: flex-start;      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .preset-name {      font-size: 0.94rem;      line-height: 1.1;      white-space: normal;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .preset-pill {      font-size: 0.68rem;      padding: 4px 8px;      line-height: 1;    }
body[data-page="photo-enhancement-station"] .photo-social-size-note {      margin-top: 6px;      color: var(--muted);      font-size: 0.68rem;      line-height: 1.35;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-grid {      display: grid;      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-finish-core-grid {      display: grid;      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-finish-mode-shell {      display: grid;      gap: 8px;      padding: 12px;      border-radius: 16px;      border: 1px solid rgba(137,155,182,0.12);      background:        radial-gradient(circle at top right, rgba(153,167,187,0.05), transparent 34%),        linear-gradient(180deg, rgba(28,35,46,0.95), rgba(13,18,27,0.99));    }
body[data-page="photo-enhancement-station"] .photo-finish-mode-shell .field-label {      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-finish-mode-copy {      color: var(--muted-2);      font-size: 0.8rem;      line-height: 1.45;    }
body[data-page="photo-enhancement-station"] .photo-finish-conditional[hidden] {      display: none !important;    }
body[data-page="photo-enhancement-station"] .photo-finish-tone-grid {      display: grid;      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-card {      padding: 14px;      border-radius: 18px;      border: 1px solid rgba(137,155,182,0.12);      background:        radial-gradient(circle at top right, rgba(153,167,187,0.05), transparent 34%),        linear-gradient(180deg, rgba(28,35,46,0.95), rgba(13,18,27,0.99));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 26px rgba(0,0,0,0.22);      display: grid;      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-head {      display: grid;      gap: 4px;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-kicker {      font-size: 0.72rem;      text-transform: uppercase;      letter-spacing: 0.13em;      color: rgba(215, 226, 255, 0.7);      font-weight: 800;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-title {      font-size: 0.98rem;      font-weight: 800;      letter-spacing: -0.02em;      color: #f3f7ff;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-copy {      color: var(--muted);      font-size: 0.84rem;      line-height: 1.5;    }
body[data-page="photo-enhancement-station"] .photo-finish-panel-card .mini-note {      margin-bottom: 0;      color: var(--muted-2);    }
body[data-page="photo-enhancement-station"] .photo-panel-view .photo-finish-grid,    body[data-page="photo-enhancement-station"] .photo-panel-view .photo-adjust-grid {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .photo-finish-tone-grid {      grid-template-columns: repeat(2, minmax(0, 1fr));    }
body[data-page="photo-enhancement-station"] .photo-panel-view .photo-finish-grid .photo-reset-card {      grid-column: 1 / -1;    }
body[data-page="photo-enhancement-station"] .photo-help-card {      display: grid;      gap: 8px;      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-help-card strong {      font-size: 0.92rem;      letter-spacing: -0.02em;      color: #f3f7ff;    }
body[data-page="photo-enhancement-station"] .photo-help-card p {      margin: 0;      color: var(--muted);      line-height: 1.5;      font-size: 0.82rem;    }
body[data-page="photo-enhancement-station"] .photo-action-cluster {      display: grid;      gap: 10px;    }
body[data-page="photo-enhancement-station"] .photo-action-cluster .actions {      margin-top: 0;      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px;    }
body[data-page="photo-enhancement-station"] #photoPaymentActions {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: 760px;
    }
body[data-page="photo-enhancement-station"] #photoPaymentActions .button-link {      width: 100%;    }
body[data-page="photo-enhancement-station"] #photoUsageNote,    body[data-page="photo-enhancement-station"] #photoPaymentNote,    body[data-page="photo-enhancement-station"] #statusBox {      margin: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-statusbar {      display: flex;      flex-wrap: wrap;      gap: 8px;      align-items: center;      flex: 0 1 auto;    }
body[data-page="photo-enhancement-station"] .photo-stage-pill {      display: inline-flex;      align-items: center;      min-height: 30px;      padding: 0 10px;      border-radius: 999px;      font-size: 0.72rem;      font-weight: 700;      letter-spacing: 0.02em;    }
body[data-page="photo-enhancement-station"] .photo-stage-pill {      border: 1px solid rgba(158,171,189,0.16);      background: linear-gradient(180deg, rgba(46, 54, 67, 0.9), rgba(25, 31, 40, 0.97));      color: var(--muted-2);    }
body[data-page="photo-enhancement-station"] #imagePreviewBox {      flex: 0 0 auto;      display: flex;      align-items: center;      justify-content: center;      position: relative;      overflow: hidden;      border: 1px solid rgba(137,155,182,0.14);      border-radius: 20px;      height: min(72vh, 780px);      min-height: 430px;      max-height: 780px;      padding: 20px;      background:        radial-gradient(circle at top, rgba(153, 167, 187, 0.055), transparent 58%),        linear-gradient(180deg, rgba(29, 36, 47, 0.97), rgba(14, 18, 26, 0.99));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);      cursor: pointer;      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-empty {      background:        radial-gradient(circle at top, rgba(160, 175, 196, 0.07), transparent 58%),        linear-gradient(180deg, rgba(33, 40, 52, 0.97), rgba(16, 21, 30, 0.99));    }
body[data-page="photo-enhancement-station"] #imagePreviewBox:hover,    body[data-page="photo-enhancement-station"] #imagePreviewBox:focus-visible,    body[data-page="photo-enhancement-station"] #imagePreviewBox.dragover {      border-color: rgba(158,171,189,0.28);      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.05),        0 0 0 1px rgba(158,171,189,0.08),        0 16px 34px rgba(0,0,0,0.2);      transform: translateY(-1px);      outline: none;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.dragover {      background:        radial-gradient(circle at top, rgba(180, 194, 214, 0.1), transparent 56%),        linear-gradient(180deg, rgba(37, 45, 58, 0.98), rgba(17, 22, 31, 1));    }
body[data-page="photo-enhancement-station"] .photo-output-preview-frame {      display: grid;      place-items: center;      position: relative;      max-width: 100%;      max-height: calc(100% - 4px);      overflow: hidden;      border-radius: 12px;      background: rgba(1, 2, 5, 0.68);      box-shadow:        inset 0 0 0 1px rgba(229, 236, 246, 0.08),        0 16px 34px rgba(0, 0, 0, 0.24);      transition: transform 0.22s ease;    }
body[data-page="photo-enhancement-station"] .photo-output-preview-frame img {      position: absolute;      inset: 0;      display: block;      margin: auto;      width: 100%;      height: 100%;      max-width: 100%;      max-height: 100%;      object-fit: contain;      background: transparent;    }
body[data-page="photo-enhancement-station"] #previewBeforeImage {      z-index: 1;    }
body[data-page="photo-enhancement-station"] #previewImage {      z-index: 2;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-split-preview #previewBeforeImage {      position: absolute !important;      inset: 0 !important;      width: 100% !important;      height: 100% !important;      max-width: 100% !important;      max-height: 100% !important;      object-fit: contain;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview .output-size-preview-badge {      display: none;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview .photo-output-preview-frame {      display: grid !important;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px;      align-items: stretch;      place-items: stretch;      width: min(100%, 1240px) !important;      height: min(520px, calc(100% - 4px)) !important;      aspect-ratio: auto !important;      padding: 8px;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview .photo-output-preview-frame img {      position: relative !important;      inset: auto !important;      width: 100% !important;      height: 100% !important;      min-width: 0 !important;      min-height: 0 !important;      max-width: 100% !important;      max-height: 100% !important;      align-self: stretch;      justify-self: stretch;      object-fit: contain;      border-radius: 8px;      background: rgba(1, 2, 5, 0.48);    }
@media (max-width: 700px) {      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-side-preview .photo-stage-toolbar {        order: 1;      }      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-side-preview #imagePreviewBox {        order: 2;      }      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-side-preview .photo-editor-toolbar {        order: 3;      }      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-side-preview .photo-stage-output-control {        order: 4;      }      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-side-preview .photo-stage-footer {        order: 5;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview {        align-items: center;        justify-content: center;        height: auto !important;        min-height: 0 !important;        max-height: none !important;        padding: 10px 0 !important;        overflow: visible;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview .photo-output-preview-frame {        grid-template-columns: repeat(2, minmax(0, 1fr));        gap: 4px;        width: calc(100vw - 56px) !important;        max-width: 520px !important;        height: auto !important;        min-height: 0;        max-height: none !important;        padding: 4px;        box-sizing: border-box;        justify-self: center;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox.is-side-preview .photo-output-preview-frame img {        height: clamp(160px, 44vw, 210px) !important;        min-height: 160px;      }    }
body[data-page="photo-enhancement-station"] .photo-stage-footer {      display: grid;      grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);      gap: 14px;      align-items: end;      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .meta {      margin-top: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-actions {      display: grid;      gap: 8px;      align-content: start;    }
body[data-page="photo-enhancement-station"] .photo-stage-secondary-actions {      display: grid;      grid-column: 1 / -1;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 8px;      align-items: start;    }
body[data-page="photo-enhancement-station"] .photo-compare-toggle {      width: 100%;      min-height: 44px;      padding-left: 10px;      padding-right: 10px;      font-size: 0.78rem;      white-space: nowrap;    }
body[data-page="photo-enhancement-station"] .photo-compare-toggle:disabled {      cursor: not-allowed;      opacity: 0.56;    }
body[data-page="photo-enhancement-station"] .preview-help {      margin-top: 0;      color: rgba(214, 225, 248, 0.74);      font-size: 0.75rem;      line-height: 1.45;    }
body[data-page="photo-enhancement-station"] #downloadBtn {      width: 100%;    }
@media (max-width: 1120px) {      body[data-page="photo-enhancement-station"] .hero-main {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-station-overview {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-station-card.is-wide {        grid-column: auto;      }      body[data-page="photo-enhancement-station"] #photoWorkspace {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-station-inspector {        position: static;        top: auto;        left: auto;      }      body[data-page="photo-enhancement-station"] .photo-station-rail {        width: 100%;        justify-content: flex-start;      }      body[data-page="photo-enhancement-station"] .photo-rail-header {        padding: 0 10px 0 2px;        border-right: 1px solid rgba(255,255,255,0.08);        border-bottom: 0;      }      body[data-page="photo-enhancement-station"] .photo-rail-link {        min-width: 0;      }      body[data-page="photo-enhancement-station"] .photo-stage-footer {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-panel-tabs {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-panel-view .photo-finish-grid,      body[data-page="photo-enhancement-station"] .photo-panel-view .photo-finish-tone-grid,      body[data-page="photo-enhancement-station"] .photo-panel-view .photo-adjust-grid {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-size-menu-grid,      body[data-page="photo-enhancement-station"] .photo-social-size-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));      }      body[data-page="photo-enhancement-station"] #imagePreviewBox {        height: min(62vh, 620px);        min-height: 360px;      }    }
@media (max-width: 900px) {      body[data-page="photo-enhancement-station"] .photo-size-menu-grid,      body[data-page="photo-enhancement-station"] .photo-social-size-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));      }    }
@media (max-width: 720px) {      body[data-page="photo-enhancement-station"] .photo-stage-card,      body[data-page="photo-enhancement-station"] .photo-station-inspector {        padding: 18px;        border-radius: 22px;      }      body[data-page="photo-enhancement-station"] .photo-size-menu-grid,      body[data-page="photo-enhancement-station"] .photo-social-size-grid {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-station-rail {        padding: 10px;        border-radius: 20px;      }      body[data-page="photo-enhancement-station"] .photo-rail-header {        width: 100%;        padding: 2px 2px 8px;        margin-right: 0;        border-right: 0;        border-bottom: 1px solid rgba(255,255,255,0.08);      }      body[data-page="photo-enhancement-station"] .photo-rail-link {        flex: 1 1 calc(50% - 8px);        min-width: 0;        justify-content: center;      }      body[data-page="photo-enhancement-station"] .photo-rail-text {        text-align: center;      }      body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head h2,      body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head h2 {        font-size: 1.14rem;      }      body[data-page="photo-enhancement-station"] .photo-panel-view .preset-row {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] #imagePreviewBox {        height: min(54vh, 480px);        min-height: 300px;        padding: 12px;      }    }
body[data-page="photo-enhancement-station"] #photoWorkspace {      position: relative;      isolation: isolate;      display: grid;      grid-template-columns: minmax(0, 1fr);      grid-template-areas:        "stage"        "inspector";      gap: 18px;      align-items: start;      margin-top: 20px;      padding: 18px;      border-radius: 30px;      border: 1px solid rgba(151,171,196,0.2);      background:        linear-gradient(180deg, rgba(11,14,19,0.994), rgba(2,4,7,0.998));      box-shadow:        0 0 0 1px rgba(251,252,255,0.07),        0 0 8px rgba(251,252,255,0.08),        0 0 24px rgba(251,252,255,0.08),        0 0 68px rgba(233,239,247,0.1),        0 0 122px rgba(233,239,247,0.06),        0 50px 102px rgba(0,0,0,0.46),        inset 0 1px 0 rgba(255,255,255,0.05),        inset 0 -72px 118px rgba(0,0,0,0.34);    }
body[data-page="photo-enhancement-station"] #photoWorkspace::before {      content: "";      position: absolute;      inset: 0;      border-radius: inherit;      background:        linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 1.35%, transparent 4.8%, transparent 95.2%, rgba(233,239,247,0.05) 98.65%, rgba(233,239,247,0.13) 100%),        linear-gradient(90deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.055) 1.35%, transparent 4.8%, transparent 95.2%, rgba(233,239,247,0.05) 98.65%, rgba(233,239,247,0.11) 100%);      opacity: 0.82;      pointer-events: none;      z-index: 0;    }
body[data-page="photo-enhancement-station"] #photoWorkspace > * {      position: relative;      z-index: 1;      min-width: 0;      margin: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-card {      grid-area: stage;    }
body[data-page="photo-enhancement-station"] .photo-station-inspector {      grid-area: inspector;    }
body[data-page="photo-enhancement-station"] .photo-stage-card,    body[data-page="photo-enhancement-station"] .photo-station-inspector {      padding: 12px;      border-radius: 24px;      border: 1px solid rgba(156,179,209,0.16);      background:        radial-gradient(circle at top left, rgba(86,107,138,0.06), transparent 34%),        linear-gradient(180deg, rgba(8,10,14,0.98), rgba(1,2,5,0.998));      box-shadow:        0 24px 56px rgba(0,0,0,0.38),        0 12px 28px rgba(80,98,126,0.08),        inset 0 1px 0 rgba(255,255,255,0.04),        inset 0 -38px 62px rgba(0,0,0,0.34);    }
body[data-page="photo-enhancement-station"] .photo-stage-card {      gap: 12px;    }
body[data-page="photo-enhancement-station"] .photo-station-inspector {      position: static;      top: auto;      max-height: none;      overflow: visible;      gap: 10px;      scrollbar-color: rgba(149,166,194,0.45) rgba(4,6,10,0.4);    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head {      padding: 10px 12px;      border-radius: 16px;      border: 1px solid rgba(149,166,194,0.1);      background:        radial-gradient(circle at top left, rgba(184,203,226,0.05), transparent 36%),        linear-gradient(180deg, rgba(18,23,32,0.9), rgba(6,8,12,0.96));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 24px rgba(0,0,0,0.14);    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head h2,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head h2 {      font-size: 1.02rem;      letter-spacing: 0;    }
body[data-page="photo-enhancement-station"] #photoWorkspace .tool-head p,    body[data-page="photo-enhancement-station"] #imagePreviewCard .tool-head p {      font-size: 0.78rem;      line-height: 1.45;      color: rgba(229,236,246,0.72);    }
body[data-page="photo-enhancement-station"] .photo-stage-toolbar {      grid-template-columns: 1fr;      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-stage-statusbar {      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-editor-toolbar {      display: flex;      flex-wrap: wrap;      justify-content: space-between;      gap: 8px;      padding: 6px;      border-radius: 18px;      border: 1px solid rgba(149,166,194,0.12);      background:        linear-gradient(180deg, rgba(7,9,13,0.985), rgba(1,2,5,0.998));      box-shadow:        0 14px 28px rgba(0,0,0,0.2),        inset 0 1px 0 rgba(255,255,255,0.03);    }
body[data-page="photo-enhancement-station"] .photo-tool-group {      min-width: min(100%, 220px);      display: grid;      grid-auto-flow: column;      grid-auto-columns: minmax(0, 1fr);      gap: 4px;    }
body[data-page="photo-enhancement-station"] .photo-tool-btn {      min-height: 34px;      padding: 7px 10px;      border-radius: 12px;      border: 1px solid rgba(153,175,205,0.1);      background: linear-gradient(180deg, rgba(47,57,72,0.38), rgba(22,29,41,0.46));      color: rgba(233,239,255,0.78);      font-size: 0.68rem;      font-weight: 850;      letter-spacing: 0.06em;      text-transform: uppercase;      cursor: pointer;    }
body[data-page="photo-enhancement-station"] .photo-tool-btn:hover,    body[data-page="photo-enhancement-station"] .photo-tool-btn:focus-visible,    body[data-page="photo-enhancement-station"] .photo-tool-btn.is-active {      border-color: rgba(166,185,210,0.24);      background:        radial-gradient(circle at top, rgba(184,203,226,0.13), transparent 58%),        linear-gradient(180deg, rgba(52,62,78,0.86), rgba(22,29,41,0.98));      color: #eef5ff;      outline: none;    }
body[data-page="photo-enhancement-station"] .photo-stage-pill {      min-height: 28px;      padding: 0 10px;      border-color: rgba(156,175,200,0.14);      background:        radial-gradient(circle at top, rgba(184,203,226,0.08), transparent 58%),        linear-gradient(180deg, rgba(40,48,62,0.82), rgba(20,26,36,0.92));      color: rgba(229,236,246,0.78);      font-size: 0.7rem;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.05),        0 10px 20px rgba(0,0,0,0.12);    }
body[data-page="photo-enhancement-station"] .photo-station-rail {      display: grid;      grid-template-columns: auto repeat(6, minmax(0, 1fr));      gap: 6px;      width: 100%;      padding: 4px;      border-radius: 20px;      border: 1px solid rgba(149,166,194,0.12);      background:        linear-gradient(180deg, rgba(7,9,13,0.985), rgba(1,2,5,0.998));      box-shadow:        0 16px 32px rgba(0,0,0,0.24),        inset 0 1px 0 rgba(255,255,255,0.03),        inset 0 -16px 28px rgba(0,0,0,0.22);    }
body[data-page="photo-enhancement-station"] .photo-rail-header {      min-height: 42px;      padding: 8px 11px;      margin: 0;      border: 0;      border-radius: 15px;      background: linear-gradient(180deg, rgba(32,39,51,0.72), rgba(12,16,24,0.86));    }
body[data-page="photo-enhancement-station"] .photo-rail-link {      min-width: 0;      min-height: 42px;      padding: 8px 10px;      border-radius: 14px;      border-color: rgba(153,175,205,0.1);      background: linear-gradient(180deg, rgba(47,57,72,0.38), rgba(22,29,41,0.46));      color: rgba(233,239,255,0.8);    }
body[data-page="photo-enhancement-station"] .photo-rail-link:hover,    body[data-page="photo-enhancement-station"] .photo-rail-link:focus-visible,    body[data-page="photo-enhancement-station"] .photo-rail-link.is-active {      border-color: rgba(166,185,210,0.22);      background:        radial-gradient(circle at top, rgba(184,203,226,0.12), transparent 58%),        linear-gradient(180deg, rgba(52,62,78,0.82), rgba(22,29,41,0.96));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.06),        0 10px 20px rgba(0,0,0,0.16);    }
body[data-page="photo-enhancement-station"] .photo-rail-icon {      width: 24px;      height: 24px;      background:        radial-gradient(circle at top, rgba(184,203,226,0.1), transparent 58%),        linear-gradient(180deg, rgba(34,41,53,0.9), rgba(16,21,29,0.96));      border-color: rgba(149,166,194,0.12);    }
body[data-page="photo-enhancement-station"] .photo-rail-text {      font-size: 0.66rem;      letter-spacing: 0.08em;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox {      height: clamp(420px, 50vh, 600px);      min-height: 420px;      max-height: 600px;      padding: 18px;      border-radius: 22px;      border-color: rgba(149,166,194,0.12);      background:        radial-gradient(circle at center, rgba(12,16,24,0.56), rgba(5,7,10,0.2) 74%),        linear-gradient(180deg, rgba(5,7,10,0.72), rgba(4,5,8,0.36));      box-shadow:        inset 0 0 80px rgba(0,0,0,0.26),        inset 0 1px 0 rgba(255,255,255,0.04);    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-empty {      background:        radial-gradient(circle at center, rgba(12,16,24,0.56), rgba(5,7,10,0.2) 74%),        linear-gradient(180deg, rgba(5,7,10,0.72), rgba(4,5,8,0.36));    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder {      width: min(100%, 620px);      min-height: 260px;      display: grid;      place-items: center;      align-content: center;      gap: 12px;      padding: 42px 32px;      border-radius: 28px;      border: 1px dashed rgba(149,166,194,0.14);      background:        radial-gradient(circle at center, rgba(12,16,24,0.56), rgba(5,7,10,0.2) 74%),        linear-gradient(180deg, rgba(5,7,10,0.72), rgba(4,5,8,0.36));      box-shadow: inset 0 0 80px rgba(0,0,0,0.26);    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-badge {      min-height: 30px;      padding: 0 14px;      background:        radial-gradient(circle at top, rgba(184,203,226,0.12), transparent 58%),        linear-gradient(180deg, rgba(34,41,53,0.9), rgba(16,21,29,0.96));      color: rgba(229,236,246,0.82);    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-title {      max-width: 18ch;      color: #f4f8ff;      font-size: clamp(1.5rem, 2.4vw, 2.2rem);      line-height: 1.05;      text-align: center;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-copy {      max-width: 30ch;      color: rgba(228,236,248,0.82);      font-size: 0.98rem;      line-height: 1.45;      text-align: center;    }
body[data-page="photo-enhancement-station"] .photo-stage-footer {      grid-template-columns: minmax(0, 1fr) auto;      gap: 10px;      padding: 8px;      border-radius: 18px;      border: 1px solid rgba(150,171,199,0.14);      background:        linear-gradient(180deg, rgba(8,10,14,0.986), rgba(1,2,5,0.998));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.035),        inset 0 -20px 34px rgba(0,0,0,0.28);    }
body[data-page="photo-enhancement-station"] .photo-stage-footer .meta {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-stage-footer .item,    body[data-page="photo-enhancement-station"] .photo-action-cluster,    body[data-page="photo-enhancement-station"] .photo-compact-card,    body[data-page="photo-enhancement-station"] .photo-help-card,    body[data-page="photo-enhancement-station"] .photo-panel-view,    body[data-page="photo-enhancement-station"] .photo-finish-panel-card,    body[data-page="photo-enhancement-station"] .photo-finish-mode-shell {      border-color: rgba(149,166,194,0.1);      background:        radial-gradient(circle at top left, rgba(184,203,226,0.05), transparent 36%),        linear-gradient(180deg, rgba(18,23,32,0.9), rgba(6,8,12,0.96));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 24px rgba(0,0,0,0.14);    }
body[data-page="photo-enhancement-station"] .photo-stage-actions {      width: min(320px, 100%);    }
body[data-page="photo-enhancement-station"] .photo-stage-actions #processBtn,    body[data-page="photo-enhancement-station"] .photo-stage-actions #downloadBtn {      width: 100%;      min-height: 40px;    }
body[data-page="photo-enhancement-station"] .photo-stage-actions #statusBox {      width: 100%;      margin: 0;      font-size: 0.75rem;      line-height: 1.35;    }
body[data-page="photo-enhancement-station"] .preview-help {      color: rgba(229,236,246,0.72);      font-size: 0.72rem;      line-height: 1.4;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock {      gap: 10px;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact {      display: grid;      grid-template-columns: minmax(0, 1fr);      gap: 8px;      padding: 12px;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact .photo-section-copy {      display: none;    }
body[data-page="photo-enhancement-station"] #dropzone {      min-height: 112px;      padding: 16px 14px;      border-radius: 18px;      background:        radial-gradient(circle at top, rgba(184,203,226,0.06), transparent 58%),        linear-gradient(180deg, rgba(8,10,14,0.94), rgba(1,2,5,0.99));      border-color: rgba(149,166,194,0.14);      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.04),        0 12px 24px rgba(5,10,22,0.12);    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact #dropzone {      min-height: 46px;      display: flex;      align-items: center;      justify-content: space-between;      gap: 12px;      padding: 10px 12px;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact #dropzone .icon,    body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact #dropzone strong {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact #dropzone::before {      content: "Replace image";      flex: 0 0 auto;      color: #eef5ff;      font-size: 0.78rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;    }
body[data-page="photo-enhancement-station"] .photo-upload-dock.is-compact #filename {      min-width: 0;      margin: 0;      color: rgba(229,236,246,0.78);      font-size: 0.78rem;      text-align: right;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;    }
body[data-page="photo-enhancement-station"] .photo-panel-tabs {      grid-template-columns: repeat(5, minmax(0, 1fr));      gap: 6px;      padding: 4px;      border-radius: 18px;      border: 1px solid rgba(149,166,194,0.12);      background:        linear-gradient(180deg, rgba(7,9,13,0.985), rgba(1,2,5,0.998));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.03),        inset 0 -16px 28px rgba(0,0,0,0.22);    }
body[data-page="photo-enhancement-station"] .photo-editor-control-grid {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 10px;    }
body[data-page="photo-enhancement-station"] .photo-button-grid {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-button-grid .secondary {      min-height: 38px;      padding-left: 10px;      padding-right: 10px;      font-size: 0.72rem;    }
body[data-page="photo-enhancement-station"] .photo-button-grid .secondary.active {      border-color: rgba(166,185,210,0.26);      background:        radial-gradient(circle at top, rgba(184,203,226,0.16), transparent 58%),        linear-gradient(180deg, rgba(51,60,76,0.98), rgba(29,35,47,0.98));      color: #eef5ff;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox {      position: relative;      overflow: hidden;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox::after {      content: attr(data-preview-mode);      position: absolute;      top: 14px;      right: 14px;      min-height: 26px;      display: none;      align-items: center;      padding: 0 10px;      border-radius: 999px;      border: 1px solid rgba(149,166,194,0.14);      background: rgba(7,9,13,0.8);      color: rgba(238,245,255,0.78);      font-size: 0.64rem;      font-weight: 850;      letter-spacing: 0.08em;      text-transform: uppercase;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox:not(.is-empty)::after {      display: flex;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-split-preview::before {      content: "";      position: absolute;      top: 18px;      bottom: 18px;      left: 50%;      z-index: 2;      width: 1px;      background: rgba(238,245,255,0.42);      box-shadow: 0 0 18px rgba(238,245,255,0.26);      pointer-events: none;    }
body[data-page="photo-enhancement-station"] .photo-panel-tab {      min-height: 42px;      border-radius: 14px;      border-color: rgba(153,175,205,0.1);      background: linear-gradient(180deg, rgba(47,57,72,0.38), rgba(22,29,41,0.46));      color: rgba(233,239,255,0.8);    }
body[data-page="photo-enhancement-station"] .photo-panel-tab:hover,    body[data-page="photo-enhancement-station"] .photo-panel-tab:focus-visible,    body[data-page="photo-enhancement-station"] .photo-panel-tab.is-active {      border-color: rgba(166,185,210,0.22);      background:        radial-gradient(circle at top, rgba(184,203,226,0.12), transparent 58%),        linear-gradient(180deg, rgba(52,62,78,0.82), rgba(22,29,41,0.96));      color: #eef5ff;      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.06),        0 10px 20px rgba(0,0,0,0.16);    }
body[data-page="photo-enhancement-station"] .photo-section-kicker,    body[data-page="photo-enhancement-station"] .photo-finish-panel-kicker {      color: rgba(220,230,255,0.58);      font-size: 0.68rem;      letter-spacing: 0.1em;    }
body[data-page="photo-enhancement-station"] .photo-section-title,    body[data-page="photo-enhancement-station"] .photo-finish-panel-title {      color: #f3f7ff;      font-size: 0.94rem;      letter-spacing: 0;    }
body[data-page="photo-enhancement-station"] .photo-section-copy,    body[data-page="photo-enhancement-station"] .photo-finish-panel-copy,    body[data-page="photo-enhancement-station"] .photo-help-card p {      color: rgba(229,236,246,0.72);      font-size: 0.78rem;      line-height: 1.45;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-row {      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-stage-output-control .collapse-content {      padding: 8px 10px 10px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid {      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-social-size-grid {      grid-template-columns: repeat(4, minmax(0, 1fr));      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-chip,    body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip {      border-color: rgba(149,166,194,0.1);      background:        radial-gradient(circle at top, rgba(184,203,226,0.08), transparent 58%),        linear-gradient(180deg, rgba(46,54,69,0.9), rgba(25,31,42,0.94));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.05),        0 12px 24px rgba(0,0,0,0.16);    }
body[data-page="photo-enhancement-station"] .photo-panel-view .preset-chip.active,    body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip.active,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip.active {      border-color: rgba(166,185,210,0.26);      background:        radial-gradient(circle at top, rgba(184,203,226,0.18), transparent 58%),        linear-gradient(180deg, rgba(51,60,76,0.98), rgba(29,35,47,0.98));      box-shadow:        inset 0 1px 0 rgba(255,255,255,0.1),        0 16px 30px rgba(0,0,0,0.28),        0 0 22px rgba(136,155,181,0.08);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip {      min-height: 34px;      padding: 6px 8px;      border-radius: 10px;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-top,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-top {      width: 100%;      flex-direction: row;      align-items: center;      justify-content: space-between;      gap: 8px;      margin-bottom: 0;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-name,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-name {      min-width: 0;      color: #eef5ff;      font-size: 0.72rem;      line-height: 1.12;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-pill,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-pill {      flex: 0 0 auto;      padding: 2px 6px;      font-size: 0.58rem;      line-height: 1.08;      white-space: nowrap;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell {      border-color: rgba(149,166,194,0.1);      background:        radial-gradient(circle at top left, rgba(184,203,226,0.05), transparent 36%),        linear-gradient(180deg, rgba(8,10,14,0.94), rgba(1,2,5,0.99));    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-toggle {      display: grid;      grid-template-columns: minmax(0, 1fr) auto;      gap: 8px;      align-items: center;      padding: 10px;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-left {      min-width: 0;      display: grid;      grid-template-columns: 30px minmax(0, 1fr);      gap: 8px;      align-items: center;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-title-wrap {      min-width: 0;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-title {      font-size: 0.82rem;      line-height: 1.15;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-sub {      max-width: 100%;      font-size: 0.68rem;      line-height: 1.28;      text-align: left;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-icon {      flex: 0 0 auto;    }
body[data-page="photo-enhancement-station"] #photoWorkspace {      gap: 10px;      padding: 14px;    }
body[data-page="photo-enhancement-station"] .photo-stage-card {      gap: 8px;      padding: 10px;    }
body[data-page="photo-enhancement-station"] #imagePreviewCard > .tool-head {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-stage-card.is-empty .photo-stage-toolbar,    body[data-page="photo-enhancement-station"] .photo-stage-card.is-empty .photo-editor-toolbar {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-stage-toolbar {      display: flex;      justify-content: flex-end;      min-height: 0;    }
body[data-page="photo-enhancement-station"] .photo-stage-statusbar {      justify-content: flex-end;    }
body[data-page="photo-enhancement-station"] .photo-station-rail {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-editor-toolbar {      align-items: center;      gap: 6px;      padding: 4px;      border-radius: 14px;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);    }
body[data-page="photo-enhancement-station"] .photo-tool-group {      min-width: 0;      width: auto;    }
body[data-page="photo-enhancement-station"] .photo-tool-btn {      min-height: 28px;      padding: 5px 9px;      border-radius: 9px;      font-size: 0.62rem;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox {      height: clamp(560px, 64vh, 780px);      min-height: 560px;      max-height: 780px;      padding: 14px;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder {      width: min(100%, 430px);      min-height: 220px;      padding: 30px 24px;      border-radius: 22px;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-title {      font-size: clamp(1.35rem, 2vw, 1.9rem);    }
body[data-page="photo-enhancement-station"] #imagePreviewBox .placeholder-copy {      max-width: 26ch;      font-size: 0.82rem;      line-height: 1.35;    }
body[data-page="photo-enhancement-station"] .photo-stage-footer {      grid-template-columns: minmax(0, 1fr) minmax(360px, auto);      gap: 8px;      padding: 6px;      border-radius: 14px;    }
body[data-page="photo-enhancement-station"] .photo-stage-footer .item {      min-height: 46px;      padding: 8px 10px;      border-radius: 12px;    }
body[data-page="photo-enhancement-station"] .preview-help {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-stage-actions {      width: min(520px, 100%);      grid-template-columns: repeat(2, minmax(0, 1fr));      align-content: end;      align-self: end;      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-stage-actions #processBtn,    body[data-page="photo-enhancement-station"] .photo-stage-actions #downloadBtn {      min-height: 36px;    }
body[data-page="photo-enhancement-station"] .photo-stage-actions #statusBox {      grid-column: 1 / -1;    }
body[data-page="photo-enhancement-station"] .photo-station-inspector {      gap: 8px;      padding: 8px;    }
body[data-page="photo-enhancement-station"] .photo-station-inspector > .tool-head,    body[data-page="photo-enhancement-station"] .photo-upload-dock,    body[data-page="photo-enhancement-station"] .photo-panel-support {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-panel-shell,    body[data-page="photo-enhancement-station"] .photo-panel-body {      gap: 8px;    }
body[data-page="photo-enhancement-station"] .photo-panel-tabs {      padding: 3px;      border-radius: 14px;    }
body[data-page="photo-enhancement-station"] .photo-panel-tab {      min-height: 34px;      border-radius: 10px;      font-size: 0.64rem;      letter-spacing: 0.07em;    }
body[data-page="photo-enhancement-station"] .photo-panel-view {      padding: 10px;      border-radius: 14px;    }
body[data-page="photo-enhancement-station"] .photo-panel-view > div:first-child > .photo-section-copy {      display: none;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell.open > .collapse-content {      display: grid;      grid-template-columns: minmax(280px, 0.82fr) minmax(360px, 1.18fr);      gap: 10px;      align-items: stretch;      padding: 10px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-toggle {      min-height: 46px;      padding: 9px 10px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-badge {      width: 28px;      height: 28px;      border-radius: 8px;      font-size: 0.72rem;      letter-spacing: 0.02em;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-sub {      font-size: 0.7rem;      color: rgba(214,225,248,0.7);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group {      margin: 0 !important;      padding: 9px;      border: 1px solid rgba(149,166,194,0.1);      border-radius: 12px;      background: linear-gradient(180deg, rgba(30,37,50,0.72), rgba(13,17,25,0.9));      display: grid;      gap: 7px;      align-content: start;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group + .photo-size-menu-group {      padding-top: 9px;      border-top: 1px solid rgba(149,166,194,0.1);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group:nth-of-type(3) {      grid-column: 2;      grid-row: 1 / span 2;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-group-title {      color: rgba(220,230,255,0.64);      font-size: 0.64rem;      letter-spacing: 0.1em;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid {      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-social-size-grid {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip {      min-height: 34px;      padding: 6px 8px;      border-radius: 8px;      border-color: rgba(149,166,194,0.1);      background: rgba(255,255,255,0.035);      box-shadow: none;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip:hover,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip:hover {      background: rgba(158,171,189,0.1);      transform: translateY(-1px);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-chip.active,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-chip.active {      border-color: rgba(214,226,245,0.28);      background: linear-gradient(180deg, rgba(75,86,106,0.72), rgba(34,41,54,0.92));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-top,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-top {      gap: 6px;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-name,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-name {      font-size: 0.71rem;      font-weight: 800;      line-height: 1.1;    }
body[data-page="photo-enhancement-station"] .photo-size-menu-grid .preset-pill,    body[data-page="photo-enhancement-station"] .photo-social-size-grid .preset-pill {      padding: 2px 6px;      border-radius: 999px;      background: rgba(195,210,232,0.12);      color: rgba(236,243,255,0.82);      font-size: 0.56rem;    }
body[data-page="photo-enhancement-station"] .photo-social-size-note {      display: none;    }
@media (max-width: 900px) {      body[data-page="photo-enhancement-station"] .photo-size-menu-shell.open > .collapse-content {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-size-menu-group:nth-of-type(3) {        grid-column: auto;        grid-row: auto;      }      body[data-page="photo-enhancement-station"] .photo-social-size-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));      }    }
@media (max-width: 560px) {      body[data-page="photo-enhancement-station"] .photo-size-menu-grid,      body[data-page="photo-enhancement-station"] .photo-social-size-grid {        grid-template-columns: 1fr;      }      body[data-page="photo-enhancement-station"] .photo-size-menu-shell .collapse-sub {        display: none;      }    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-fluid-preview {      height: auto;      max-height: none;      overflow: visible;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-fluid-preview .photo-output-preview-frame {      max-height: none;      overflow: visible;    }
body[data-page="photo-enhancement-station"] #imagePreviewBox.is-fluid-preview .photo-output-preview-frame img {      position: static;      inset: auto;      margin: 0;      height: auto;      max-height: none;    }
body[data-page="photo-enhancement-station"] .photo-stage-card.is-empty #imagePreviewBox {
      height: clamp(360px, 44vh, 500px);
      min-height: 360px;
    }
.stage-upload-target {
      cursor: pointer;
    }
.stage-upload-target video {
      cursor: auto;
    }
/* Live output-target preview state for upload tools. */
    .preview-box,
    .local-video-shell {
      position: relative;
    }
.output-size-preview-badge {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 5;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      max-width: min(78%, 520px);
      padding: 6px 11px;
      border-radius: 999px;
      border: 1px solid rgba(185, 203, 230, 0.24);
      background: linear-gradient(180deg, rgba(18, 27, 43, 0.94), rgba(8, 12, 20, 0.96));
      color: #f5f8ff;
      font-size: 0.74rem;
      font-weight: 900;
      line-height: 1.2;
      text-align: center;
      overflow-wrap: anywhere;
      box-shadow: 0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
      pointer-events: none;
    }
.output-size-preview-badge[hidden] {
      display: none !important;
    }
.photo-output-preview-frame {
      display: grid;
      place-items: center;
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid rgba(185, 203, 230, 0.16);
      border-radius: 16px;
      background: rgba(0,0,0,0.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
    }
.photo-output-preview-frame img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
.preview-box.is-empty .photo-output-preview-frame {
      display: none !important;
    }
.photo-output-preview-frame.is-exact-output-target {
      background:
        linear-gradient(45deg, rgba(255,255,255,0.035) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.035) 75%),
        linear-gradient(45deg, rgba(255,255,255,0.035) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.035) 75%),
        rgba(0,0,0,0.34);
      background-position: 0 0, 10px 10px, 0 0;
      background-size: 20px 20px, 20px 20px, auto;
    }
.photo-output-preview-frame.is-exact-output-target img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center center;
    }
@media (max-width: 720px) {
      .output-size-preview-badge {
        left: 10px;
        right: 10px;
        max-width: none;
        font-size: 0.7rem;
      }
    }
/* mst pricing cleanup */
    body[data-page="photo-enhancement-station"] main.wrap {
      padding-bottom: 24px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-panel {
      width: min(1460px, calc(100% - 20px)) !important;
      max-width: 1460px !important;
      margin: 28px auto 0 !important;
      padding: 14px 16px !important;
      display: grid;
      grid-template-columns: minmax(220px, 0.28fr) minmax(0, 1fr);
      align-items: center;
      gap: 16px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-head {
      width: 100%;
      margin: 0;
      text-align: left;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-head h2 {
      margin: 0 0 6px;
      font-size: 1.22rem;
      line-height: 1.12;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-head p {
      max-width: 31ch;
      margin: 0;
      color: var(--muted-2);
      line-height: 1.38;
      font-size: 0.88rem;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
      max-width: none;
      margin: 0;
      justify-content: stretch;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-card {
      min-width: 0;
      min-height: 126px;
      display: grid;
      grid-template-columns: minmax(132px, 0.68fr) minmax(0, 1fr) minmax(156px, 0.68fr);
      grid-template-areas:
        "kicker copy button"
        "title copy button"
        "price copy button";
      align-items: center;
      align-content: center;
      column-gap: 14px;
      row-gap: 4px;
      padding: 12px 14px;
      border-radius: 16px;
      border: 1px solid rgba(148,163,184,0.24);
      background: rgba(15,23,42,0.62);
      color: inherit;
      text-decoration: none;
      box-shadow: 0 14px 30px rgba(0,0,0,0.18);
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-card.primary {
      border-color: rgba(110,168,254,0.56);
      background: linear-gradient(180deg, rgba(110,168,254,0.15), rgba(63,109,224,0.08));
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-kicker {
      grid-area: kicker;
      align-self: flex-start;
      width: fit-content;
      max-width: 100%;
      font-size: 0.72rem;
      font-weight: 800;
      color: #9dbdff;
      padding: 5px 9px;
      border-radius: 999px;
      background: rgba(110,168,254,0.12);
      border: 1px solid rgba(110,168,254,0.22);
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-title {
      grid-area: title;
      font-weight: 900;
      color: #f8fbff;
      line-height: 1.16;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-price {
      grid-area: price;
      font-weight: 900;
      color: #eaf0ff;
      line-height: 1.1;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-copy {
      grid-area: copy;
      color: var(--muted-2);
      font-size: 0.88rem;
      line-height: 1.34;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-button {
      grid-area: button;
      margin-top: 0;
      width: 100%;
      min-height: 38px;
      justify-content: center;
      text-align: center;
      white-space: normal;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 10px !important;
      align-items: stretch;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 10px !important;
      align-items: stretch;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card > .photo-station-pricing-card {
      min-width: 0;
      min-height: 224px;
      height: 100%;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas:
        "kicker"
        "title"
        "price"
        "copy"
        "button" !important;
      align-content: start;
      align-items: start;
      gap: 7px;
      padding: 12px;
      border-radius: 14px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) > .photo-station-pricing-card {
      min-width: 0;
      min-height: 224px;
      height: 100%;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas:
        "kicker"
        "title"
        "price"
        "copy"
        "button" !important;
      align-content: start;
      align-items: start;
      gap: 7px;
      padding: 12px;
      border-radius: 14px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .photo-station-pricing-kicker,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .photo-station-pricing-kicker {
      font-size: 0.66rem;
      line-height: 1.15;
      padding: 4px 7px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .photo-station-pricing-title,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .photo-station-pricing-title {
      font-size: 1rem;
      line-height: 1.12;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .photo-station-pricing-price,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .photo-station-pricing-price {
      font-size: 1.42rem;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .photo-station-pricing-copy,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .mst-variable-credit-description,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .photo-station-pricing-copy,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .mst-variable-credit-description {
      font-size: 0.79rem;
      line-height: 1.35;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .photo-station-pricing-button,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .photo-station-pricing-button {
      min-height: 38px;
      margin-top: auto;
      padding: 8px 9px;
      font-size: 0.76rem;
      line-height: 1.2;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .mst-variable-credit-card > *,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .mst-variable-credit-card > * {
      grid-area: auto !important;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .mst-variable-credit-row,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .mst-variable-credit-row {
      grid-template-columns: 1fr;
      gap: 5px;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .field-label,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .field-label {
      font-size: 0.72rem;
      line-height: 1.2;
      margin: 0;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .text-input,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .text-input {
      min-height: 36px;
      padding: 8px 10px;
      font-size: 0.9rem;
    }
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card .mst-variable-credit-total,
body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) .mst-variable-credit-total {
      min-height: 28px;
      font-size: 0.82rem;
      line-height: 1.25;
    }
body[data-page="photo-enhancement-station"] .mst-unified-footer {
      margin-top: 22px !important;
    }
@media (max-width: 1180px) {
      body[data-page="photo-enhancement-station"] .photo-station-pricing-panel {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-head {
        text-align: center;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-head p {
        margin-left: auto;
        margin-right: auto;
      }
    }
@media (max-width: 860px) {
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card,
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) {
        grid-template-columns: repeat(2, minmax(0, 360px)) !important;
        justify-content: center;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card > .mst-variable-credit-card,
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) > .mst-variable-credit-card {
        grid-column: 1 / -1;
        justify-self: center;
        width: min(100%, 360px);
      }
    }
@media (max-width: 620px) {
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card,
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) {
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center;
      }
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid.mst-variable-credit-has-card > .photo-station-pricing-card,
      body[data-page="photo-enhancement-station"] .photo-station-pricing-grid:has(.mst-variable-credit-card) > .photo-station-pricing-card {
        width: min(100%, 360px);
        min-height: 0;
      }
    }
/* Photo Editing Station deferred non-critical page styles. */

/* Marketing-only grid styles. */
.marketing-grid {      margin-top: 24px;      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 14px;    }    .marketing-card {      padding: 18px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));      box-shadow: var(--shadow-soft);    }    .marketing-kicker {      color: #cfe0ff;      font-size: 0.8rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      margin-bottom: 8px;    }    .marketing-card h3 {      margin: 0 0 8px;      font-size: 1.08rem;      letter-spacing: -0.02em;    }    .marketing-card p {      margin: 0;      color: var(--muted);      line-height: 1.6;      font-size: 0.94rem;    }

/* Service status summary styles. */
.service-status-panel {      margin-top: 18px;      padding: 16px 18px;      border-radius: 18px;      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));      border: 1px solid rgba(255,255,255,0.1);      box-shadow: var(--shadow-soft);    }    .service-status-row {      display: flex;      align-items: center;      justify-content: space-between;      gap: 16px;      flex-wrap: wrap;    }    .service-status-label {      color: var(--muted);      font-size: 0.88rem;      text-transform: uppercase;      letter-spacing: 0.08em;      margin-bottom: 8px;    }    .service-status-headline {      font-size: 1.08rem;      font-weight: 700;      color: var(--text);    }    .service-status-note {      margin-top: 8px;      color: var(--muted);      line-height: 1.55;      font-size: 0.95rem;    }    .service-pill {      display: inline-flex;      align-items: center;      gap: 10px;      padding: 10px 14px;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.12);      background: rgba(255,255,255,0.04);      min-width: 170px;      justify-content: center;      font-weight: 700;    }    .service-dot {      width: 10px;      height: 10px;      border-radius: 999px;      background: var(--muted);      box-shadow: 0 0 0 6px rgba(255,255,255,0.04);    }    .service-pill.online {      color: #d8ffe4;      border-color: rgba(34,197,94,0.28);      background: rgba(34,197,94,0.08);    }    .service-pill.online .service-dot {      background: var(--success);      box-shadow: 0 0 0 6px rgba(34,197,94,0.12);    }    .service-pill.offline {      color: #ffe2e2;      border-color: rgba(239,68,68,0.28);      background: rgba(239,68,68,0.08);    }    .service-pill.offline .service-dot {      background: var(--danger);      box-shadow: 0 0 0 6px rgba(239,68,68,0.12);    }

/* Custom request and services styles. */
.secondary-surface {      background:        radial-gradient(circle at top, rgba(255,255,255,0.02), transparent 42%),        linear-gradient(180deg, rgba(12,18,33,0.93), rgba(10,15,29,0.95));      border-color: rgba(255,255,255,0.08);      box-shadow: 0 16px 36px rgba(0,0,0,0.3);    }    .secondary-showcase .demo-card {      background:        linear-gradient(180deg, rgba(14,20,36,0.94), rgba(11,16,30,0.95));      border-color: rgba(255,255,255,0.08);    }    .services-section {      margin-top: 28px;      padding: 24px;    }    .services-grid {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 18px;      margin-top: 18px;    }    .service-card {      padding: 18px;      border-radius: 18px;      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));      border: 1px solid rgba(255,255,255,0.1);      box-shadow: var(--shadow-soft);    }    .service-card-icon {      width: 42px;      height: 42px;      display: inline-flex;      align-items: center;      justify-content: center;      border-radius: 14px;      background: rgba(110,168,254,0.12);      border: 1px solid rgba(110,168,254,0.2);      font-size: 1.1rem;      margin-bottom: 10px;    }    .service-card h3 {      margin: 0 0 8px;      font-size: 1.05rem;      letter-spacing: -0.01em;    }    .service-card p {      margin: 0;      color: var(--muted);      line-height: 1.6;      font-size: 0.95rem;    }    #pricingSection .service-card:nth-child(2) {      border-color: rgba(110,168,254,0.4);      transform: scale(1.03);      box-shadow: 0 18px 36px rgba(110,168,254,0.12);    }    .request-form-grid {      display: grid;      grid-template-columns: minmax(0, 1.14fr) minmax(300px, 0.86fr);      gap: 24px;      margin-top: 22px;      align-items: start;    }    .form-split {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 14px;    }    .policy-list {      display: grid;      gap: 12px;      margin-top: 18px;    }    .policy-item {      padding: 14px 15px;      border-radius: 16px;      background: rgba(255,255,255,0.04);      border: 1px solid rgba(255,255,255,0.08);      color: var(--muted);      line-height: 1.55;      font-size: 0.95rem;    }    .request-flow-strip {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 12px;      margin-top: 22px;    }    .request-flow-step {      padding: 14px 15px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.08);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));      box-shadow: var(--shadow-soft);    }    .request-flow-step strong {      display: block;      margin-bottom: 5px;      color: #eef4ff;      font-size: 0.93rem;      letter-spacing: -0.01em;    }    .request-flow-step span {      display: block;      color: var(--muted);      font-size: 0.9rem;      line-height: 1.55;    }    .request-main-card {      padding: 24px;    }    .request-side-column {      display: grid;      gap: 16px;      align-self: start;      position: sticky;      top: 112px;    }    .request-mode-banner {      margin-top: 4px;      padding: 16px 18px;      border-radius: 18px;      border: 1px solid rgba(110,168,254,0.18);      background: linear-gradient(135deg, rgba(110,168,254,0.13), rgba(88,156,255,0.05));      display: grid;      grid-template-columns: auto 1fr;      gap: 14px;      align-items: start;    }    .request-mode-banner[data-mode="custom"] {      border-color: rgba(244,114,182,0.22);      background: linear-gradient(135deg, rgba(244,114,182,0.12), rgba(110,168,254,0.05));    }    .request-mode-banner[data-mode="project"] {      border-color: rgba(94,234,212,0.18);      background: linear-gradient(135deg, rgba(94,234,212,0.1), rgba(110,168,254,0.04));    }    .request-mode-pill {      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 34px;      padding: 0 12px;      border-radius: 999px;      background: rgba(255,255,255,0.08);      border: 1px solid rgba(255,255,255,0.1);      color: #eef4ff;      font-size: 0.78rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      white-space: nowrap;    }    .request-mode-copy {      display: grid;      gap: 5px;    }    .request-mode-copy strong {      font-size: 1rem;      letter-spacing: -0.01em;      color: #f6f9ff;    }    .request-mode-copy p {      margin: 0;      color: var(--muted);      font-size: 0.94rem;      line-height: 1.6;    }    .request-step-card {      margin-top: 18px;      padding: 18px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.08);      background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018));    }    .request-step-card.optional {      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012));    }    .request-step-header {      display: flex;      align-items: flex-start;      gap: 14px;      margin-bottom: 16px;    }    .request-step-tag {      display: inline-flex;      align-items: center;      justify-content: center;      min-width: 60px;      min-height: 34px;      padding: 0 12px;      border-radius: 999px;      background: rgba(255,255,255,0.06);      border: 1px solid rgba(255,255,255,0.08);      color: #eef4ff;      font-size: 0.78rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;      white-space: nowrap;    }    .request-step-copy h3 {      margin: 0;      font-size: 1.08rem;      letter-spacing: -0.02em;      color: #f4f7ff;    }    .request-step-copy p {      margin: 6px 0 0;      color: var(--muted);      font-size: 0.94rem;      line-height: 1.6;    }    .request-upload-grid {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 14px;    }    .request-upload-card {      display: block;      padding: 16px;      border-radius: 16px;      border: 1px dashed rgba(110,168,254,0.28);      background: rgba(255,255,255,0.025);    }    .request-upload-card .field-label {      margin: 0 0 8px;    }    .file-input-note {      margin-top: 6px;      color: var(--muted);      font-size: 0.84rem;      line-height: 1.55;    }    .file-summary-chip {      margin-top: 10px;      min-height: 42px;      display: flex;      align-items: center;      padding: 10px 12px;      border-radius: 12px;      border: 1px solid rgba(255,255,255,0.08);      background: rgba(255,255,255,0.045);      color: #dbe7ff;      font-size: 0.88rem;      line-height: 1.45;      word-break: break-word;    }    .request-guidelines-box {      margin-top: 16px;      padding: 16px;      gap: 10px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.08);      background: rgba(8,15,29,0.42);    }    .request-guidelines-box .policy-item {      padding: 12px 13px;      border-radius: 14px;      font-size: 0.91rem;    }    .request-checkbox {      display: flex;      align-items: flex-start;      gap: 10px;      margin: 0;      padding-top: 12px;      color: var(--muted-2);      font-size: 0.93rem;      line-height: 1.6;    }    .request-checkbox input {      margin-top: 4px;      flex: 0 0 auto;    }    .request-support-note {      margin: 12px 0 0;      color: var(--muted);      font-size: 0.85rem;      line-height: 1.6;    }    .request-guide-card {      padding: 20px;    }    .owner-decision-panel {      margin-top: 14px;      padding-top: 14px;      border-top: 1px solid rgba(255,255,255,0.08);    }    .owner-decision-panel .field-label {      margin-top: 0;    }    .owner-decision-meta {      margin-top: 10px;      color: var(--muted);      font-size: 0.84rem;      line-height: 1.55;    }    .request-guide-list {      display: grid;      gap: 10px;    }    .request-guide-item {      padding: 14px 15px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.08);      background: rgba(255,255,255,0.035);    }    .request-guide-item strong {      display: block;      margin-bottom: 5px;      color: #eef4ff;      font-size: 0.92rem;      letter-spacing: -0.01em;    }    .request-guide-item span {      display: block;      color: var(--muted);      font-size: 0.9rem;      line-height: 1.55;    }    .request-actions {      margin-top: 18px;    }    .request-status {      margin-top: 14px;      min-height: 52px;      display: block;    }    .fine-print {      margin-top: 14px;      color: var(--muted);      font-size: 0.9rem;      line-height: 1.55;    }    .request-id-chip {      display: inline-flex;      align-items: center;      gap: 8px;      margin-top: 10px;      padding: 8px 12px;      border-radius: 999px;      background: rgba(34,197,94,0.12);      border: 1px solid rgba(34,197,94,0.18);      color: #d9ffe4;      font-weight: 700;      font-size: 0.88rem;    }

/* Video options base grid styles. */
.video-options-grid {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 10px 12px;      margin-top: 8px;    }

/* Demo, quick workflow, and video station styles. */
.demo-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));      gap: 22px;      margin-top: 30px;    }    .demo-card {      padding: 18px;      transition: transform 0.22s ease, box-shadow 0.22s ease;    }    .demo-card:hover {      transform: translateY(-4px);      box-shadow: 0 20px 40px rgba(0,0,0,0.4);    }    .demo-card h3 {      margin: 10px 0 8px;      font-size: 1.05rem;    }    .demo-kicker {      color: var(--accent);      font-size: 0.82rem;      font-weight: 700;      letter-spacing: 0.08em;      text-transform: uppercase;    }    .demo-video {      width: 100%;      display: block;      aspect-ratio: 16 / 9;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.12);      background: #04070f;      margin-top: 14px;      box-shadow: 0 16px 32px rgba(0,0,0,0.28);    }    .demo-note {      margin-top: 10px;      color: var(--muted);      font-size: 0.92rem;      line-height: 1.5;    }  .mini-note {      color: var(--muted);      font-size: 0.84rem;      margin-top: 4px;    }    .live-trim-panel {      margin-top: 18px;      padding: 16px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));      box-shadow: var(--shadow-soft);      display: grid;      gap: 14px;    }    .live-trim-header {      display: flex;      align-items: center;      justify-content: space-between;      gap: 12px;      flex-wrap: wrap;    }    .live-trim-title {      font-size: 0.98rem;      font-weight: 800;      letter-spacing: -0.01em;    }    .live-trim-sub {      color: var(--muted);      font-size: 0.86rem;      line-height: 1.5;    }    .live-trim-chip {      display: inline-flex;      align-items: center;      gap: 8px;      padding: 8px 11px;      border-radius: 999px;      background: rgba(110,168,254,0.1);      border: 1px solid rgba(110,168,254,0.18);      color: #dce8ff;      font-size: 0.82rem;      font-weight: 700;      white-space: nowrap;    }    .local-video-shell {      border-radius: 18px;      overflow: hidden;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(0,0,0,0.28);      min-height: 250px;      position: relative;    }    .local-video-shell video {      width: 100%;      display: block;      max-height: 360px;      background: #04070f;    }    .local-video-empty {      min-height: 250px;      display: grid;      place-items: center;      text-align: center;      padding: 24px;      color: var(--muted);      line-height: 1.6;    }    .timeline-panel {      display: grid;      gap: 10px;    }    .timeline-readout {      display: flex;      align-items: center;      justify-content: space-between;      gap: 12px;      color: #dce6ff;      font-size: 0.9rem;      flex-wrap: wrap;    }    .timeline-readout strong {      color: #f5f8ff;    }    .waveform-wrap {      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.1);      background: rgba(6, 12, 28, 0.72);      overflow: hidden;      position: relative;      min-height: 96px;      padding: 8px;    }    .waveform-canvas {      width: 100%;      height: 80px;      display: block;      border-radius: 12px;    }    .waveform-note {      margin-top: 6px;      color: var(--muted);      font-size: 0.8rem;      line-height: 1.45;    }    .trim-grid {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 14px;    }    .trim-actions {      display: flex;      flex-wrap: wrap;      gap: 10px;      align-items: center;    }    .mini-button {      border: 1px solid rgba(255,255,255,0.12);      background: rgba(255,255,255,0.04);      color: var(--text);      border-radius: 12px;      padding: 10px 12px;      font-size: 0.88rem;      font-weight: 700;      min-height: 40px;      cursor: pointer;      transition: 0.2s ease;    }    .mini-button:hover {      transform: translateY(-1px);      filter: brightness(1.04);    }    .trim-summary-grid {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 10px;    }    .trim-summary-card {      padding: 12px 13px;      border-radius: 14px;      border: 1px solid rgba(255,255,255,0.08);      background: rgba(255,255,255,0.04);      min-height: 74px;    }    .trim-summary-card .label {      color: var(--muted);      font-size: 0.76rem;      text-transform: uppercase;      letter-spacing: 0.06em;      margin-bottom: 6px;    }    .trim-summary-card .value {      color: #eef4ff;      font-size: 0.96rem;      font-weight: 800;      line-height: 1.4;    }        @media (max-width: 900px) {      .trim-grid,      .trim-summary-grid {        grid-template-columns: 1fr;      }    }    .section-divider {      margin: 60px 0 20px;      border-top: 1px solid rgba(255,255,255,0.08);    }    .pricing-micro-cta {      margin: 0 0 12px;      color: var(--muted-2);      font-size: 0.95rem;      line-height: 1.6;    }    .pricing-card-cta {      font-size: 1.02rem;      box-shadow: 0 12px 28px rgba(123, 97, 255, 0.32);    }    .custom-services-bridge {      margin: 0 0 12px;      color: var(--muted-2);      font-size: 0.95rem;      line-height: 1.6;    }    .custom-request-shell {      margin-top: 22px;    }    .custom-request-toggle {      width: 100%;      border: 1px solid rgba(255,255,255,0.12);      background: linear-gradient(135deg, rgba(110,168,254,0.12), rgba(110,168,254,0.04));      color: var(--text);      border-radius: 18px;      padding: 16px 18px;      min-height: 58px;      display: flex;      align-items: center;      justify-content: space-between;      gap: 16px;      font-size: 1rem;      font-weight: 800;      box-shadow: var(--shadow-soft);    }    .custom-request-toggle:hover {      transform: translateY(-1px);      filter: brightness(1.03);    }    .custom-request-toggle-copy {      display: flex;      flex-direction: column;      align-items: flex-start;      gap: 4px;      text-align: left;    }    .custom-request-toggle-eyebrow {      color: #cfe0ff;      font-size: 0.76rem;      font-weight: 800;      letter-spacing: 0.08em;      text-transform: uppercase;    }    .custom-request-toggle-copy small {      color: var(--muted-2);      font-size: 0.84rem;      font-weight: 500;      line-height: 1.45;    }    .custom-request-toggle-icon {      font-size: 1.15rem;      color: var(--muted-2);      transition: transform 0.25s ease;      flex: 0 0 auto;    }    .custom-request-shell.open .custom-request-toggle-icon {      transform: rotate(180deg);    }    .custom-request-content {      display: none;      margin-top: 12px;    }    .custom-request-shell.open .custom-request-content {      display: block;    }    .quick-video-panel {      margin-top: 18px;      padding: 18px;      border-radius: 20px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));      box-shadow: var(--shadow-soft);    }    .quick-video-label {      display: inline-flex;      align-items: center;      gap: 8px;      padding: 8px 12px;      border-radius: 999px;      background: rgba(110,168,254,0.1);      border: 1px solid rgba(110,168,254,0.18);      color: #dce8ff;      font-size: 0.82rem;      font-weight: 700;      margin-bottom: 12px;    }    .quick-video-heading {      margin: 0 0 8px;      font-size: 1.12rem;      letter-spacing: -0.02em;    }    .quick-video-copy {      margin: 0;      color: var(--muted);      line-height: 1.6;      font-size: 0.94rem;    }    .quick-video-helper {      margin-top: 12px;      color: var(--muted-2);      font-size: 0.9rem;      line-height: 1.55;    }    .advanced-video-shell {      margin-top: 12px;    }    .photo-mode-panel {      margin-top: 18px;      padding: 18px;      border-radius: 20px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));      box-shadow: var(--shadow-soft);    }    .photo-helper {      margin-top: 12px;      color: var(--muted-2);      font-size: 0.9rem;      line-height: 1.55;    }    .compact-workspace .tool-head p,    .compact-workspace .quick-video-copy,    .compact-workspace .quick-video-heading,    .compact-workspace .quick-video-label,    .compact-workspace .photo-helper,    .compact-workspace .preset-main,    .compact-workspace #photoPaymentNote {      display: none;    }    .compact-workspace .preset-chip {      min-height: 94px;      padding: 14px 14px 12px;      justify-content: flex-start;    }    .compact-workspace .preset-top {      margin-bottom: 0;      flex-direction: column;      align-items: flex-start;      justify-content: flex-start;      gap: 8px;    }    .compact-workspace .preset-name {      font-size: 0.96rem;      line-height: 1.08;      white-space: normal;    }    .compact-workspace .preset-pill {      font-size: 0.68rem;      padding: 4px 8px;      line-height: 1;    }    @media (max-width: 1100px) {      .photo-mode-panel .preset-row {        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;      }    }    @media (max-width: 700px) {      .photo-mode-panel .preset-row,      .quick-video-panel .preset-row {        grid-template-columns: 1fr !important;      }    }    .hero-actions {      display: flex;      flex-wrap: wrap;      gap: 12px;      margin-top: 24px;    }    .hero-inline-link {      display: inline-flex;      align-items: center;      min-height: 44px;      color: #dbe7ff;      text-decoration: none;      font-weight: 700;      padding: 0 4px;    }    .hero-inline-link:hover {      color: #ffffff;    }    .hero-quickflow {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 12px;      margin-top: 18px;      max-width: 760px;    }    .hero-step {      padding: 14px 16px;      border-radius: 16px;      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);    }    .hero-step strong {      display: block;      color: var(--text);      font-size: 0.98rem;      margin-bottom: 4px;    }    .hero-proof-strip {      margin-top: 18px;      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 12px;      max-width: 760px;    }    .hero-proof-item {      padding: 14px 16px;      border-radius: 16px;      background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.03));      border: 1px solid rgba(255,255,255,0.11);      box-shadow: var(--shadow-soft);    }    .hero-proof-label {      display: block;      color: var(--muted);      font-size: 0.76rem;      text-transform: uppercase;      letter-spacing: 0.08em;      margin-bottom: 6px;      font-weight: 700;    }    .hero-proof-value {      display: block;      color: var(--text);      font-size: 1rem;      font-weight: 800;      margin-bottom: 4px;    }    .hero-proof-item p {      margin: 0;      color: var(--muted-2);      font-size: 0.9rem;      line-height: 1.55;    }    .station-link-card {      margin-top: 14px;      padding: 14px 16px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));      box-shadow: var(--shadow-soft);    }    .station-link-card strong {      display: block;      color: var(--text);      font-size: 0.98rem;      margin-bottom: 5px;    }    .station-link-card p {      margin: 0;      color: var(--muted-2);      font-size: 0.9rem;      line-height: 1.55;    }    .station-link-card .button-link {      margin-top: 12px;    }    .workflow-redirect-card {      margin-top: 18px;      padding: 18px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.1);      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));      box-shadow: var(--shadow-soft);    }    .workflow-redirect-card h3 {      margin: 0 0 8px;      font-size: 1.08rem;      letter-spacing: -0.02em;    }    .workflow-redirect-card p {      margin: 0;      color: var(--muted-2);      line-height: 1.6;    }    body[data-page="quick-workflow"] #photoAdvancedSection,    body[data-page="quick-workflow"] #videoAdvancedSection {      display: none;    }    body[data-page="video-editing-station"] .hero {      padding: 18px 20px 16px;    }    body[data-page="video-editing-station"] .hero-topbar {      grid-template-columns: minmax(0, 1fr) 260px;      gap: 14px;      margin-bottom: 12px;    }    body[data-page="video-editing-station"] .hero-main {      display: block;    }    body[data-page="video-editing-station"] .editor-page-head {      display: flex;      align-items: center;      justify-content: space-between;      gap: 16px;      padding: 14px 16px;      border-radius: 20px;      border: 1px solid rgba(255,255,255,0.08);      background:        radial-gradient(circle at top left, rgba(110,168,254,0.08), transparent 36%),        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));    }    body[data-page="video-editing-station"] .editor-page-copy {      min-width: 0;    }    body[data-page="video-editing-station"] .wrap {      max-width: 1560px;      padding-left: 24px;      padding-right: 24px;    }    body[data-page="video-editing-station"] .editor-page-kicker {      color: rgba(220,230,255,0.58);      font-size: 0.7rem;      font-weight: 700;      letter-spacing: 0.1em;      text-transform: uppercase;      margin-bottom: 6px;    }    body[data-page="video-editing-station"] .editor-page-title {      margin: 0;      color: #f3f7ff;      font-size: 1.35rem;      letter-spacing: -0.03em;    }    body[data-page="video-editing-station"] .editor-page-summary {      margin: 6px 0 0;      max-width: 62ch;      color: rgba(220,230,255,0.74);      font-size: 0.92rem;      line-height: 1.55;    }    body[data-page="video-editing-station"] .editor-page-links {      display: flex;      align-items: center;      gap: 10px;      flex-wrap: wrap;      justify-content: flex-end;    }    body[data-page="video-editing-station"] .editor-page-links .button-link {      min-height: 40px;      padding: 9px 13px;      font-size: 0.86rem;    }    body[data-page="video-editing-station"] .editor-page-links .hero-inline-link {      font-size: 0.88rem;    }    body[data-page="video-editing-station"] .hero-right,    body[data-page="video-editing-station"] #photoWorkspace,    body[data-page="video-editing-station"] #imagePreviewCard,    body[data-page="video-editing-station"] #workspaceRail,    body[data-page="video-editing-station"] .post-sticky-intro,    body[data-page="video-editing-station"] #pricingSection,    body[data-page="video-editing-station"] .section-divider,    body[data-page="video-editing-station"] .services-section,    body[data-page="video-editing-station"] #customRequestShell {      display: none;    }    body[data-page="video-editing-station"] .hero-quickflow,    body[data-page="video-editing-station"] .hero-proof-strip,    body[data-page="video-editing-station"] .hero-badges,    body[data-page="video-editing-station"] .station-link-card,    body[data-page="video-editing-station"] #videoSamplesSectionIntro,    body[data-page="video-editing-station"] #demoSamples,    body[data-page="video-editing-station"] #videoPricingSectionIntro,    body[data-page="video-editing-station"] #videoCustomServicesSectionIntro {      display: none;    }    body[data-page="video-editing-station"] #unlockStatusLine {      margin-top: 10px;      padding: 10px 14px;      border-radius: 14px;      background: rgba(255,255,255,0.03);      border: 1px solid rgba(255,255,255,0.06);      font-size: 0.84rem;      line-height: 1.5;    }    body[data-page="video-editing-station"] #videoWorkspace {      grid-template-columns: 1fr;      gap: 16px;      margin-top: 18px;    }    body[data-page="video-editing-station"] #videoWorkspace > .tool-card {      padding: 18px;      border-radius: 24px;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-options-copy {      min-width: 0;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-options-label {      color: rgba(220,230,255,0.58);      font-size: 0.68rem;      font-weight: 700;      letter-spacing: 0.1em;      text-transform: uppercase;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-options-title {      margin-top: 4px;      color: #f3f7ff;      font-size: 0.96rem;      font-weight: 800;      letter-spacing: -0.02em;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-options-actions {      display: flex;      align-items: center;      gap: 10px;      flex-wrap: wrap;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-option-btn {      min-height: 40px;      padding: 9px 13px;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.06);      background: rgba(255,255,255,0.025);      color: rgba(233,239,255,0.84);      font-size: 0.84rem;      font-weight: 700;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-option-btn:hover,    body[data-page="video-editing-station"] #videoWorkspace .editor-option-btn:focus-visible {      background: linear-gradient(180deg, rgba(110,168,254,0.14), rgba(110,168,254,0.06));      border-color: rgba(110,168,254,0.22);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-option-btn.is-active {      background: linear-gradient(180deg, rgba(110,168,254,0.2), rgba(110,168,254,0.08));      border-color: rgba(110,168,254,0.28);      color: #eef5ff;      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);    }    body[data-page="video-editing-station"] #videoWorkspace .compact-workspace {      display: grid;      grid-template-columns: 1fr;      gap: 16px 18px;      align-items: start;      background:        radial-gradient(circle at top left, rgba(110,168,254,0.11), transparent 34%),        linear-gradient(180deg, rgba(17,24,42,0.985), rgba(11,16,31,0.985));      box-shadow: 0 20px 40px rgba(0,0,0,0.28);    }    body[data-page="video-editing-station"] #videoWorkspace .tool-head {      grid-column: 1 / -1;      margin-bottom: 10px;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail {      display: flex;      align-items: center;      justify-content: center;      gap: 10px;      flex-wrap: wrap;      margin: 0 auto 16px;      padding: 8px 10px;      width: fit-content;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.06);      background:        radial-gradient(circle at top left, rgba(110,168,254,0.1), transparent 42%),        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.018));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-link {      display: flex;      flex-direction: row;      align-items: center;      justify-content: center;      gap: 8px;      min-width: 108px;      padding: 9px 14px;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.05);      background: rgba(255,255,255,0.018);      color: rgba(233,239,255,0.8);      text-decoration: none;      text-align: center;      transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-link:hover,    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-link:focus-visible {      transform: translateY(-1px);      border-color: rgba(110,168,254,0.3);      background: linear-gradient(180deg, rgba(110,168,254,0.15), rgba(110,168,254,0.08));      outline: none;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-link.is-active {      border-color: rgba(110,168,254,0.24);      background: linear-gradient(180deg, rgba(110,168,254,0.17), rgba(110,168,254,0.05));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-icon {      width: 24px;      height: 24px;      display: inline-flex;      align-items: center;      justify-content: center;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.07);      background: rgba(7,10,20,0.6);      font-size: 0.76rem;      font-weight: 700;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-rail-text {      display: block;      font-size: 0.68rem;      line-height: 1;      letter-spacing: 0.08em;      text-transform: uppercase;    }    body[data-page="video-editing-station"] #videoWorkspace .tool-head h2,    body[data-page="video-editing-station"] #videoPreviewCard .tool-head h2 {      font-size: 1.16rem;    }    body[data-page="video-editing-station"] #videoWorkspace .tool-head p,    body[data-page="video-editing-station"] #videoPreviewCard .tool-head p {      font-size: 0.92rem;      line-height: 1.55;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > #videoDropzone {      grid-column: 2;      grid-row: 1;      margin-top: 0;      width: 100%;      min-height: 118px;      padding: 18px 14px;      border-radius: 22px;      background:        radial-gradient(circle at top, rgba(110,168,254,0.09), transparent 42%),        rgba(255,255,255,0.025);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > #videoDropzone .icon {      font-size: 1.4rem;      margin-bottom: 8px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > #videoDropzone strong {      font-size: 0.92rem;      margin-bottom: 6px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .editor-options-toolbar {      grid-column: 2;      grid-row: 2;      display: flex;      flex-direction: column;      align-items: stretch;      justify-content: flex-start;      gap: 12px;      padding: 12px 14px;      border-radius: 18px;      border: 1px solid rgba(255,255,255,0.06);      background:        radial-gradient(circle at top left, rgba(110,168,254,0.08), transparent 42%),        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.016));    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-options-actions {      display: grid;      grid-template-columns: 1fr;      gap: 8px;    }    body[data-page="video-editing-station"] #videoWorkspace .quick-video-inspector {      display: grid;      gap: 14px;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-head {      display: grid;      gap: 4px;      padding-bottom: 2px;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-label {      color: rgba(220,230,255,0.58);      font-size: 0.68rem;      font-weight: 700;      letter-spacing: 0.1em;      text-transform: uppercase;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-title {      color: #f3f7ff;      font-size: 1rem;      font-weight: 800;      letter-spacing: -0.02em;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-copy {      color: rgba(220,230,255,0.68);      font-size: 0.82rem;      line-height: 1.5;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-section {      margin: 0;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-row {      grid-template-columns: 1fr;      gap: 10px;      margin-top: 0;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-chip {      min-height: 0;      padding: 12px 14px;      border-radius: 16px;      justify-content: center;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-top {      margin-bottom: 0;      flex-direction: row;      align-items: center;      justify-content: space-between;      gap: 10px;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-name {      font-size: 0.92rem;      line-height: 1.15;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-pill {      flex-shrink: 0;      font-size: 0.66rem;      padding: 4px 7px;    }    body[data-page="video-editing-station"] #videoWorkspace .preset-chip.active {      box-shadow: 0 10px 22px rgba(110,168,254,0.14);    }    body[data-page="video-editing-station"] #videoWorkspace .select-group {      margin-top: 0;      grid-template-columns: 1fr;      gap: 14px;      align-items: start;    }    body[data-page="video-editing-station"] #videoWorkspace .actions {      margin-top: 14px;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-actions {      display: grid;      grid-template-columns: 1fr;      gap: 8px;      margin-top: 0;    }    body[data-page="video-editing-station"] #videoWorkspace .video-setup-actions > * {      width: 100%;    }    body[data-page="video-editing-station"] #videoWorkspace #processVideoBtn {      min-width: 0;    }    body[data-page="video-editing-station"] #videoWorkspace #videoCrfValue {      margin-bottom: 0;      font-size: 0.82rem;      color: rgba(220,230,255,0.72);    }    body[data-page="video-editing-station"] #videoAdvancedSection {      grid-column: 2 / -1;      grid-row: 4 / span 5;      margin-top: 0;    }    body[data-page="video-editing-station"] #videoWorkspace .collapsible {      border-radius: 22px;      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));      border: 1px solid rgba(255,255,255,0.06);      overflow: hidden;    }    body[data-page="video-editing-station"] #videoWorkspace .collapse-toggle {      padding: 14px 16px;    }    body[data-page="video-editing-station"] #videoWorkspace .collapse-badge {      width: 34px;      height: 34px;      border-radius: 10px;      font-size: 0.92rem;    }    body[data-page="video-editing-station"] #videoWorkspace .collapse-sub {      font-size: 0.78rem;    }    body[data-page="video-editing-station"] #videoAdvancedSection > .collapse-toggle {      background: linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.014));      border-bottom: 1px solid rgba(255,255,255,0.05);      min-height: 62px;    }    body[data-page="video-editing-station"] #videoAdvancedSection.open > .collapse-content {      display: grid;      grid-template-columns: minmax(0, 6.4fr) minmax(280px, 1.12fr);      grid-template-rows: auto auto minmax(0, 1fr);      gap: 18px;      align-items: start;      padding: 14px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .live-trim-panel {      grid-column: 1;      grid-row: 1 / span 3;      align-self: stretch;      height: 100%;      margin-top: 0;    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty {      grid-column: 2;      grid-row: 3;      display: flex;      flex-direction: column;      gap: 14px;      min-height: 100%;      padding: 16px;      border-radius: 20px;      border: 1px solid rgba(255,255,255,0.06);      background:        radial-gradient(circle at top left, rgba(110,168,254,0.08), transparent 42%),        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.018));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty-copy {      color: rgba(220,230,255,0.74);      font-size: 0.86rem;      line-height: 1.6;    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty-list {      display: grid;      gap: 10px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty-item {      padding: 12px 13px;      border-radius: 16px;      border: 1px solid rgba(255,255,255,0.06);      background: rgba(255,255,255,0.028);    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty-item strong {      display: block;      margin-bottom: 4px;      color: #eef5ff;      font-size: 0.85rem;      letter-spacing: -0.01em;    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty-item span {      display: block;      color: rgba(220,230,255,0.68);      font-size: 0.79rem;      line-height: 1.5;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible {      display: none;      margin-top: 0;      height: 100%;      border-color: rgba(255,255,255,0.05);      background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.014));      box-shadow: none;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible > .collapse-content {      display: none !important;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible.open > .collapse-content {      display: block !important;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > #advancedSection {      grid-column: 1 / -1;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-toggle {      min-height: 46px;      padding: 10px 12px;      background: rgba(255,255,255,0.012);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible:not(.open) .collapse-toggle {      opacity: 0.86;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-toggle:hover,    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-toggle:focus-visible {      background: rgba(255,255,255,0.03);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-left {      gap: 10px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-badge {      width: 28px;      height: 28px;      border-radius: 9px;      font-size: 0.78rem;      background: rgba(255,255,255,0.04);      border-color: rgba(255,255,255,0.06);      color: rgba(220,230,255,0.78);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-title {      font-size: 0.9rem;      font-weight: 700;      color: rgba(233,239,255,0.9);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-icon {      font-size: 0.82rem;      color: rgba(220,230,255,0.56);    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible .collapse-sub {      display: none;    }    body[data-page="video-editing-station"] #videoAdvancedSection .collapse-content > .collapsible.open {      border-color: rgba(110,168,254,0.16);      background:        radial-gradient(circle at top left, rgba(110,168,254,0.06), transparent 42%),        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02));      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible {      display: none;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .editor-inspector-empty {      display: none;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open {      display: block;      grid-column: 2;      grid-row: 3;      height: auto;      align-self: start;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open > .collapse-toggle {      display: none;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open > .collapse-content {      padding: 16px;      border-top: 0;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .live-trim-panel {      grid-column: 1;      grid-row: 1 / span 3;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > #advancedSection.open {      grid-column: 2;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .video-options-grid {      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 10px 12px;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .video-options-grid > div {      min-width: 0;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .video-options-grid .field-label {      font-size: 0.81rem;      line-height: 1.25;      margin: 0 0 6px;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .select,    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .text-input,    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open .textarea-input {      min-width: 0;      padding: 10px 11px;      font-size: 0.88rem;    }    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > #advancedSection.open .video-options-grid > div:last-child,    body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > #advancedSection.open .video-options-grid .textarea-input {      grid-column: 1 / -1;    }    body[data-page="video-editing-station"] #videoAdvancedSection .editor-option-btn {      width: 100%;      justify-content: center;      text-align: center;      font-size: 0.8rem;      line-height: 1.25;      padding: 8px 10px;    }    body[data-page="video-editing-station"] #videoAdvancedSection .inspector-panel-head {      display: flex;      flex-direction: column;      gap: 4px;      margin-bottom: 14px;      padding-bottom: 12px;      border-bottom: 1px solid rgba(255,255,255,0.06);    }    body[data-page="video-editing-station"] #videoAdvancedSection .inspector-panel-label {      color: rgba(220,230,255,0.54);      font-size: 0.68rem;      font-weight: 700;      letter-spacing: 0.1em;      text-transform: uppercase;    }    body[data-page="video-editing-station"] #videoAdvancedSection .inspector-panel-title {      color: #f2f6ff;      font-size: 1rem;      font-weight: 800;      letter-spacing: -0.02em;    }    body[data-page="video-editing-station"] #videoAdvancedSection .inspector-panel-copy {      color: rgba(220,230,255,0.72);      font-size: 0.82rem;      line-height: 1.45;    }    body[data-page="video-editing-station"] #videoWorkspace .live-trim-panel {      padding: 16px;      border-radius: 20px;      background:        radial-gradient(circle at top, rgba(110,168,254,0.06), transparent 36%),        rgba(8,12,24,0.42);      border: 1px solid rgba(255,255,255,0.08);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-bar {      display: flex;      align-items: center;      justify-content: space-between;      gap: 14px;      padding: 11px 12px;      border-radius: 18px;      background:        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018)),        radial-gradient(circle at top left, rgba(110,168,254,0.08), transparent 42%);      border: 1px solid rgba(255,255,255,0.06);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-meta {      display: flex;      align-items: center;      gap: 14px;      min-width: 0;      flex-wrap: wrap;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-project {      display: flex;      align-items: center;      gap: 10px;      min-width: 0;      padding: 8px 12px;      border-radius: 14px;      background: rgba(255,255,255,0.03);      border: 1px solid rgba(255,255,255,0.05);    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-label {      color: rgba(220,230,255,0.6);      font-size: 0.72rem;      letter-spacing: 0.08em;      text-transform: uppercase;      white-space: nowrap;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-name {      color: #f2f6ff;      font-size: 0.92rem;      font-weight: 700;      white-space: nowrap;      overflow: hidden;      text-overflow: ellipsis;      max-width: 240px;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-badges,    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-actions {      display: flex;      align-items: center;      gap: 10px;      flex-wrap: wrap;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-pill,    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-action {      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 34px;      padding: 8px 12px;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.06);      background: rgba(255,255,255,0.026);      color: rgba(233,239,255,0.84);      font-size: 0.8rem;      font-weight: 700;      white-space: nowrap;    }    body[data-page="video-editing-station"] #videoWorkspace .editor-stage-action.is-primary {      background: linear-gradient(180deg, rgba(110,168,254,0.18), rgba(110,168,254,0.08));      border-color: rgba(110,168,254,0.2);      color: #eef5ff;    }    body[data-page="video-editing-station"] #videoWorkspace .local-video-shell {      min-height: 540px;      background: #04070f;    }    body[data-page="video-editing-station"] #videoWorkspace .local-video-shell video {      max-height: 680px;      min-height: 540px;      object-fit: contain;    }    body[data-page="video-editing-station"] #videoWorkspace .local-video-empty {      min-height: 540px;    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-panel {      gap: 14px;      margin-top: 4px;      padding: 14px;      border-radius: 18px;      background: rgba(255,255,255,0.028);      border: 1px solid rgba(255,255,255,0.06);    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-readout {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 10px;    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-readout > span {      padding: 10px 12px;      border-radius: 14px;      background: rgba(255,255,255,0.03);      border: 1px solid rgba(255,255,255,0.05);      font-size: 0.88rem;    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-track-block,    body[data-page="video-editing-station"] #videoWorkspace .trim-handle-card {      padding: 12px 14px;      border-radius: 16px;      background: linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.018));      border: 1px solid rgba(255,255,255,0.05);    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-track-head {      display: flex;      align-items: center;      justify-content: space-between;      gap: 12px;      margin-bottom: 8px;      flex-wrap: wrap;    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-track-caption {      color: rgba(220,230,255,0.68);      font-size: 0.78rem;      line-height: 1.4;    }    body[data-page="video-editing-station"] #videoWorkspace .timeline-track-block .field-label.tight,    body[data-page="video-editing-station"] #videoWorkspace .trim-handle-card .field-label.tight {      margin-bottom: 0;      font-size: 0.72rem;      letter-spacing: 0.08em;      text-transform: uppercase;      color: rgba(220,230,255,0.74);    }    body[data-page="video-editing-station"] #videoWorkspace .waveform-wrap {      min-height: 124px;      border-radius: 20px;      padding: 10px 12px 12px;      background:        linear-gradient(180deg, rgba(17,23,42,0.92), rgba(8,12,24,0.92)),        repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 64px);      border: 1px solid rgba(110,168,254,0.12);      box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);    }    body[data-page="video-editing-station"] #videoWorkspace .waveform-wrap::before {      content: "";      display: block;      height: 18px;      margin-bottom: 10px;      border-radius: 10px;      background:        linear-gradient(90deg, rgba(110,168,254,0.35), rgba(110,168,254,0)) left center / 35% 1px no-repeat,        repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.18) 1px, transparent 1px, transparent 48px);      opacity: 0.45;    }    body[data-page="video-editing-station"] #videoWorkspace .waveform-canvas {      border-radius: 14px;      background: rgba(6,10,20,0.56);    }    body[data-page="video-editing-station"] #videoWorkspace .waveform-note {      margin-top: 10px;      font-size: 0.78rem;      color: rgba(220,230,255,0.68);    }    body[data-page="video-editing-station"] #videoWorkspace .trim-actions {      justify-content: flex-start;      flex-wrap: wrap;      gap: 10px;      padding-top: 2px;    }    body[data-page="video-editing-station"] #videoWorkspace .trim-grid {      gap: 12px;    }    body[data-page="video-editing-station"] #videoWorkspace #localTimelineSlider,    body[data-page="video-editing-station"] #videoWorkspace #trimStartSlider,    body[data-page="video-editing-station"] #videoWorkspace #trimEndSlider {      -webkit-appearance: none;      appearance: none;      height: 24px;      margin: 0;      background: transparent;    }    body[data-page="video-editing-station"] #videoWorkspace #localTimelineSlider::-webkit-slider-runnable-track,    body[data-page="video-editing-station"] #videoWorkspace #trimStartSlider::-webkit-slider-runnable-track,    body[data-page="video-editing-station"] #videoWorkspace #trimEndSlider::-webkit-slider-runnable-track {      height: 6px;      border-radius: 999px;      background: linear-gradient(90deg, rgba(110,168,254,0.9), rgba(110,168,254,0.26));      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);    }    body[data-page="video-editing-station"] #videoWorkspace #localTimelineSlider::-moz-range-track,    body[data-page="video-editing-station"] #videoWorkspace #trimStartSlider::-moz-range-track,    body[data-page="video-editing-station"] #videoWorkspace #trimEndSlider::-moz-range-track {      height: 6px;      border-radius: 999px;      background: linear-gradient(90deg, rgba(110,168,254,0.9), rgba(110,168,254,0.26));      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);    }    body[data-page="video-editing-station"] #videoWorkspace #localTimelineSlider::-webkit-slider-thumb,    body[data-page="video-editing-station"] #videoWorkspace #trimStartSlider::-webkit-slider-thumb,    body[data-page="video-editing-station"] #videoWorkspace #trimEndSlider::-webkit-slider-thumb {      -webkit-appearance: none;      appearance: none;      width: 18px;      height: 18px;      margin-top: -6px;      border-radius: 50%;      border: 2px solid rgba(9,14,28,0.95);      background: #dfe9ff;      box-shadow: 0 0 0 4px rgba(110,168,254,0.2);    }    body[data-page="video-editing-station"] #videoWorkspace #localTimelineSlider::-moz-range-thumb,    body[data-page="video-editing-station"] #videoWorkspace #trimStartSlider::-moz-range-thumb,    body[data-page="video-editing-station"] #videoWorkspace #trimEndSlider::-moz-range-thumb {      width: 18px;      height: 18px;      border-radius: 50%;      border: 2px solid rgba(9,14,28,0.95);      background: #dfe9ff;      box-shadow: 0 0 0 4px rgba(110,168,254,0.2);    }    body[data-page="video-editing-station"] #videoWorkspace .mini-button {      border-radius: 999px;      padding: 10px 14px;      background: rgba(255,255,255,0.05);    }    body[data-page="video-editing-station"] #videoWorkspace .trim-summary-grid {      gap: 12px;    }    body[data-page="video-editing-station"] #videoWorkspace .trim-summary-card {      padding: 14px;      border-radius: 16px;      background: rgba(255,255,255,0.03);    }    body[data-page="video-editing-station"] #videoWorkspace .video-options-grid {      gap: 12px 14px;    }    body[data-page="video-editing-station"] #videoWorkspace #advancedSection .video-options-grid {      grid-template-columns: repeat(3, minmax(0, 1fr));    }    body[data-page="video-editing-station"] #videoUsageNote,    body[data-page="video-editing-station"] #videoProgressWrap,    body[data-page="video-editing-station"] #videoStatusBox {      grid-column: 2;    }    body[data-page="video-editing-station"] #videoUsageNote {      display: inline-flex;      align-items: center;      gap: 8px;      margin-top: 8px;      padding: 8px 12px;      border-radius: 999px;      border: 1px solid rgba(255,255,255,0.06);      background: rgba(255,255,255,0.026);      font-size: 0.78rem;      line-height: 1.3;    }    body[data-page="video-editing-station"] #videoPreviewCard {      position: static;      top: auto;      background:        radial-gradient(circle at top, rgba(110,168,254,0.08), transparent 34%),        linear-gradient(180deg, rgba(14,20,36,0.97), rgba(10,15,29,0.98));    }    body[data-page="video-editing-station"] #videoPreviewCard.is-empty {      display: none;    }    body[data-page="video-editing-station"] #videoPreviewBox {      min-height: 340px;    }    body[data-page="video-editing-station"] #videoUsageNote {      margin-top: 12px;    }    .workspace-anchor,    #pricingSection,    #customRequestShell {      scroll-margin-top: 120px;    }    @media (max-width: 900px) {      .hero-actions,      .hero-quickflow,      .hero-proof-strip {        grid-template-columns: 1fr;      }      .hero-actions {        flex-direction: column;        align-items: stretch;      }      .hero-actions .button-link,      .hero-actions button {        width: 100%;      }      .hero-proof-strip {        grid-template-columns: 1fr;      }      body[data-page="video-editing-station"] .hero-topbar,      body[data-page="video-editing-station"] .editor-page-head {        grid-template-columns: 1fr;        flex-direction: column;        align-items: stretch;      }      body[data-page="video-editing-station"] .editor-page-links {        justify-content: flex-start;      }    }    @media (max-width: 1120px) {      body[data-page="video-editing-station"] #videoWorkspace .compact-workspace {        grid-template-columns: 1fr;      }      body[data-page="video-editing-station"] #videoWorkspace .editor-rail {        width: 100%;        justify-content: flex-start;      }      body[data-page="video-editing-station"] #videoAdvancedSection,      body[data-page="video-editing-station"] #videoWorkspace .editor-options-toolbar,      body[data-page="video-editing-station"] #videoWorkspace .dropzone,      body[data-page="video-editing-station"] #videoWorkspace .quick-video-panel,      body[data-page="video-editing-station"] #videoUsageNote,      body[data-page="video-editing-station"] #videoProgressWrap,      body[data-page="video-editing-station"] #videoStatusBox {        grid-column: 1;        grid-row: auto;      }      body[data-page="video-editing-station"] #videoAdvancedSection.open > .collapse-content {        grid-template-columns: 1fr;      }      body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .live-trim-panel,      body[data-page="video-editing-station"] #videoAdvancedSection .editor-inspector-empty,      body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > .collapsible.open,      body[data-page="video-editing-station"] #videoAdvancedSection.has-active-option-panel .collapse-content > #advancedSection.open {        grid-column: 1;      }      body[data-page="video-editing-station"] #videoWorkspace .timeline-readout,      body[data-page="video-editing-station"] #videoWorkspace #advancedSection .video-options-grid {        grid-template-columns: 1fr;      }      body[data-page="video-editing-station"] #videoWorkspace .editor-stage-bar,      body[data-page="video-editing-station"] #videoWorkspace .editor-stage-meta {        flex-direction: column;        align-items: stretch;      }      body[data-page="video-editing-station"] #videoWorkspace .editor-stage-actions {        justify-content: flex-start;      }      body[data-page="video-editing-station"] #videoWorkspace .editor-options-toolbar {        flex-direction: column;        align-items: stretch;      }      body[data-page="video-editing-station"] #videoWorkspace .editor-options-actions {        justify-content: flex-start;      }      body[data-page="video-editing-station"] #videoWorkspace .local-video-shell,      body[data-page="video-editing-station"] #videoWorkspace .local-video-shell video,      body[data-page="video-editing-station"] #videoWorkspace .local-video-empty {        min-height: 360px;      }    }

/* SEO link section styles. */
.seo-pages-section {      margin-top: 28px;    }    .seo-pages-grid {      display: grid;      grid-template-columns: repeat(4, minmax(0, 1fr));      gap: 16px;      margin-top: 12px;    }    .seo-page-card {      padding: 18px;      border-radius: 18px;      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));      border: 1px solid rgba(255,255,255,0.1);      box-shadow: var(--shadow-soft);    }    .seo-page-card h3 {      margin: 0 0 10px;      font-size: 1.02rem;      letter-spacing: -0.02em;    }    .seo-page-card p {      margin: 0 0 14px;      color: var(--muted);      font-size: 0.93rem;      line-height: 1.6;    }    .seo-page-link-list {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 12px;    }    .seo-inline-link {      color: #dce7ff;      text-decoration: underline;      text-underline-offset: 3px;    }    .seo-page-link {      display: inline-flex;      align-items: center;      justify-content: center;      min-height: 42px;      padding: 10px 14px;      border-radius: 12px;      background: rgba(255,255,255,0.05);      border: 1px solid rgba(255,255,255,0.1);      color: var(--text);      text-decoration: none;      font-weight: 700;      font-size: 0.9rem;      transition: 0.2s ease;    }    .seo-page-link:hover {      transform: translateY(-1px);      filter: brightness(1.05);    }    @media (max-width: 1100px) {      .seo-pages-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));      }    }    @media (max-width: 700px) {      .seo-pages-grid {        grid-template-columns: 1fr;      }    }

/* Unified footer styles. */

.mst-page-nav,
    header.topbar,
    .topbar,
    .hero-topbar {
      min-height: auto !important;
      padding: 6px 8px !important;
      gap: 6px !important;
      border-radius: 8px !important;
    }

    .mst-page-nav {
      margin-top: 8px !important;
    }

    .mst-page-brand,
    .brand,
    .brand-pill,
    .pill,
    .eyebrow[href] {
      min-height: 34px !important;
      padding: 4px 8px !important;
      font-size: 0.76rem !important;
      line-height: 1.12 !important;
    }

    .mst-page-links,
    .topnav,
    .actions,
    .hero-top-actions,
    header.topbar .controls,
    .topbar .controls {
      gap: 4px !important;
    }

    .mst-page-links a,
    .topnav a,
    .actions a,
    .hero-top-actions a,
    .hero-top-actions button,
    .hero-top-actions .paid-credit-pill,
    header.topbar .controls button,
    header.topbar .controls .download,
    .topbar .controls button,
    .topbar .controls .download,
    .hero-status-chip,
    .hero-account-toggle,
    .account-link,
    body .hero-top-actions .hero-status-chip,
    body .hero-top-actions .hero-account-toggle,
    body .hero-top-actions .hero-account-toggle.is-active,
    body .hero-top-actions .hero-account-toggle.is-open,
    body .hero-top-actions .paid-credit-pill {
      min-height: 34px !important;
      padding: 4px 7px !important;
      border-radius: 8px !important;
      font-size: 0.72rem !important;
      line-height: 1.12 !important;
    }

    .hero-top-actions .hero-account-copy,
    body .hero-top-actions .hero-account-copy {
      gap: 0 !important;
      line-height: 1.05 !important;
    }

    .hero-top-actions .hero-account-title,
    .hero-top-actions .hero-account-meta,
    .hero-top-actions .hero-account-badge,
    .hero-top-actions .hero-status-label,
    .hero-top-actions .hero-status-value,
    body .hero-top-actions .hero-account-title,
    body .hero-top-actions .hero-account-meta,
    body .hero-top-actions .hero-account-badge,
    body .hero-top-actions .hero-status-label,
    body .hero-top-actions .hero-status-value {
      font-size: 0.68rem !important;
      line-height: 1.05 !important;
    }

    header.topbar .title,
    .topbar .title {
      font-size: 1rem !important;
      line-height: 1.08 !important;
    }

    header.topbar .status,
    .topbar .status {
      margin-top: 3px !important;
      font-size: 0.72rem !important;
      line-height: 1.16 !important;
    }

    header.topbar .controls,
    .topbar .controls {
      justify-content: flex-start !important;
    }

    header.seo-hero,
    header.hero {
      padding-top: 18px !important;
      padding-bottom: 26px !important;
    }

    .mst-unified-footer {
      width: min(1460px, calc(100% - 20px));
      margin: 14px auto 10px;
      padding: 8px;
      border: 1px solid rgba(185, 197, 215, 0.14);
      border-radius: 8px;
      background: rgba(8, 12, 19, 0.9);
      color: #eef4ff;
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    }

    .mst-unified-footer,
    .mst-unified-footer * {
      box-sizing: border-box;
    }

    .mst-unified-footer-top {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 4px 8px;
      margin-bottom: 6px;
      color: #c7d2e4;
      font-size: 0.7rem;
      line-height: 1.15;
    }

    .mst-unified-footer-brand {
      color: #ffffff;
      font-weight: 800;
    }

    .mst-unified-footer-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
      align-items: start;
    }

    .mst-unified-footer-group {
      min-width: 0;
      padding: 6px;
      border: 1px solid rgba(185, 197, 215, 0.1);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.03);
    }

    .mst-unified-footer-title {
      margin: 0 0 4px;
      color: #ffffff;
      font-size: 0.68rem;
      font-weight: 850;
      letter-spacing: 0;
      line-height: 1.1;
    }

    .mst-unified-footer-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 6px;
      row-gap: 2px;
    }

    .mst-unified-footer-group[aria-label="Account And Support"] .mst-unified-footer-links {
      row-gap: 4px;
    }

    .mst-unified-footer a,
    .mst-unified-footer button {
      appearance: none;
      display: inline-flex;
      align-items: center;
      width: fit-content;
      max-width: 100%;
      min-height: 32px !important;
      padding: 0;
      border: 0;
      background: transparent;
      color: #d9e4f4;
      font: inherit;
      font-size: 0.7rem;
      line-height: 1.16;
      text-align: left;
      text-decoration: none;
      box-shadow: none !important;
      cursor: pointer;
    }

    .mst-unified-footer a:hover,
    .mst-unified-footer button:hover {
      color: #ffffff;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .mst-unified-footer-meta {
      margin-top: 6px;
      color: #aeb9ca;
      font-size: 0.66rem;
      line-height: 1.2;
    }

    .mst-footer-badges {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-items: center;
      justify-items: center;
      gap: 4px;
      margin-top: 9px;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }

    .mst-unified-footer .mst-footer-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 32px;
      height: 32px;
      padding: 0;
      border-radius: 6px;
      line-height: 1;
      overflow: hidden;
    }

    .mst-footer-badge img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      border-radius: 5px;
      object-fit: contain;
    }

    @media (max-width: 820px) {
      .mst-page-nav,
      header.topbar,
      .topbar,
      .hero-topbar {
        align-items: flex-start !important;
      }

      .mst-page-links,
      .topnav,
      .actions,
      .hero-top-actions,
      header.topbar .controls,
      .topbar .controls {
        display: flex !important;
        flex-wrap: wrap !important;
        width: auto !important;
        max-width: 100% !important;
      }

      .mst-unified-footer {
        width: min(100% - 12px, 1460px);
        margin: 12px auto 10px;
        padding: 6px;
      }

      .mst-unified-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
      }

      .mst-unified-footer-group {
        padding: 5px;
      }

      .mst-unified-footer-links {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 520px) {
      .mst-page-nav,
      header.topbar,
      .topbar,
      .hero-topbar {
        padding: 5px 6px !important;
      }

      .mst-page-links,
      .topnav,
      .actions,
      .hero-top-actions,
      header.topbar .controls,
      .topbar .controls {
        display: flex !important;
        flex-wrap: wrap !important;
        width: auto !important;
        max-width: 100% !important;
        gap: 3px !important;
      }

      .mst-page-links a,
      .topnav a,
      .actions a,
      .hero-top-actions a,
      .hero-top-actions button,
      .hero-top-actions .paid-credit-pill,
      .hero-status-chip,
      .hero-account-toggle,
      .account-link,
      body .hero-top-actions .hero-status-chip,
      body .hero-top-actions .hero-account-toggle,
      body .hero-top-actions .hero-account-toggle.is-active,
      body .hero-top-actions .hero-account-toggle.is-open,
      body .hero-top-actions .paid-credit-pill,
      header.topbar .controls button,
      header.topbar .controls .download,
      .topbar .controls button,
      .topbar .controls .download {
        width: auto !important;
        min-width: 0 !important;
        min-height: 34px !important;
        padding: 3px 6px !important;
        white-space: normal !important;
        flex: 0 1 auto !important;
      }

      .mst-unified-footer-title {
        font-size: 0.64rem;
      }

      .mst-unified-footer a,
      .mst-unified-footer button {
        font-size: 0.68rem;
        line-height: 1.14;
        min-height: 32px !important;
        display: inline-flex;
        align-items: center;
      }
      .mst-unified-footer-grid {
        grid-template-columns: 1fr;
      }

      .mst-unified-footer-links,
      .mst-unified-footer-group[aria-label="Account And Support"] .mst-unified-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }


      .mst-footer-badges {
        margin-top: 6px;
        gap: 3px;
      }

      .mst-unified-footer .mst-footer-badge {
        height: 32px;
      }

      .mst-footer-badge img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
      }
    }

/* Guide/example footer styles. */

.mst-guide-example-links {
      display: block !important;
    }

    .mst-guide-example-columns {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      align-items: start;
    }

    .mst-guide-example-column {
      min-width: 0;
      display: grid;
      gap: 4px;
      align-content: start;
    }

    .mst-guide-example-heading {
      margin: 0 0 2px;
      color: #ffffff;
      font-size: 0.68rem;
      font-weight: 850;
      line-height: 1.1;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      opacity: 0.92;
    }

    .mst-guide-example-link-list {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .mst-guide-example-link-list a {
      width: fit-content;
      max-width: 100%;
    }

    @media (max-width: 520px) {
      .mst-guide-example-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
    }

/* Mobile tap target styles. */

@media (max-width: 640px) {
      .mst-page-nav a,
      header.topbar a,
      header.topbar button,
      .brand,
      .topbar a,
      .topbar button,
      .top-link,
      body[data-page="word-pdf"] .brand,
      body[data-page="word-pdf"] .top-link,
      .nav a,
      .topnav a,
      .hero-top-actions a,
      .hero-top-actions button,
      .account-link,
      .member-menu-top-actions a,
      .member-menu-top-actions button,
      .actions a,
      .actions button,
      .button-row a,
      .button-row button,
      .tutorial-actions a,
      .tutorial-actions button,
      .learning-links a,
      .related-grid a,
      .inline-nav a,
      .footer-links a,
      .mst-unified-footer a,
      .mst-unified-footer button,
      .mst-guide-example-link-list a,
      .tool-jump-nav a,
      .tool-jump-link,
      .button-link,
      .button,
      .btn,
      .account-inline-link,
      .reference-zoom-button,
      .image-zoom-trigger,
      summary {
        min-width: 32px !important;
        min-height: 32px !important;
        display: inline-flex;
        align-items: center;
      }

      .mst-unified-footer a,
      .mst-unified-footer button,
      .mst-guide-example-link-list a,
      .learning-links a,
      .footer-links a,
      .inline-nav a {
        padding-top: 4px;
        padding-bottom: 4px;
      }

      .account-link {
        min-height: 36px !important;
      }

      .mst-footer-badge,
      .mst-unified-footer .mst-footer-badge {
        min-height: 32px !important;
        height: 32px !important;
      }
    }

/* Member pill visual sync. */

.hero-top-actions .hero-status-chip,
    .member-menu-top-actions .hero-status-chip,
    .hero-top-actions .hero-status-chip.online,
    .member-menu-top-actions .hero-status-chip.online,
    .hero-top-actions .hero-status-chip.offline,
    .member-menu-top-actions .hero-status-chip.offline {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 50px !important;
      min-width: 0 !important;
      padding: 0 16px !important;
      gap: 6px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(148, 163, 184, 0.28) !important;
      background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(5, 8, 14, 0.99)) !important;
      color: #22c55e !important;
      font-weight: 800 !important;
      text-align: center !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 30px rgba(0, 0, 0, 0.28) !important;
    }

    .hero-top-actions .hero-account-toggle,
    .hero-top-actions .hero-account-toggle.is-active,
    .hero-top-actions .hero-account-toggle.is-open,
    .member-menu-top-actions .hero-account-toggle,
    .member-menu-top-actions .hero-account-toggle.is-active,
    .member-menu-top-actions .hero-account-toggle.is-open,
    .member-menu-top-actions .account-panel-launch,
    .member-menu-top-actions .account-panel-launch.is-active,
    .member-menu-top-actions .account-panel-launch.is-open {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 50px !important;
      min-width: 0 !important;
      padding: 7px 16px !important;
      gap: 0 !important;
      overflow: hidden !important;
      border-radius: 999px !important;
      border: 1px solid rgba(148, 163, 184, 0.28) !important;
      background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(5, 8, 14, 0.99)) !important;
      color: #22c55e !important;
      font-weight: 800 !important;
      text-align: center !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 30px rgba(0, 0, 0, 0.28) !important;
    }

    .hero-top-actions .hero-account-copy,
    .member-menu-top-actions .hero-account-copy {
      display: flex !important;
      min-width: 0 !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 3px !important;
      line-height: 1.05 !important;
      text-align: center !important;
    }

    .hero-top-actions .hero-status-label,
    .hero-top-actions .hero-status-value,
    .member-menu-top-actions .hero-status-label,
    .member-menu-top-actions .hero-status-value,
    .hero-top-actions .hero-account-title,
    .hero-top-actions .hero-account-meta,
    .member-menu-top-actions .hero-account-title,
    .member-menu-top-actions .hero-account-meta {
      display: inline-block !important;
      width: auto !important;
      max-width: 100% !important;
      color: #22c55e !important;
      padding-bottom: 1px !important;
      border-bottom: 1px solid #22c55e !important;
      text-decoration: none !important;
      line-height: 1.05 !important;
      letter-spacing: 0 !important;
    }

    .hero-top-actions .hero-account-meta,
    .member-menu-top-actions .hero-account-meta {
      font-size: 0.72rem !important;
    }

    .hero-top-actions .hero-status-chip .service-dot,
    .member-menu-top-actions .hero-status-chip .service-dot {
      flex: 0 0 auto !important;
      width: 8px !important;
      height: 8px !important;
      margin: 0 2px !important;
      border-radius: 999px !important;
      background: #22c55e !important;
      box-shadow: 0 0 12px rgba(34, 197, 94, 0.42) !important;
    }

    .hero-top-actions .hero-account-badge,
    .member-menu-top-actions .hero-account-badge {
      display: none !important;
    }


    body[data-page] .hero-top-actions .hero-account-copy .hero-account-title,
    body[data-page] .hero-top-actions .hero-account-copy .hero-account-meta,
    body[data-page] .member-menu-top-actions .hero-account-copy .hero-account-title,
    body[data-page] .member-menu-top-actions .hero-account-copy .hero-account-meta,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-copy .hero-account-title,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-copy .hero-account-meta {
      display: inline-block !important;
      width: auto !important;
      max-width: 100% !important;
      color: #22c55e !important;
      padding-bottom: 1px !important;
      border-bottom: 1px solid #22c55e !important;
      text-decoration: none !important;
      line-height: 1.05 !important;
      letter-spacing: 0 !important;
      opacity: 1 !important;
      visibility: visible !important;
    }

    body[data-page] .hero-top-actions .hero-account-copy .hero-account-meta,
    body[data-page] .member-menu-top-actions .hero-account-copy .hero-account-meta,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-copy .hero-account-meta {
      font-size: 0.72rem !important;
    }

    body[data-page] .hero-top-actions .hero-status-chip,
    body[data-page] .hero-top-actions .hero-status-chip.online,
    body[data-page] .hero-top-actions .hero-status-chip.offline,
    body[data-page] .member-menu-top-actions .hero-status-chip,
    body[data-page] .member-menu-top-actions .hero-status-chip.online,
    body[data-page] .member-menu-top-actions .hero-status-chip.offline,
    body[data-page] .hero-top-actions .hero-account-toggle,
    body[data-page] .hero-top-actions .hero-account-toggle.is-active,
    body[data-page] .hero-top-actions .hero-account-toggle.is-open,
    body[data-page] .member-menu-top-actions .hero-account-toggle,
    body[data-page] .member-menu-top-actions .hero-account-toggle.is-active,
    body[data-page] .member-menu-top-actions .hero-account-toggle.is-open,
    body[data-page] .member-menu-top-actions .account-panel-launch,
    body[data-page] .member-menu-top-actions .account-panel-launch.is-active,
    body[data-page] .member-menu-top-actions .account-panel-launch.is-open {
      border-color: rgba(148, 163, 184, 0.28) !important;
      background: linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(5, 8, 14, 0.99)) !important;
      color: #22c55e !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 30px rgba(0, 0, 0, 0.28) !important;
    }
    body[data-page] .hero-topbar {
      grid-template-columns: minmax(0, 1fr) max-content !important;
    }

    body[data-page] .hero-top-actions {
      display: grid !important;
      grid-template-columns: repeat(3, max-content) !important;
      align-items: center !important;
      justify-content: end !important;
      gap: 10px !important;
      width: auto !important;
    }

    body[data-page] .member-menu-top-actions {
      display: grid !important;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
      align-items: stretch !important;
      justify-content: stretch !important;
      gap: 8px !important;
      width: 100% !important;
    }

    body[data-page] .member-menu-top-actions .paid-credit-pill,
    body[data-page] .member-menu-top-actions .hero-status-chip {
      width: 100% !important;
      min-width: 0 !important;
      padding-inline: 10px !important;
      font-size: 0.8rem !important;
      white-space: nowrap !important;
    }

    body[data-page] .member-menu-top-actions .account-panel-launch {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      min-width: 0 !important;
      white-space: normal !important;
    }

    body[data-page] .hero-top-actions .hero-account-toggle .hero-account-copy,
    body[data-page] .member-menu-top-actions .hero-account-toggle .hero-account-copy,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-copy {
      display: flex !important;
      width: 100% !important;
      min-width: 0 !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 3px !important;
      line-height: 1.05 !important;
      text-align: center !important;
    }

    body[data-page] .hero-top-actions .hero-account-toggle .hero-account-title,
    body[data-page] .hero-top-actions .hero-account-toggle .hero-account-meta,
    body[data-page] .member-menu-top-actions .hero-account-toggle .hero-account-title,
    body[data-page] .member-menu-top-actions .hero-account-toggle .hero-account-meta,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-title,
    body[data-page] .member-menu-top-actions .account-panel-launch .hero-account-meta {
      display: block !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      overflow: hidden !important;
      text-align: center !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    body[data-page="quick-workflow"] .hero-top-actions {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      align-items: stretch !important;
      width: 100% !important;
    }

    body[data-page="quick-workflow"] .paid-credit-pill,
    body[data-page="quick-workflow"] .hero-status-chip,
    body[data-page="quick-workflow"] .hero-account-toggle {
      width: 100% !important;
      min-width: 0 !important;
    }

    body[data-page="quick-workflow"] .hero-account-toggle {
      grid-column: 1 / -1 !important;
    }

    body[data-page] .paid-credit-pill,
    body[data-page] .paid-credit-pill:visited {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 50px !important;
      min-width: 128px !important;
      padding: 7px 16px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(34, 197, 94, 0.42) !important;
      background: linear-gradient(180deg, rgba(12, 31, 28, 0.98), rgba(6, 18, 14, 0.99)) !important;
      color: #22c55e !important;
      font-size: 0.84rem !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      text-align: center !important;
      text-decoration: none !important;
      white-space: nowrap !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 30px rgba(0, 0, 0, 0.28), 0 0 16px rgba(34, 197, 94, 0.1) !important;
    }

    body[data-page] .paid-credit-pill:hover,
    body[data-page] .paid-credit-pill:focus-visible {
      border-color: rgba(34, 197, 94, 0.62) !important;
      background: linear-gradient(180deg, rgba(14, 43, 34, 0.99), rgba(7, 24, 18, 1)) !important;
      color: #37f277 !important;
      transform: translateY(-1px);
    }

    @media (max-width: 900px) {
      body[data-page] .hero-topbar {
        grid-template-columns: 1fr !important;
      }

      body[data-page] .hero-top-actions {
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
        width: 100% !important;
      }

      body[data-page] .member-menu-top-actions {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
        justify-content: stretch !important;
        width: 100% !important;
      }

      body[data-page] .paid-credit-pill,
      body[data-page] .hero-status-chip,
      body[data-page] .hero-account-toggle,
      body[data-page] .account-panel-launch {
        width: 100% !important;
        min-width: 0 !important;
      }
    }    @media (min-width: 1181px) {
      body[data-page="photo-enhancement-station"] #imagePreviewCard {
        position: relative;
        top: auto;
        z-index: 1;
      }
      body[data-page="photo-enhancement-station"] .photo-station-inspector {
        position: sticky;
        bottom: 12px;
        z-index: 40;
        max-height: min(46vh, 560px);
        overflow: hidden;
        backdrop-filter: blur(14px);
        background:
          radial-gradient(circle at top left, rgba(86,107,138,0.1), transparent 34%),
          linear-gradient(180deg, rgba(10,13,19,0.995), rgba(1,2,5,0.998));
        box-shadow:
          0 -18px 52px rgba(0,0,0,0.5),
          0 0 0 1px rgba(174,194,222,0.12),
          inset 0 1px 0 rgba(255,255,255,0.05);
      }
      body[data-page="photo-enhancement-station"] .photo-panel-shell {
        min-height: 0;
      }
      body[data-page="photo-enhancement-station"] .photo-panel-tabs {
        position: relative;
        z-index: 2;
        flex: 0 0 auto;
        background: linear-gradient(180deg, rgba(7,9,13,0.985), rgba(1,2,5,0.998));
        box-shadow: 0 10px 20px rgba(0,0,0,0.18);
      }
      body[data-page="photo-enhancement-station"] .photo-panel-body {
        max-height: calc(min(46vh, 560px) - 50px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        scrollbar-color: rgba(149,166,194,0.55) rgba(4,6,10,0.42);
      }
      body[data-page="photo-enhancement-station"] .photo-panel-view {
        min-height: 0;
        padding: 10px;
        border-radius: 16px;
        background:
          radial-gradient(circle at top right, rgba(153,167,187,0.045), transparent 30%),
          linear-gradient(180deg, rgba(18,23,32,0.94), rgba(6,8,12,0.98));
      }
      body[data-page="photo-enhancement-station"] .photo-panel-view > div:first-child {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 30px;
        padding: 0 2px 8px;
        border-bottom: 1px solid rgba(149,166,194,0.08);
      }
      body[data-page="photo-enhancement-station"] .photo-panel-view > div:first-child .photo-section-kicker {
        margin: 0;
        min-height: 24px;
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        padding: 0 8px;
        border-radius: 999px;
        border: 1px solid rgba(149,166,194,0.12);
        background: rgba(255,255,255,0.035);
        font-size: 0.62rem;
        letter-spacing: 0.08em;
      }
      body[data-page="photo-enhancement-station"] .photo-panel-view > div:first-child .photo-section-title {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.2;
      }
      body[data-page="photo-enhancement-station"] .photo-panel-view > div:first-child .photo-section-copy,
      body[data-page="photo-enhancement-station"] .photo-finish-panel-copy,
      body[data-page="photo-enhancement-station"] .photo-finish-mode-copy,
      body[data-page="photo-enhancement-station"] .photo-adjust-card .mini-note,
      body[data-page="photo-enhancement-station"] .photo-reset-card .mini-note {
        display: none;
      }
      body[data-page="photo-enhancement-station"] .photo-editor-control-grid,
      body[data-page="photo-enhancement-station"] .photo-finish-panel-grid,
      body[data-page="photo-enhancement-station"] .photo-finish-core-grid,
      body[data-page="photo-enhancement-station"] .photo-finish-grid,
      body[data-page="photo-enhancement-station"] .photo-finish-tone-grid {
        gap: 8px;
      }
      body[data-page="photo-enhancement-station"] #photoAdjustSection .photo-editor-control-grid,
      body[data-page="photo-enhancement-station"] #photoRetouchSection .photo-editor-control-grid,
      body[data-page="photo-enhancement-station"] #photoTransformSection .photo-editor-control-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }
      body[data-page="photo-enhancement-station"] .photo-adjust-card,
      body[data-page="photo-enhancement-station"] .photo-reset-card,
      body[data-page="photo-enhancement-station"] .photo-finish-mode-shell,
      body[data-page="photo-enhancement-station"] .photo-finish-panel-card {
        padding: 10px;
        border-radius: 12px;
        border-color: rgba(149,166,194,0.1);
        background: linear-gradient(180deg, rgba(25,31,42,0.78), rgba(9,12,18,0.92));
        box-shadow: none;
      }
      body[data-page="photo-enhancement-station"] .photo-finish-panel-card {
        gap: 8px;
      }
      body[data-page="photo-enhancement-station"] .photo-finish-panel-head {
        gap: 2px;
      }
      body[data-page="photo-enhancement-station"] #photoAdvancedSection > .photo-finish-panel-head {
        display: none;
      }
      body[data-page="photo-enhancement-station"] .photo-finish-panel-kicker {
        font-size: 0.62rem;
        letter-spacing: 0.08em;
      }
      body[data-page="photo-enhancement-station"] .photo-finish-panel-title {
        font-size: 0.84rem;
        line-height: 1.2;
        letter-spacing: 0;
      }
      body[data-page="photo-enhancement-station"] .photo-adjust-card .field-label,
      body[data-page="photo-enhancement-station"] .photo-finish-mode-shell .field-label {
        margin: 0 0 6px;
        font-size: 0.76rem;
        line-height: 1.2;
      }
      body[data-page="photo-enhancement-station"] .photo-adjust-card .quality-readout {
        margin-top: 6px;
        font-size: 0.75rem;
        line-height: 1.3;
      }
      body[data-page="photo-enhancement-station"] .photo-adjust-card .select,
      body[data-page="photo-enhancement-station"] .photo-finish-mode-shell .select,
      body[data-page="photo-enhancement-station"] .photo-finish-core-grid .select {
        min-height: 38px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 0.82rem;
      }
      body[data-page="photo-enhancement-station"] .photo-adjust-card .range {
        min-height: 28px;
      }
      body[data-page="photo-enhancement-station"] .photo-button-grid .secondary,
      body[data-page="photo-enhancement-station"] .photo-reset-card .secondary {
        min-height: 36px;
        padding: 6px 10px;
        border-radius: 10px;
        font-size: 0.72rem;
      }
      body[data-page="photo-enhancement-station"] .photo-reset-card {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 10px;
      }
      body[data-page="photo-enhancement-station"] .photo-reset-card > div {
        display: none;
      }
      body[data-page="photo-enhancement-station"] .photo-reset-card .secondary {
        width: 100%;
      }
      body[data-page="photo-enhancement-station"] #photoFinishSection .photo-finish-core-grid {
        grid-template-columns: minmax(190px, 0.32fr) minmax(0, 1fr);
        align-items: start;
      }
      body[data-page="photo-enhancement-station"] #photoFinishSection #photoAdvancedSection .photo-finish-grid {
        grid-template-columns: minmax(200px, 1fr) minmax(240px, 1fr) minmax(190px, 0.8fr);
      }
      body[data-page="photo-enhancement-station"] #photoFinishSection .photo-finish-grid .photo-reset-card {
        grid-column: auto;
      }
      body[data-page="photo-enhancement-station"] #photoFinishCleanupBlock .photo-finish-grid,
      body[data-page="photo-enhancement-station"] #photoFinishToneBlock .photo-finish-tone-grid {
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      }
    }
    @media (min-width: 1181px) and (max-height: 920px) {
      body[data-page="photo-enhancement-station"] #imagePreviewBox {
        height: clamp(430px, 48vh, 560px);
        min-height: 430px;
        max-height: 560px;
      }
    }

    @media (max-width: 640px) {
      body[data-page="photo-enhancement-station"] #imagePreviewCard.is-empty {
        grid-template-columns: minmax(0, 1fr);
      }

      body[data-page="photo-enhancement-station"] #imagePreviewCard > *,
      body[data-page="photo-enhancement-station"] #imagePreviewBox,
      body[data-page="photo-enhancement-station"] .photo-stage-output-control,
      body[data-page="photo-enhancement-station"] #photoSizeMenuSection,
      body[data-page="photo-enhancement-station"] #photoQueuedEffectsPreview {
        min-width: 0;
        max-width: 100%;
      }

      body[data-page="photo-enhancement-station"] #imagePreviewBox,
      body[data-page="photo-enhancement-station"] .photo-stage-output-control,
      body[data-page="photo-enhancement-station"] #photoQueuedEffectsPreview {
        width: 100%;
      }

      body[data-page="photo-enhancement-station"] .photo-panel-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      body[data-page="photo-enhancement-station"] .photo-stage-footer,
      body[data-page="photo-enhancement-station"] .photo-stage-footer .meta,
      body[data-page="photo-enhancement-station"] .photo-stage-actions,
      body[data-page="photo-enhancement-station"] .photo-stage-secondary-actions {
        grid-template-columns: 1fr;
      }

      body[data-page="photo-enhancement-station"] .photo-stage-actions,
      body[data-page="photo-enhancement-station"] .photo-stage-secondary-actions,
      body[data-page="photo-enhancement-station"] .photo-stage-footer .item {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      body[data-page="photo-enhancement-station"] .photo-panel-tab {
        min-width: 0;
        width: 100%;
        padding-inline: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0;
      }

      body[data-page="photo-enhancement-station"] #photoPanelTabTransform {
        grid-column: 1 / -1;
      }
    }