* {
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
    }

    :root {
      --bg: #080810;
      --card: #141421;
      --card2: #1b1b2c;
      --text: #ffffff;
      --muted: #a8a8b8;
      --line: rgba(255,255,255,.08);
      --accent: #7c5cff;
      --accent2: #00d4ff;
      --green: #2ee59d;
      --orange: #ffb84d;
      --red: #ff5c7a;
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      background:
        radial-gradient(circle at top left, rgba(124,92,255,.35), transparent 34%),
        radial-gradient(circle at top right, rgba(0,212,255,.18), transparent 30%),
        var(--bg);
      color: var(--text);
    }

    .app {
      position: relative;
      min-height: 100vh;
      padding: 18px 14px 108px;
      max-width: 620px;
      margin: 0 auto;
    }

    .hero {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 26px;
      background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
      box-shadow: 0 18px 60px rgba(0,0,0,.35);
      overflow: hidden;
      position: relative;
    }

    .hero:after {
      content: "";
      position: absolute;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      background: rgba(124,92,255,.22);
      right: -70px;
      top: -70px;
      filter: blur(4px);
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      position: relative;
      z-index: 1;
    }

    .logo {
      width: 46px;
      height: 46px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 23px;
      box-shadow: 0 12px 34px rgba(124,92,255,.38);
    }

    .brand-title {
      font-size: 22px;
      font-weight: 800;
      line-height: 1.05;
    }

    .brand-subtitle {
      color: var(--muted);
      font-size: 13px;
      margin-top: 4px;
    }

    .hero h1 {
      margin: 18px 0 8px;
      font-size: 26px;
      line-height: 1.08;
      letter-spacing: -0.5px;
      position: relative;
      z-index: 1;
    }

    .hero p {
      margin: 0;
      color: #d7d7e8;
      font-size: 15px;
      line-height: 1.45;
      position: relative;
      z-index: 1;
    }

    .chips {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding: 16px 0 12px;
      scrollbar-width: none;
    }

    .chips::-webkit-scrollbar {
      display: none;
    }

    .chip {
      border: 1px solid var(--line);
      background: rgba(255,255,255,.07);
      color: #e8e8f8;
      border-radius: 999px;
      padding: 10px 13px;
      font-size: 13px;
      white-space: nowrap;
      cursor: pointer;
      user-select: none;
    }

    .chip.active {
      background: linear-gradient(135deg, var(--accent), #5e8cff);
      border-color: transparent;
      color: white;
      font-weight: 700;
    }

    .section-title {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin: 8px 2px 12px;
    }

    .section-title h2 {
      margin: 0;
      font-size: 18px;
      letter-spacing: -0.2px;
    }

    .section-title span {
      color: var(--muted);
      font-size: 12px;
    }

    .grid {
      display: grid;
      gap: 12px;
    }


    .task-screen {
      display: block;
      margin-top: 4px;
      position: relative;
    }

    .task-head {
      margin: 8px 0 16px;
    }

    .task-head h2 {
      margin: 0 0 6px;
      font-size: 25px;
      line-height: 1.05;
      letter-spacing: -0.7px;
      font-weight: 950;
    }

    #taskScreenTitle {
      display: none;
    }

    .task-head p {
      margin: 0;
      color: rgba(255,255,255,.62);
      font-size: 14px;
      line-height: 1.4;
      font-weight: 650;
    }

    .cv-hero-title-row {
      position: relative;
      display: block;
      margin: 24px 0 10px;
    }

    .cv-hero-title-row h1 {
      margin: 0 !important;
    }

    .cv-prompts-channel-strip {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      margin: -2px 0 15px;
      padding: 12px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 10% 15%, rgba(124,92,255,.28), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(0,212,255,.18), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 42px rgba(0,0,0,.24);
    }

    #homeHero .cv-prompts-channel-strip {
      width: 100%;
      min-width: 0;
      margin: 15px 0 0;
      padding: 9px 9px 9px 12px;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      border-radius: 22px;
      border-color: rgba(188,199,255,.16);
      background:
        radial-gradient(circle at 4% 10%, rgba(148,102,255,.24), transparent 34%),
        radial-gradient(circle at 98% 0%, rgba(29,214,255,.17), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.032));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 14px 32px rgba(0,0,0,.18),
        0 0 0 1px rgba(84,205,255,.035);
      transform: none;
    }

    #homeHero .cv-prompts-channel-strip::after {
      content: "";
      position: absolute;
      inset: 5px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.055);
      pointer-events: none;
    }

    body.welcome-open #homeHero .cv-prompts-channel-strip {
      display: none;
    }

    .cv-prompts-channel-strip::before {
      content: "";
      position: absolute;
      inset: -80% -28%;
      z-index: -1;
      background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.18) 48%, transparent 62%);
      transform: translateX(-42%) rotate(8deg);
      animation: cvPromptChannelShine 5.8s ease-in-out infinite;
      pointer-events: none;
    }

    .cv-prompts-channel-text {
      min-width: 0;
    }

    .cv-prompts-channel-kicker {
      margin-bottom: 3px;
      color: rgba(190,202,255,.82);
      font-size: 8px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .cv-prompts-channel-title {
      color: #fff;
      font-size: 15px;
      line-height: 1.12;
      font-weight: 950;
      letter-spacing: -.025em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    #homeHero .cv-prompts-channel-title {
      font-size: 13px;
      letter-spacing: -.015em;
    }

    #homeHero .cv-prompts-channel-kicker {
      margin-bottom: 2px;
      font-size: 7px;
      letter-spacing: .16em;
      color: rgba(209,216,255,.66);
    }

    .cv-prompts-channel-subtitle {
      margin-top: 3px;
      color: rgba(255,255,255,.58);
      font-size: 10px;
      line-height: 1.25;
      font-weight: 750;
    }

    #homeHero .cv-prompts-channel-subtitle {
      display: none;
    }

    .cv-prompts-channel-hint {
      display: none;
      align-items: center;
      gap: 7px;
      width: max-content;
      max-width: 100%;
      margin-top: 6px;
      padding: 5px 8px;
      border-radius: 999px;
      color: rgba(226,240,255,.84);
      background: rgba(255,255,255,.065);
      border: 1px solid rgba(255,255,255,.09);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
      font-size: 9px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: .01em;
      white-space: nowrap;
    }

    .cv-prompts-channel-hint span {
      position: relative;
      z-index: 1;
    }

    .cv-prompts-channel-actions {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #homeHero .cv-prompts-channel-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      min-width: 218px;
    }

    .cv-prompts-channel-btn {
      position: relative;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 38px;
      padding: 0 12px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 999px;
      color: #fff;
      font-size: 11px;
      font-weight: 950;
      letter-spacing: -.01em;
      cursor: pointer;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 12px 26px rgba(0,0,0,.20);
      transform: translateZ(0);
      animation: cvPromptChannelFloat 4.6s ease-in-out infinite;
    }

    #homeHero .cv-prompts-channel-btn {
      min-height: 34px;
      padding: 0 11px;
      border-radius: 16px;
      font-size: 10.5px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 10px 22px rgba(0,0,0,.18);
    }

    .cv-prompts-channel-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.24), transparent 70%);
      transform: translateX(-110%);
      animation: cvPromptButtonSweep 4.8s ease-in-out infinite;
      pointer-events: none;
    }

    .cv-prompts-channel-btn.telegram {
      background: linear-gradient(135deg, #6e5cff, #2da8ff);
    }

    .cv-prompts-channel-btn.max {
      background: linear-gradient(135deg, #1bd6ff, #765cff);
      animation-delay: .45s;
    }

    .cv-prompts-channel-btn span {
      position: relative;
      z-index: 1;
    }

    .cv-prompts-channel-btn:active {
      transform: scale(.97);
    }

    @keyframes cvPromptChannelShine {
      0%, 48% { transform: translateX(-48%) rotate(8deg); opacity: 0; }
      58% { opacity: .95; }
      76%, 100% { transform: translateX(48%) rotate(8deg); opacity: 0; }
    }

    @keyframes cvPromptButtonSweep {
      0%, 56% { transform: translateX(-115%); opacity: 0; }
      66% { opacity: .8; }
      82%, 100% { transform: translateX(115%); opacity: 0; }
    }

    @keyframes cvPromptChannelFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-1px); }
    }

    @media (max-width: 420px) {
      .cv-hero-title-row {
        margin: 20px 0 10px;
      }

      #homeHero .cv-prompts-channel-strip {
        width: 100%;
        min-width: 0;
        grid-template-columns: 1fr;
        padding: 10px;
      }

      #homeHero .cv-prompts-channel-actions {
        min-width: 0;
      }

      .cv-prompts-channel-strip {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 11px;
      }

      .cv-prompts-channel-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

      .cv-prompts-channel-btn {
        width: 100%;
        min-height: 36px;
      }
    }

    .task-grid {
      display: grid;
      gap: 13px;
    }

    /* CV_WOW_ALL_MODELS_CARDS_20260605 */
    .task-card {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      border: 1px solid rgba(255,255,255,.16);
      background:
        linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.044)) padding-box,
        linear-gradient(
          125deg,
          rgba(124,92,255,.18),
          rgba(0,212,255,.55),
          rgba(255,255,255,.20),
          rgba(124,92,255,.20)
        ) border-box;
      background-size: 100% 100%, 260% 260%;
      background-position: 0 0, 0% 50%;
      animation: cvAllModelsBorderFlow 5.6s ease-in-out infinite;
      border-radius: 27px;
      padding: 16px;
      box-shadow:
        0 22px 58px rgba(0,0,0,.30),
        0 0 0 1px rgba(255,255,255,.035),
        inset 0 1px 0 rgba(255,255,255,.11);
      cursor: pointer;
      transform: translateZ(0);
      transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
      -webkit-tap-highlight-color: transparent;
    }

    .task-card::before {
      content: "";
      position: absolute;
      inset: -58% -82%;
      background:
        linear-gradient(
          112deg,
          transparent 32%,
          rgba(255,255,255,.05) 40%,
          rgba(255,255,255,.34) 48%,
          rgba(0,212,255,.16) 54%,
          transparent 66%
        ),
        radial-gradient(circle, rgba(255,255,255,.12) 0 1px, transparent 1px 100%);
      background-size: auto, 26px 26px;
      opacity: .42;
      transform: translateX(-56%) rotate(-10deg);
      animation: cvAllModelsCardShine 4.2s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
    }

    .task-card::after {
      content: "";
      position: absolute;
      right: -56px;
      top: -60px;
      width: 166px;
      height: 166px;
      border-radius: 999px;
      background:
        radial-gradient(circle, rgba(0,212,255,.30), rgba(124,92,255,.14) 42%, transparent 70%);
      filter: blur(.2px);
      opacity: .92;
      animation: cvAllModelsCardOrb 4.8s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
    }

    @keyframes cvAllModelsBorderFlow {
      0%, 100% {
        background-position: 0 0, 0% 50%;
        box-shadow:
          0 22px 58px rgba(0,0,0,.30),
          0 0 0 1px rgba(255,255,255,.035),
          inset 0 1px 0 rgba(255,255,255,.11);
      }
      50% {
        background-position: 0 0, 100% 50%;
        box-shadow:
          0 22px 58px rgba(0,0,0,.30),
          0 0 26px rgba(0,212,255,.11),
          0 0 0 1px rgba(255,255,255,.055),
          inset 0 1px 0 rgba(255,255,255,.13);
      }
    }

    @keyframes cvAllModelsCardShine {
      0%, 100% {
        transform: translateX(-58%) rotate(-10deg);
        opacity: 0;
      }
      14% {
        opacity: .58;
      }
      42% {
        transform: translateX(58%) rotate(-10deg);
        opacity: .16;
      }
      64% {
        opacity: 0;
      }
    }

    @keyframes cvAllModelsCardOrb {
      0%, 100% {
        transform: translate3d(0,0,0) scale(1);
        opacity: .72;
      }
      50% {
        transform: translate3d(-10px,8px,0) scale(1.12);
        opacity: 1;
      }
    }

    @keyframes cvTaskIconPulse {
      0%, 100% {
        transform: scale(1);
        box-shadow:
          0 15px 36px rgba(0,0,0,.30),
          0 0 24px rgba(124,92,255,.14),
          inset 0 1px 0 rgba(255,255,255,.18);
      }
      50% {
        transform: scale(1.035);
        box-shadow:
          0 15px 36px rgba(0,0,0,.30),
          0 0 36px rgba(0,212,255,.22),
          inset 0 1px 0 rgba(255,255,255,.22);
      }
    }

    @keyframes cvTaskArrowPulse {
      0%, 100% {
        transform: translateX(0);
        box-shadow:
          0 10px 22px rgba(124,92,255,.18),
          inset 0 1px 0 rgba(255,255,255,.12);
      }
      50% {
        transform: translateX(2px);
        box-shadow:
          0 12px 26px rgba(0,212,255,.20),
          inset 0 1px 0 rgba(255,255,255,.16);
      }
    }

    .task-card:active {
      transform: none;
      border-color: rgba(255,255,255,.25);
      box-shadow:
        0 15px 40px rgba(0,0,0,.27),
        inset 0 1px 0 rgba(255,255,255,.12);
    }

    .task-card:active .task-arrow {
      transform: none;
    }

    @media (prefers-reduced-motion: reduce) {
      .task-card,
      .task-card::before,
      .task-card::after,
      .task-icon,
      .task-arrow {
        animation: none !important;
      }
    }

    .task-card-top,
    .task-meta {
      position: relative;
      z-index: 1;
    }

    .task-card-top {
      display: flex;
      align-items: flex-start;
      gap: 12px;
    }

    .task-icon {
      width: 58px;
      height: 58px;
      flex: 0 0 58px;
      border-radius: 21px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      background:
        radial-gradient(circle at 26% 12%, rgba(255,255,255,.42), transparent 30%),
        linear-gradient(135deg, rgba(124,92,255,.68), rgba(0,212,255,.34));
      border: 1px solid rgba(255,255,255,.20);
      box-shadow:
        0 15px 36px rgba(0,0,0,.30),
        0 0 24px rgba(124,92,255,.14),
        inset 0 1px 0 rgba(255,255,255,.18);
      animation: cvTaskIconPulse 4.8s ease-in-out infinite;
      transform-origin: center;
    }

    .task-body {
      min-width: 0;
      flex: 1;
      padding-top: 2px;
    }

    .task-title {
      font-size: 18px;
      font-weight: 950;
      line-height: 1.1;
      margin-bottom: 6px;
      letter-spacing: -0.35px;
      color: #fff;
    }

    .task-desc {
      color: rgba(236,236,255,.73);
      font-size: 12.5px;
      line-height: 1.32;
      font-weight: 650;
    }

    .task-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 13px;
    }

    .task-pill {
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.18);
      border-radius: 999px;
      padding: 7px 10px;
      color: rgba(240,240,255,.82);
      font-size: 11.5px;
      line-height: 1;
      font-weight: 850;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    }

    .task-arrow {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 24px;
      font-weight: 900;
      margin-top: 9px;
      background:
        linear-gradient(135deg, rgba(124,92,255,.68), rgba(0,212,255,.42));
      border: 1px solid rgba(255,255,255,.16);
      box-shadow:
        0 10px 22px rgba(124,92,255,.18),
        inset 0 1px 0 rgba(255,255,255,.12);
      transition: transform .18s ease;
      animation: cvTaskArrowPulse 3.2s ease-in-out infinite;
    }

    .task-card[data-task-id="photo_create_edit"],
    .task-card[data-task-id="video_create_edit"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124,92,255,.28), transparent 38%),
        linear-gradient(145deg, rgba(124,92,255,.18), rgba(255,255,255,.05));
      border-color: rgba(165,145,255,.24);
    }

    .task-card[data-task-id="photo_remove_bg"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(46,229,157,.22), transparent 38%),
        linear-gradient(145deg, rgba(46,229,157,.11), rgba(255,255,255,.045));
      border-color: rgba(46,229,157,.22);
    }

    .task-card[data-task-id="photo_reframe"],
    .task-card[data-task-id="video_reframe"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(0,212,255,.22), transparent 38%),
        linear-gradient(145deg, rgba(0,212,255,.10), rgba(255,255,255,.045));
      border-color: rgba(0,212,255,.20);
    }

    .task-card[data-task-id="photo_smart_upscale"],
    .task-card[data-task-id="photo_upscale"],
    .task-card[data-task-id="video_upscale"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(255,184,77,.22), transparent 38%),
        linear-gradient(145deg, rgba(255,184,77,.10), rgba(255,255,255,.045));
      border-color: rgba(255,184,77,.20);
    }

    .task-card[data-task-id="photo_vector"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(55,218,165,.24), transparent 38%),
        linear-gradient(145deg, rgba(55,218,165,.11), rgba(255,255,255,.045));
      border-color: rgba(55,218,165,.22);
    }

    .task-card[data-task-id="video-kling"],
    .task-card[data-task-id="video-sora"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124,92,255,.30), transparent 38%),
        linear-gradient(145deg, rgba(124,92,255,.18), rgba(255,255,255,.05));
      border-color: rgba(165,145,255,.24);
    }

    .task-card[data-task-id="video-seedance"],
    .task-card[data-task-id="video-grok"],
    .task-card[data-task-id="video-pixverse"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(0,212,255,.24), transparent 38%),
        linear-gradient(145deg, rgba(0,212,255,.11), rgba(255,255,255,.045));
      border-color: rgba(0,212,255,.22);
    }

    .task-card[data-task-id="video-ltx"],
    .task-card[data-task-id="video-upscale"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(255,184,77,.24), transparent 38%),
        linear-gradient(145deg, rgba(255,184,77,.11), rgba(255,255,255,.045));
      border-color: rgba(255,184,77,.22);
    }

    .task-card[data-task-id="video-reframe"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(55,218,165,.24), transparent 38%),
        linear-gradient(145deg, rgba(55,218,165,.11), rgba(255,255,255,.045));
      border-color: rgba(55,218,165,.22);
    }

    .task-card[data-task-id="video_transition"],
    .task-card[data-task-id="video-transition"] {
      background:
        radial-gradient(circle at 14% 0%, rgba(255,255,255,.16), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(168,85,247,.26), transparent 38%),
        linear-gradient(145deg, rgba(168,85,247,.12), rgba(255,255,255,.045));
      border-color: rgba(216,180,254,.22);
    }


    /* CV_MODEL_PICKER_PREMIUM_CTA_20260601 */
    .task-card.cv-model-picker-task-card {
      isolation: isolate;
      min-height: 96px;
      margin-bottom: 8px;
      border-radius: 22px;
      padding: 12px;
      border: 1px solid rgba(255,255,255,.22);
      background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.32), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(0,212,255,.34), transparent 32%),
        radial-gradient(circle at 45% 120%, rgba(124,92,255,.36), transparent 42%),
        linear-gradient(145deg, rgba(124,92,255,.34), rgba(0,0,0,.24));
      box-shadow:
        0 14px 40px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.07) inset,
        0 0 20px rgba(124,92,255,.14);
    }

    .task-card.cv-model-picker-task-card::before {
      opacity: .26;
      background:
        linear-gradient(118deg, transparent 26%, rgba(255,255,255,.18), transparent 54%),
        radial-gradient(circle, rgba(255,255,255,.22) 0 1px, transparent 1px 100%);
      background-size: auto, 24px 24px;
      animation: cvPickerCtaShine 5.8s ease-in-out infinite;
    }

    .task-card.cv-model-picker-task-card::after {
      right: -58px;
      top: -70px;
      width: 150px;
      height: 150px;
      background:
        radial-gradient(circle, rgba(255,255,255,.24), rgba(0,212,255,.12), transparent 68%);
      filter: blur(1px);
    }

    .task-card.cv-model-picker-task-card .task-card-top {
      align-items: center;
    }

    .task-card.cv-model-picker-task-card .task-icon {
      width: 44px;
      height: 44px;
      flex-basis: 44px;
      border-radius: 17px;
      font-size: 23px;
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.62), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.28), rgba(124,92,255,.88), rgba(0,212,255,.55));
      box-shadow:
        0 12px 30px rgba(0,0,0,.28),
        0 0 20px rgba(0,212,255,.16),
        inset 0 1px 0 rgba(255,255,255,.24);
    }

    .task-card.cv-model-picker-task-card .task-title {
      font-size: 18px;
      letter-spacing: -.42px;
      margin-bottom: 4px;
    }

    .task-card.cv-model-picker-task-card .task-desc {
      font-size: 13px;
      line-height: 1.38;
      color: rgba(255,255,255,.82);
      max-width: 560px;
    }

    .task-card.cv-model-picker-task-card .task-arrow {
      background: rgba(255,255,255,.16);
      border-color: rgba(255,255,255,.22);
      box-shadow:
        0 12px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
    }

    .cv-picker-task-badge {
      position: relative;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 9px;
      padding: 6px 9px;
      border-radius: 999px;
      color: rgba(255,255,255,.94);
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .cv-picker-task-hint {
      position: relative;
      z-index: 2;
      margin-top: 14px;
      padding: 12px 13px;
      border-radius: 18px;
      color: rgba(255,255,255,.86);
      background: rgba(0,0,0,.18);
      border: 1px solid rgba(255,255,255,.11);
      font-size: 13px;
      line-height: 1.38;
      font-weight: 750;
    }

    .cv-task-section-note {
      margin: 4px 2px 10px;
      padding: 14px 15px;
      border-radius: 22px;
      color: rgba(255,255,255,.72);
      background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.032));
      border: 1px solid rgba(255,255,255,.08);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 750;
    }

    .cv-task-section-note b {
      color: #fff;
      font-weight: 950;
    }

    @keyframes cvPickerCtaShine {
      0%, 58%, 100% {
        transform: translateX(-18%) rotate(-10deg);
        opacity: .18;
      }
      72% {
        transform: translateX(18%) rotate(-10deg);
        opacity: .34;
      }
    }

    @media (max-width: 430px) {
      .task-card.cv-model-picker-task-card {
        min-height: 92px;
        padding: 11px;
        border-radius: 21px;
      }

      .task-card.cv-model-picker-task-card .task-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 16px;
      }

      .task-card.cv-model-picker-task-card .task-title {
        font-size: 17.5px;
      }

      .cv-picker-task-hint,
      .cv-task-section-note {
        font-size: 12.5px;
      }
    }


    .back-task-row {
      margin: 0 0 12px;
    }

    .back-task-btn {
      width: 100%;
      border: 1px solid rgba(255,255,255,.09);
      background: rgba(255,255,255,.065);
      color: #fff;
      border-radius: 18px;
      padding: 12px;
      font-weight: 850;
      cursor: pointer;
    }


    .model-card {
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
      border-radius: 24px;
      padding: 14px;
      box-shadow: 0 14px 42px rgba(0,0,0,.22);
    }

    .model-head {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }

    .model-icon {
      width: 48px;
      height: 48px;
      flex: 0 0 48px;
      border-radius: 17px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 23px;
      background: var(--card2);
      border: 1px solid var(--line);
    }

    .model-main {
      min-width: 0;
      flex: 1;
    }

    .model-title-row {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }

    .model-title {
      font-size: 17px;
      font-weight: 800;
      line-height: 1.15;
    }

    .badge {
      font-size: 11px;
      padding: 4px 7px;
      border-radius: 999px;
      background: rgba(46,229,157,.13);
      color: var(--green);
      border: 1px solid rgba(46,229,157,.22);
      font-weight: 700;
    }

    .badge.orange {
      background: rgba(255,184,77,.13);
      color: var(--orange);
      border-color: rgba(255,184,77,.22);
    }

    .badge.purple {
      background: rgba(124,92,255,.15);
      color: #cfc5ff;
      border-color: rgba(124,92,255,.28);
    }

    .model-desc {
      color: #c9c9dc;
      font-size: 13.5px;
      line-height: 1.42;
      margin-top: 7px;
    }

    .meta {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-top: 12px;
    }

    .meta-item {
      border: 1px solid var(--line);
      background: rgba(0,0,0,.18);
      border-radius: 12px;
      padding: 7px 9px;
      font-size: 12px;
      color: #dddded;
    }

    .card-actions {
      display: flex;
      gap: 10px;
      margin-top: 13px;
    }

    .btn {
      border: 0;
      border-radius: 16px;
      padding: 12px 13px;
      font-size: 14px;
      font-weight: 800;
      color: white;
      background: linear-gradient(135deg, var(--accent), #4f86ff);
      cursor: pointer;
      flex: 1;
    }

    .btn.secondary {
      background: rgba(255,255,255,.08);
      color: #eeeeff;
      border: 1px solid var(--line);
      flex: 0 0 auto;
    }

    .notice {
      margin-top: 16px;
      color: var(--muted);
      font-size: 12px;
      text-align: center;
      line-height: 1.35;
    }




    /* CV_HIDE_OLD_GUIDE_BUTTONS_20260601 */
    #catalogScreen .guide-row {
      display: none !important;
    }

    .guide-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      margin: 4px 0 14px;
    }

    .guide-btn {
      width: 100%;
      border: 1px solid rgba(124,92,255,.28);
      border-radius: 20px;
      padding: 14px 14px;
      color: white;
      cursor: pointer;
      background:
        radial-gradient(circle at top right, rgba(0,212,255,.20), transparent 40%),
        linear-gradient(135deg, rgba(124,92,255,.24), rgba(255,255,255,.07));
      box-shadow: 0 14px 42px rgba(0,0,0,.24);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      text-align: left;
    }

    .guide-btn-main {
      display: flex;
      align-items: center;
      gap: 11px;
      min-width: 0;
    }

    .guide-btn-icon {
      width: 42px;
      height: 42px;
      border-radius: 16px;
      background: rgba(255,255,255,.10);
      border: 1px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 21px;
      flex: 0 0 42px;
    }

    .guide-btn-title {
      font-size: 15px;
      font-weight: 900;
      line-height: 1.15;
    }

    .guide-btn-subtitle {
      margin-top: 4px;
      color: #c9c9dc;
      font-size: 12px;
      line-height: 1.25;
    }

    .guide-btn-arrow {
      color: #d8d2ff;
      font-size: 20px;
      font-weight: 900;
    }

    .guide-screen {
      display: none;
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
      border-radius: 26px;
      padding: 16px;
      box-shadow: 0 16px 48px rgba(0,0,0,.25);
    }

    .guide-screen.active {
      display: block;
    }


    .guide-hero {
      position: relative;
      overflow: hidden;
      border-radius: 26px;
      padding: 18px;
      margin-bottom: 12px;
      border: 1px solid rgba(124,92,255,.22);
      background:
        radial-gradient(circle at top left, rgba(124,92,255,.32), transparent 38%),
        radial-gradient(circle at top right, rgba(0,212,255,.18), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055));
      box-shadow: 0 18px 54px rgba(0,0,0,.28);
    }

    .guide-hero:after {
      content: "🤖";
      position: absolute;
      right: 16px;
      top: 12px;
      font-size: 54px;
      opacity: .22;
      filter: drop-shadow(0 10px 22px rgba(0,0,0,.25));
    }

    .guide-kicker {
      color: #d8d2ff;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 8px;
      position: relative;
      z-index: 1;
    }

    .guide-title {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 25px;
      line-height: 1.04;
      font-weight: 950;
      letter-spacing: -0.7px;
      margin-bottom: 9px;
      position: relative;
      z-index: 1;
    }

    .guide-text {
      color: #d6d6e8;
      font-size: 14px;
      line-height: 1.45;
      margin-bottom: 0;
      max-width: 86%;
      position: relative;
      z-index: 1;
    }

    .ability-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 9px;
      margin: 12px 0;
    }

    .ability-item {
      border: 1px solid var(--line);
      background: rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 11px;
      display: flex;
      gap: 9px;
      align-items: center;
      color: #ededff;
      font-size: 12.5px;
      line-height: 1.25;
      font-weight: 750;
    }

    .ability-icon {
      width: 32px;
      height: 32px;
      flex: 0 0 32px;
      border-radius: 13px;
      background: rgba(124,92,255,.20);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
    }

    .guide-filter-row {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding: 2px 0 12px;
      scrollbar-width: none;
    }

    .guide-filter-row::-webkit-scrollbar {
      display: none;
    }

    .guide-filter {
      border: 1px solid var(--line);
      background: rgba(255,255,255,.07);
      color: #e8e8f8;
      border-radius: 999px;
      padding: 9px 12px;
      font-size: 12.5px;
      font-weight: 800;
      white-space: nowrap;
      cursor: pointer;
    }

    .guide-filter.active {
      border-color: transparent;
      background: linear-gradient(135deg, var(--accent), #4f86ff);
      color: white;
      box-shadow: 0 10px 28px rgba(124,92,255,.28);
    }

    .guide-list {
      display: grid;
      gap: 11px;
      margin: 6px 0 14px;
    }

    .guide-model-card {
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
      border-radius: 24px;
      padding: 13px;
      box-shadow: 0 14px 38px rgba(0,0,0,.21);
    }

    .guide-model-top {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }

    .guide-model-logo {
      width: 58px;
      height: 58px;
      flex: 0 0 58px;
      border-radius: 20px;
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(124,92,255,.24), rgba(0,212,255,.12));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 29px;
      box-shadow: 0 12px 30px rgba(0,0,0,.24);
    }

    .guide-model-body {
      min-width: 0;
      flex: 1;
    }

    .guide-model-name {
      font-size: 17px;
      font-weight: 950;
      line-height: 1.12;
      margin-bottom: 5px;
    }

    .guide-model-role {
      color: #d9d9ee;
      font-size: 13px;
      line-height: 1.35;
      font-weight: 750;
    }

    .guide-model-points {
      margin: 10px 0 0;
      padding-left: 17px;
      color: #c9c9dc;
      font-size: 12.5px;
      line-height: 1.38;
    }

    .guide-model-points li {
      margin: 3px 0;
    }

    .ideal-box {
      margin-top: 11px;
      border-radius: 17px;
      border: 1px solid rgba(124,92,255,.20);
      background: rgba(124,92,255,.10);
      padding: 10px;
    }

    .ideal-title {
      color: #d8d2ff;
      font-size: 12px;
      font-weight: 950;
      margin-bottom: 5px;
    }

    .ideal-text {
      color: #f0f0ff;
      font-size: 12.5px;
      line-height: 1.35;
    }

    .guide-model-actions {
      display: flex;
      gap: 9px;
      margin-top: 11px;
    }

    .map-advice {
      display: grid;
      gap: 10px;
      margin: 12px 0 14px;
    }

    .advice-card {
      border: 1px solid var(--line);
      background:
        radial-gradient(circle at top right, rgba(255,184,77,.18), transparent 42%),
        rgba(255,255,255,.07);
      border-radius: 22px;
      padding: 13px;
    }

    .advice-title {
      font-weight: 950;
      margin-bottom: 7px;
      font-size: 14px;
    }

    .advice-list {
      margin: 0;
      padding-left: 18px;
      color: #d7d7e8;
      font-size: 12.5px;
      line-height: 1.42;
    }

    .advice-list li {
      margin: 4px 0;
    }

    .guide-empty {
      color: var(--muted);
      text-align: center;
      padding: 18px;
      border: 1px dashed var(--line);
      border-radius: 20px;
      font-size: 13px;
    }




    .balance-screen {
      display: none;
      border: 1px solid var(--line);
      background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
      border-radius: 26px;
      padding: 18px;
      box-shadow: 0 16px 48px rgba(0,0,0,.25);
    }

    .balance-screen.active {
      display: block;
    }

    .balance-card {
      border-radius: 24px;
      padding: 18px;
      background:
        radial-gradient(circle at top right, rgba(46,229,157,.18), transparent 38%),
        linear-gradient(135deg, rgba(124,92,255,.23), rgba(0,212,255,.10));
      border: 1px solid rgba(255,255,255,.10);
    }

    .balance-label {
      color: var(--muted);
      font-size: 13px;
      margin-bottom: 8px;
    }

    .balance-value {
      font-size: 34px;
      font-weight: 900;
      letter-spacing: -0.8px;
    }

    .balance-hint {
      margin-top: 10px;
      color: #d7d7e8;
      font-size: 14px;
      line-height: 1.4;
    }

    .balance-actions {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }


    .welcome-overlay {
      position: fixed;
      inset: 0;
      z-index: 2100;
      display: flex;
      align-items: stretch;
      justify-content: center;
      padding: 16px 14px 132px;
      background:
        radial-gradient(circle at 20% 15%, rgba(124,92,255,.34), transparent 35%),
        radial-gradient(circle at 86% 26%, rgba(0,212,255,.18), transparent 34%),
        rgba(6, 7, 16, .72);
      backdrop-filter: blur(18px);
    }

    .welcome-overlay.hidden {
      display: none;
    }

    .welcome-card {
      width: 100%;
      max-width: 520px;
      align-self: center;
      border-radius: 30px;
      padding: 22px;
      background:
        radial-gradient(circle at top right, rgba(124,92,255,.26), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
      border: 1px solid rgba(255,255,255,.13);
      box-shadow: 0 28px 80px rgba(0,0,0,.46);
      position: relative;
      overflow: hidden;
    }

    .welcome-card:after {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      right: -60px;
      top: -60px;
      border-radius: 999px;
      background: rgba(111,92,255,.22);
      filter: blur(8px);
      pointer-events: none;
    }

    .welcome-top {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
    }

    .welcome-logo {
      width: 58px;
      height: 58px;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      background: linear-gradient(135deg, var(--accent), #32d7ff);
      box-shadow: 0 16px 34px rgba(124,92,255,.28);
    }

    .welcome-brand {
      min-width: 0;
    }

    .welcome-brand-title {
      font-size: 25px;
      font-weight: 950;
      line-height: 1.05;
    }

    .welcome-brand-subtitle {
      margin-top: 4px;
      color: rgba(255,255,255,.62);
      font-size: 14px;
      font-weight: 750;
    }

    .welcome-title {
      position: relative;
      z-index: 1;
      font-size: 28px;
      line-height: 1.08;
      font-weight: 950;
      letter-spacing: -0.7px;
      margin: 0 0 12px;
    }

    .welcome-text {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 10px;
      color: rgba(255,255,255,.78);
      font-size: 15px;
      line-height: 1.42;
      font-weight: 650;
    }

    .welcome-note {
      padding: 12px;
      border-radius: 18px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.08);
      color: rgba(255,255,255,.84);
    }

    .welcome-actions {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      margin-top: 18px;
    }

    .welcome-start {
      border: 0;
      border-radius: 20px;
      padding: 15px 16px;
      color: #fff;
      font-size: 16px;
      font-weight: 950;
      cursor: pointer;
      background: linear-gradient(135deg, var(--accent), #4aa7ff);
      box-shadow: 0 16px 32px rgba(124,92,255,.28);
    }

    .welcome-small {
      color: rgba(255,255,255,.55);
      text-align: center;
      font-size: 12px;
      font-weight: 700;
    }

    .welcome-arrows {
      position: fixed;
      left: 14px;
      right: 14px;
      bottom: 106px;
      z-index: 2150;
      pointer-events: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: end;
    }

    .welcome-arrow-item {
      min-height: 70px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: #fff;
      text-shadow: 0 8px 28px rgba(0,0,0,.55);
      font-weight: 950;
    }

    .welcome-arrow-item.video {
      align-items: flex-end;
      text-align: right;
    }

    .welcome-arrow-label {
      display: inline-flex;
      width: fit-content;
      max-width: 180px;
      padding: 9px 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(14px);
      font-size: 12px;
      line-height: 1.15;
    }

    .welcome-arrow {
      font-size: 38px;
      line-height: 1;
      margin-top: 4px;
      filter: drop-shadow(0 10px 20px rgba(0,0,0,.45));
      animation: welcomeArrowPulse 1.2s ease-in-out infinite;
    }

    .welcome-arrow-item.photo .welcome-arrow {
      transform: rotate(-28deg);
      margin-left: 26px;
    }

    .welcome-arrow-item.video .welcome-arrow {
      transform: rotate(28deg);
      margin-right: 28px;
    }

    @keyframes welcomeArrowPulse {
      0%, 100% {
        opacity: .72;
        translate: 0 0;
      }
      50% {
        opacity: 1;
        translate: 0 5px;
      }
    }


    .bottom-nav-wrap {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 20;
      padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
      background: linear-gradient(180deg, transparent, rgba(8,8,16,.76) 22%, rgba(8,8,16,.96));
      backdrop-filter: blur(14px);
    }

    .bottom-nav {
      max-width: 620px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 82px 1fr;
      gap: 10px;
      align-items: center;
    }

    .nav-btn {
      border: 1px solid var(--line);
      color: #f4f4ff;
      background: rgba(255,255,255,.08);
      border-radius: 22px;
      height: 58px;
      font-size: 14px;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 12px 36px rgba(0,0,0,.28);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
    }

    .nav-btn span {
      font-size: 20px;
      line-height: 1;
    }

    .nav-btn.active {
      border-color: transparent;
      background: linear-gradient(135deg, var(--accent), #4f86ff);
      box-shadow: 0 16px 42px rgba(124,92,255,.38);
    }

    .nav-balance {
      width: 82px;
      height: 66px;
      border-radius: 26px;
      background:
        radial-gradient(circle at top right, rgba(46,229,157,.32), transparent 42%),
        linear-gradient(135deg, #1f2140, #111421);
      border: 1px solid rgba(46,229,157,.24);
      color: white;
      font-size: 12px;
      font-weight: 900;
      box-shadow: 0 18px 46px rgba(0,0,0,.38);
    }

    .nav-balance span {
      font-size: 22px;
    }


    .hidden {
      display: none;
    }

    .toast {
      position: fixed;
      left: 14px;
      right: 14px;
      bottom: 18px;
      max-width: 590px;
      margin: 0 auto;
      background: rgba(20,20,33,.96);
      border: 1px solid var(--line);
      color: white;
      padding: 13px 14px;
      border-radius: 18px;
      box-shadow: 0 18px 50px rgba(0,0,0,.45);
      transform: translateY(120px);
      opacity: 0;
      transition: .22s ease;
      font-size: 14px;
      z-index: 120000;
      pointer-events: none;
    }

    .toast.show {
      transform: translateY(0);
      opacity: 1;
    }

    /* Compact welcome override */
    .welcome-overlay {
      padding: 14px 14px 118px !important;
      align-items: center !important;
      background:
        radial-gradient(circle at 20% 15%, rgba(124,92,255,.30), transparent 35%),
        radial-gradient(circle at 86% 26%, rgba(0,212,255,.14), transparent 34%),
        rgba(6, 7, 16, .70) !important;
    }

    .welcome-card {
      max-width: 520px !important;
      border-radius: 28px !important;
      padding: 18px !important;
      max-height: calc(100vh - 170px) !important;
      overflow: auto !important;
    }

    .welcome-top {
      gap: 12px !important;
      margin-bottom: 14px !important;
    }

    .welcome-logo {
      width: 54px !important;
      height: 54px !important;
      border-radius: 18px !important;
      font-size: 28px !important;
      flex: 0 0 54px !important;
    }

    .welcome-brand-title {
      font-size: 27px !important;
      line-height: 1 !important;
    }

    .welcome-brand-subtitle {
      font-size: 13px !important;
      margin-top: 5px !important;
    }

    .welcome-title {
      font-size: 26px !important;
      line-height: 1.08 !important;
      margin: 0 0 12px !important;
      letter-spacing: -0.6px !important;
    }

    .welcome-text {
      gap: 10px !important;
      font-size: 15px !important;
      line-height: 1.35 !important;
      font-weight: 650 !important;
    }

    .welcome-note {
      display: none !important;
    }

    .welcome-actions {
      margin-top: 16px !important;
    }

    .welcome-start {
      padding: 14px 16px !important;
      border-radius: 19px !important;
      font-size: 16px !important;
    }

    .welcome-small {
      display: none !important;
    }

    .welcome-arrows {
      bottom: 82px !important;
      left: 18px !important;
      right: 18px !important;
      grid-template-columns: 1fr 1fr !important;
      pointer-events: none !important;
    }

    .welcome-arrow-label {
      max-width: 230px !important;
      padding: 9px 12px !important;
      font-size: 12px !important;
      line-height: 1.1 !important;
      background: rgba(255,255,255,.16) !important;
      box-shadow: 0 12px 34px rgba(0,0,0,.28) !important;
    }

    .welcome-arrow {
      font-size: 42px !important;
      margin-top: 8px !important;
    }

    .welcome-arrow-item.photo .welcome-arrow {
      margin-left: 36px !important;
      transform: rotate(-18deg) !important;
    }

    .welcome-arrow-item.video .welcome-arrow {
      margin-right: 36px !important;
      transform: rotate(18deg) !important;
    }

    @media (max-height: 720px) {
      .welcome-title {
        font-size: 23px !important;
      }

      .welcome-text {
        font-size: 14px !important;
      }

      .welcome-card {
        padding: 16px !important;
      }

      .welcome-arrows {
        bottom: 78px !important;
      }
    }



    /* Welcome without start button */
    .welcome-overlay {
      padding: 14px 14px 118px !important;
      pointer-events: none !important;
    }

    .welcome-card {
      pointer-events: auto !important;
      max-height: calc(100vh - 210px) !important;
      padding: 18px !important;
      transform: translateY(-18px);
    }

    .welcome-actions,
    .welcome-start,
    .welcome-small {
      display: none !important;
    }

    .welcome-arrows {
      bottom: 72px !important;
      left: 20px !important;
      right: 20px !important;
      pointer-events: none !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 40px !important;
    }

    .welcome-arrow-label {
      padding: 8px 12px !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      background: rgba(255,255,255,.18) !important;
      border: 1px solid rgba(255,255,255,.20) !important;
      box-shadow: 0 14px 34px rgba(0,0,0,.34) !important;
    }

    .welcome-arrow {
      font-size: 48px !important;
      margin-top: 8px !important;
      line-height: 1 !important;
    }

    .welcome-arrow-item.photo {
      align-items: flex-start !important;
      text-align: left !important;
    }

    .welcome-arrow-item.video {
      align-items: flex-end !important;
      text-align: right !important;
    }

    .welcome-arrow-item.photo .welcome-arrow {
      margin-left: 54px !important;
      transform: rotate(-8deg) !important;
    }

    .welcome-arrow-item.video .welcome-arrow {
      margin-right: 54px !important;
      transform: rotate(8deg) !important;
    }

    @media (max-height: 720px) {
      .welcome-card {
        transform: translateY(-28px);
        max-height: calc(100vh - 230px) !important;
      }

      .welcome-arrows {
        bottom: 66px !important;
      }

      .welcome-arrow {
        font-size: 42px !important;
      }
    }



    /* Keep bottom navigation visible above welcome screen */
    .welcome-overlay {
      z-index: 2000 !important;
      padding-bottom: 150px !important;
    }

    .bottom-nav-wrap {
      z-index: 2300 !important;
    }

    .bottom-nav {
      opacity: 1 !important;
      filter: none !important;
      box-shadow:
        0 18px 48px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.10) inset !important;
    }

    .bottom-nav .nav-btn {
      opacity: 1 !important;
      filter: none !important;
    }

    .welcome-arrows {
      z-index: 2400 !important;
      bottom: 96px !important;
      left: 20px !important;
      right: 20px !important;
      pointer-events: none !important;
    }

    .welcome-arrow-item.photo {
      transform: translateX(42px) translateY(0) !important;
    }

    .welcome-arrow-item.video {
      transform: translateX(-42px) translateY(0) !important;
    }

    .welcome-arrow-item.photo .welcome-arrow {
      margin-left: 28px !important;
      transform: rotate(-22deg) !important;
    }

    .welcome-arrow-item.video .welcome-arrow {
      margin-right: 28px !important;
      transform: rotate(22deg) !important;
    }

    @media (max-height: 720px) {
      .welcome-arrows {
        bottom: 90px !important;
      }
    }


    /* Remove ugly square around bottom nav */
    .bottom-nav-wrap {
      background: transparent !important;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    .bottom-nav-wrap::before,
    .bottom-nav-wrap::after {
      display: none !important;
      content: none !important;
    }

    .bottom-nav {
      border-radius: 34px !important;
      border: 0 !important;
      outline: 0 !important;
    }

    .bottom-nav::before,
    .bottom-nav::after {
      display: none !important;
      content: none !important;
    }

    .nav-btn {
      outline: 0 !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    .nav-btn:focus,
    .nav-btn:focus-visible,
    .nav-btn:active {
      outline: 0 !important;
      box-shadow: none;
    }


    /* Bottom nav beauty fix */
    .bottom-nav-wrap {
      position: fixed !important;
      left: 14px !important;
      right: 14px !important;
      bottom: 14px !important;
      z-index: 2300 !important;

      background: transparent !important;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      padding: 0 !important;
    }

    .bottom-nav-wrap::before,
    .bottom-nav-wrap::after {
      display: none !important;
      content: none !important;
    }

    .bottom-nav {
      width: 100% !important;
      display: grid !important;
      grid-template-columns: 1.25fr .78fr 1.25fr !important;
      gap: 10px !important;

      padding: 8px !important;
      border-radius: 34px !important;

      background: rgba(13, 14, 27, .78) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
      box-shadow:
        0 18px 50px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

      backdrop-filter: blur(22px) !important;
      -webkit-backdrop-filter: blur(22px) !important;
      overflow: hidden !important;
    }

    .bottom-nav::before,
    .bottom-nav::after {
      display: none !important;
      content: none !important;
    }

    .nav-btn {
      min-width: 0 !important;
      height: 74px !important;
      border-radius: 28px !important;

      border: 1px solid rgba(255,255,255,.09) !important;
      background: rgba(255,255,255,.065) !important;
      color: #fff !important;

      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 6px !important;

      font-size: 17px !important;
      font-weight: 950 !important;
      line-height: 1 !important;

      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(0,0,0,.18) !important;

      outline: 0 !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    .nav-btn.active {
      background: linear-gradient(135deg, #7b5cff, #4aa7ff) !important;
      border-color: rgba(255,255,255,.12) !important;
      box-shadow:
        0 14px 34px rgba(82, 118, 255, .28),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
    }

    .nav-balance {
      border-color: rgba(0, 255, 194, .20) !important;
      background:
        radial-gradient(circle at top right, rgba(0,255,194,.18), transparent 45%),
        rgba(255,255,255,.055) !important;
    }

    .nav-btn .nav-icon,
    .nav-icon {
      font-size: 23px !important;
      line-height: 1 !important;
      height: 24px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .nav-btn:focus,
    .nav-btn:focus-visible,
    .nav-btn:active {
      outline: 0 !important;
    }

    @media (max-width: 380px) {
      .bottom-nav {
        gap: 7px !important;
        padding: 7px !important;
      }

      .nav-btn {
        height: 68px !important;
        border-radius: 24px !important;
        font-size: 15px !important;
      }
    }


    /* Compact bottom nav final */
    .bottom-nav-wrap {
      left: 16px !important;
      right: 16px !important;
      bottom: 12px !important;
    }

    .bottom-nav {
      grid-template-columns: 1.18fr .74fr 1.18fr !important;
      gap: 8px !important;
      padding: 7px !important;
      border-radius: 28px !important;
      max-height: 86px !important;
    }

    .nav-btn {
      height: 62px !important;
      min-height: 62px !important;
      border-radius: 23px !important;
      gap: 4px !important;
      font-size: 15px !important;
      font-weight: 950 !important;
      padding: 7px 8px !important;
    }

    .nav-btn .nav-icon,
    .nav-icon {
      font-size: 20px !important;
      height: 20px !important;
      line-height: 1 !important;
    }

    .nav-balance {
      border-radius: 23px !important;
    }

    .welcome-arrows {
      bottom: 80px !important;
    }

    .welcome-arrow {
      font-size: 36px !important;
    }

    .welcome-arrow-item.photo {
      transform: translateX(38px) translateY(6px) !important;
    }

    .welcome-arrow-item.video {
      transform: translateX(-38px) translateY(6px) !important;
    }

    @media (max-width: 380px) {
      .bottom-nav-wrap {
        left: 12px !important;
        right: 12px !important;
        bottom: 10px !important;
      }

      .bottom-nav {
        gap: 6px !important;
        padding: 6px !important;
        border-radius: 25px !important;
        max-height: 78px !important;
      }

      .nav-btn {
        height: 56px !important;
        min-height: 56px !important;
        border-radius: 20px !important;
        font-size: 14px !important;
      }

      .nav-btn .nav-icon,
      .nav-icon {
        font-size: 18px !important;
        height: 18px !important;
      }
    }


    /* Welcome arrows label and position final */
    .welcome-arrows {
      bottom: 112px !important;
      left: 24px !important;
      right: 24px !important;
      z-index: 2400 !important;
    }

    .welcome-arrow-label {
      font-size: 11px !important;
      padding: 7px 11px !important;
      border-radius: 999px !important;
      color: rgba(255,255,255,.92) !important;
      background: rgba(255,255,255,.13) !important;
      border: 1px solid rgba(255,255,255,.16) !important;
      box-shadow: 0 10px 28px rgba(0,0,0,.26) !important;
      backdrop-filter: blur(14px) !important;
      -webkit-backdrop-filter: blur(14px) !important;
    }

    .welcome-arrow {
      font-size: 38px !important;
      margin-top: 8px !important;
      opacity: .95 !important;
    }

    .welcome-arrow-item.photo {
      transform: translateX(44px) translateY(-2px) !important;
    }

    .welcome-arrow-item.video {
      transform: translateX(-44px) translateY(-2px) !important;
    }

    .welcome-arrow-item.photo .welcome-arrow {
      margin-left: 28px !important;
      transform: rotate(-18deg) !important;
    }

    .welcome-arrow-item.video .welcome-arrow {
      margin-right: 28px !important;
      transform: rotate(18deg) !important;
    }

    @media (max-height: 720px) {
      .welcome-arrows {
        bottom: 102px !important;
      }

      .welcome-arrow {
        font-size: 34px !important;
      }
    }


    /* Hide balance while welcome is open */
    body.welcome-open .bottom-nav {
      grid-template-columns: 1fr 1fr !important;
      gap: 12px !important;
    }

    body.welcome-open #balanceNav {
      display: none !important;
    }

    body.welcome-open #photoNav,
    body.welcome-open #videoNav {
      height: 62px !important;
      min-height: 62px !important;
    }

    body.welcome-open .welcome-arrows {
      bottom: 104px !important;
    }

    body.welcome-open .welcome-arrow-item.photo {
      transform: translateX(46px) translateY(0) !important;
    }

    body.welcome-open .welcome-arrow-item.video {
      transform: translateX(-46px) translateY(0) !important;
    }


    /* Neutral nav buttons while welcome is open */
    body.welcome-open #photoNav.active,
    body.welcome-open #videoNav.active,
    body.welcome-open .nav-btn.active {
      background: rgba(255,255,255,.065) !important;
      border-color: rgba(255,255,255,.09) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 24px rgba(0,0,0,.18) !important;
    }

    body.welcome-open #photoNav,
    body.welcome-open #videoNav {
      background:
        radial-gradient(circle at top right, rgba(124,92,255,.12), transparent 45%),
        rgba(255,255,255,.065) !important;
    }

    body.welcome-open #photoNav:hover,
    body.welcome-open #videoNav:hover,
    body.welcome-open #photoNav:active,
    body.welcome-open #videoNav:active {
      background:
        radial-gradient(circle at top right, rgba(124,92,255,.18), transparent 45%),
        rgba(255,255,255,.09) !important;
    }


    /* Section hero redesign after welcome */
    body:not(.welcome-open) #homeHero {
      padding: 4px 2px 18px !important;
      margin: 0 0 10px !important;

      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      border-radius: 0 !important;
      overflow: visible !important;
    }

    body:not(.welcome-open) #homeHero::before,
    body:not(.welcome-open) #homeHero::after {
      display: none !important;
      content: none !important;
    }

    body:not(.welcome-open) #homeHero .brand {
      margin: 0 0 6px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
    }

    body:not(.welcome-open) #homeHero .logo,
    body:not(.welcome-open) #homeHero .brand-title {
      display: none !important;
    }

    body:not(.welcome-open) #homeHero .brand-subtitle {
      display: inline-flex !important;
      width: fit-content !important;
      margin: 0 auto !important;
      padding: 5px 10px !important;
      border-radius: 999px !important;

      font-size: 11px !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      color: rgba(255,255,255,.86) !important;

      background: rgba(255,255,255,.08) !important;
      border: 1px solid rgba(255,255,255,.10) !important;
    }

    body:not(.welcome-open) #homeHero h1 {
      margin: 0 0 5px !important;
      font-size: 28px !important;
      line-height: 1.02 !important;
      letter-spacing: -0.7px !important;
      font-weight: 950 !important;
      min-height: 30px;
    }

    body:not(.welcome-open) #homeHero p {
      max-width: 92% !important;
      margin: 0 !important;
      font-size: 15px !important;
      line-height: 1.28 !important;
      font-weight: 650 !important;
      color: rgba(255,255,255,.68) !important;
      min-height: 38px;
    }

    body:not(.welcome-open) #cvModeSwitchHost {
      min-height: 70px;
    }

    body:not(.welcome-open) #taskScreen {
      margin-top: 0 !important;
    }

    .cv-prompt-screen-trail {
      display: none;
      pointer-events: none;
      user-select: none;
    }

    body.cv-task-screen-open:not(.welcome-open) .cv-prompt-screen-trail {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1;
      display: block;
      height: 360px;
      overflow: visible;
      opacity: .7;
    }

    body.cv-task-screen-open:not(.welcome-open) .task-head,
    body.cv-task-screen-open:not(.welcome-open) #taskGrid,
    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip {
      position: relative;
      z-index: 2;
    }

    .cv-prompt-screen-trail svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: drop-shadow(0 0 14px rgba(93,213,255,.22));
      transform-origin: 50% 50%;
    }

    .cv-prompt-screen-trail-path {
      fill: none;
      stroke: url(#cvPromptScreenTrailGradient);
      stroke-width: 2.9;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: .92;
      vector-effect: non-scaling-stroke;
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      animation: cvPromptScreenTrailDraw 8.2s cubic-bezier(.45, 0, .2, 1) infinite;
      animation-fill-mode: both;
    }

    .cv-prompt-screen-cat {
      position: absolute;
      z-index: 3;
      appearance: none;
      -webkit-appearance: none;
      pointer-events: auto;
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      padding: 0;
      border: 1px solid rgba(141,232,255,.20);
      border-radius: 14px;
      color: #fff;
      background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.24), transparent 34%),
        linear-gradient(145deg, rgba(124,92,255,.34), rgba(30,192,255,.18));
      box-shadow: 0 12px 28px rgba(0,0,0,.22), 0 0 24px rgba(101,214,255,.14);
      font-family: inherit;
      font-size: 17px;
      line-height: 1;
      cursor: pointer;
      transform-origin: 50% 100%;
      animation: cvPromptScreenCatFloat 4.8s ease-in-out infinite;
    }

    .cv-prompt-screen-cat.top-a {
      left: auto;
      right: 9%;
      top: 256px;
      animation-delay: .25s;
    }

    .cv-prompt-screen-cat:active,
    .cv-prompts-channel-cat:active {
      transform: scale(.94);
    }

    .cv-prompts-channel-flourish {
      display: none;
      pointer-events: none;
      user-select: none;
    }

    body.cv-task-screen-open:not(.welcome-open) .cv-prompts-channel-flourish {
      position: relative;
      overflow: visible;
      isolation: isolate;
      display: flex;
      min-height: 190px;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      transform: translateZ(0);
    }

    .cv-prompts-channel-flourish-text {
      position: absolute;
      left: 50%;
      top: 31px;
      z-index: 3;
      width: max-content;
      max-width: 96%;
      padding: 0;
      border: 0;
      border-radius: 0;
      color: #8de8ff;
      background:
        linear-gradient(90deg, #8de8ff, #ffffff 45%, #a78bff 72%, #8de8ff);
      background-size: 220% 100%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 12.8px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: -.02em;
      text-align: center;
      white-space: nowrap;
      filter: drop-shadow(0 0 16px rgba(117,206,255,.22));
      transform: translateX(-50%);
      animation: cvPromptFlourishTextShimmer 3.8s ease-in-out infinite;
    }

    .cv-prompts-channel-flourish::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 46px;
      z-index: 0;
      width: 150px;
      height: 150px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(124,92,255,.18), rgba(57,211,255,.08) 48%, transparent 70%);
      filter: blur(1px);
      opacity: .8;
      transform: translateX(-50%);
      pointer-events: none;
    }

    .cv-prompts-channel-flourish::after {
      display: none;
    }

    .cv-prompts-channel-flourish-svg {
      display: none;
    }

    .cv-prompts-channel-flourish-path {
      fill: none;
      stroke: url(#cvPromptFlourishGradient);
      stroke-width: 2.6;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: .88;
      vector-effect: non-scaling-stroke;
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      animation: cvPromptScreenTrailDraw 8.2s cubic-bezier(.45, 0, .2, 1) infinite;
      animation-fill-mode: both;
    }

    .cv-prompts-channel-cat {
      position: absolute;
      left: 34px;
      bottom: 30px;
      z-index: 3;
      appearance: none;
      -webkit-appearance: none;
      display: grid;
      place-items: center;
      width: 35px;
      height: 35px;
      border: 1px solid rgba(141,232,255,.20);
      border-radius: 14px;
      color: #fff;
      background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.20), transparent 32%),
        linear-gradient(145deg, rgba(124,92,255,.30), rgba(30,192,255,.18));
      box-shadow: 0 12px 28px rgba(0,0,0,.20), 0 0 24px rgba(101,214,255,.12);
      font-family: inherit;
      font-size: 18px;
      line-height: 1;
      transform-origin: 50% 100%;
      animation: cvPromptFlourishCat 4.4s ease-in-out infinite;
    }

    @keyframes cvPromptScreenTrailDraw {
      0% {
        opacity: 0;
        stroke-dashoffset: 1000;
      }
      10% {
        opacity: 0;
        stroke-dashoffset: 1000;
      }
      20% {
        opacity: .92;
        stroke-dashoffset: 920;
      }
      54% {
        opacity: .95;
        stroke-dashoffset: 0;
      }
      76% {
        opacity: .95;
        stroke-dashoffset: 0;
      }
      100% {
        opacity: 0;
        stroke-dashoffset: 0;
      }
    }

    @keyframes cvPromptFlourishTextShimmer {
      0%, 100% { background-position: 0% 50%; opacity: .82; transform: translateX(-50%) translateY(0); }
      50% { background-position: 100% 50%; opacity: 1; transform: translateX(-50%) translateY(-1px); }
    }

    @keyframes cvPromptFlourishCat {
      0%, 100% { transform: translateY(0) rotate(-3deg); opacity: .84; }
      50% { transform: translateY(-3px) rotate(4deg); opacity: 1; }
    }

    @keyframes cvPromptScreenCatFloat {
      0%, 100% { transform: translate3d(0,0,0) rotate(-4deg); opacity: .82; }
      50% { transform: translate3d(0,-5px,0) rotate(5deg); opacity: 1; }
    }

    @keyframes cvPromptFlourishSweep {
      0%, 100% { opacity: 0; }
    }

    @keyframes cvPromptChannelNudge {
      0%, 100% {
        filter: none;
        box-shadow:
          0 18px 44px rgba(0,0,0,.30),
          0 0 0 1px rgba(86,216,255,.035),
          inset 0 1px 0 rgba(255,255,255,.13);
      }
      40% {
        filter: drop-shadow(0 0 20px rgba(123,231,255,.22));
        box-shadow:
          0 18px 44px rgba(0,0,0,.30),
          0 0 0 2px rgba(123,231,255,.38),
          0 0 34px rgba(123,231,255,.25),
          inset 0 1px 0 rgba(255,255,255,.13);
      }
    }

    #cvPromptsChannelStrip.cv-prompts-channel-nudge {
      animation: cvPromptChannelNudge 1.05s ease-out 1;
    }

    /* Bottom prompt channels CTA */
    body.cv-task-screen-open:not(.welcome-open) .app {
      padding-bottom: 144px !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
      z-index: 1 !important;
      width: 100% !important;
      max-width: none !important;
      margin: 18px 0 0 !important;
      padding: 9px 10px 9px 12px !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 10px !important;
      border-radius: 24px !important;
      border: 1px solid rgba(207,215,255,.18) !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(137,97,255,.32), transparent 38%),
        radial-gradient(circle at 100% 0%, rgba(39,211,255,.20), transparent 36%),
        linear-gradient(135deg, rgba(22,23,42,.82), rgba(11,14,27,.68)) !important;
      box-shadow:
        0 18px 44px rgba(0,0,0,.30),
        0 0 0 1px rgba(86,216,255,.035),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
      backdrop-filter: blur(22px) saturate(1.16) !important;
      -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
      transform: translateZ(0) !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip::after {
      content: "" !important;
      position: absolute !important;
      inset: 5px !important;
      border-radius: 19px !important;
      border: 1px solid rgba(255,255,255,.055) !important;
      pointer-events: none !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-kicker {
      margin-bottom: 2px !important;
      color: rgba(205,215,255,.66) !important;
      font-size: 7px !important;
      letter-spacing: .16em !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-title {
      font-size: 13px !important;
      line-height: 1.08 !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-subtitle {
      display: none !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-hint {
      display: none !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-actions {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 7px !important;
      min-width: 218px !important;
    }

    body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-btn {
      min-height: 36px !important;
      padding: 0 12px !important;
      border-radius: 17px !important;
      font-size: 10.5px !important;
    }

    body.cv-model-settings-open #cvPromptsChannelStrip,
    body.cv-community-open #cvPromptsChannelStrip,
    body.cv-cabinet-screen-open #cvPromptsChannelStrip,
    body.cv-picker-screen-open #cvPromptsChannelStrip {
      display: none !important;
    }

    @media (max-width: 420px) {
      body.cv-task-screen-open:not(.welcome-open) .app {
        padding-bottom: 150px !important;
      }

      body.cv-task-screen-open:not(.welcome-open) .cv-prompts-channel-flourish {
        min-height: 174px;
      }

      .cv-prompts-channel-flourish-text {
        top: 29px;
        font-size: 11.5px;
      }

      .cv-prompts-channel-cat {
        left: 26px;
        bottom: 30px;
        width: 31px;
        height: 31px;
        border-radius: 12px;
        font-size: 16px;
      }

      body.cv-task-screen-open:not(.welcome-open) .cv-prompt-screen-trail {
        top: 0;
        height: 360px;
      }

      .cv-prompt-screen-cat.top-a {
        left: auto;
        right: 9%;
        top: 248px;
      }

      body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip {
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding: 10px !important;
      }

      body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-actions {
        min-width: 0 !important;
      }

      body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip .cv-prompts-channel-hint {
        display: none !important;
      }
    }

    /* Model detail screen */
    .model-screen {
      display: none;
      padding-bottom: 110px;
    }

    .model-screen.active {
      display: block;
    }

    .model-detail-card {
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      padding: 22px;
      background:
        radial-gradient(circle at 18% 10%, rgba(124,92,255,.28), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(0,212,255,.12), transparent 35%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 20px 46px rgba(0,0,0,.28);
    }

    .model-detail-top {
      display: flex;
      gap: 14px;
      align-items: center;
      margin-bottom: 18px;
    }

    .model-detail-icon {
      width: 62px;
      height: 62px;
      border-radius: 20px;
      display: grid;
      place-items: center;
      font-size: 34px;
      background: linear-gradient(135deg, rgba(124,92,255,.72), rgba(0,212,255,.42));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
      flex: 0 0 auto;
    }

    .model-detail-name {
      font-size: 28px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.7px;
      color: #fff;
    }

    .model-detail-kicker {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 800;
      color: rgba(255,255,255,.58);
    }

    .model-detail-desc {
      font-size: 17px;
      line-height: 1.45;
      font-weight: 650;
      color: rgba(255,255,255,.76);
      margin-bottom: 16px;
    }

    .model-detail-section {
      margin-top: 16px;
      padding: 14px;
      border-radius: 20px;
      background: rgba(255,255,255,.055);
      border: 1px solid rgba(255,255,255,.08);
    }

    .model-detail-section-title {
      font-size: 15px;
      font-weight: 950;
      color: #fff;
      margin-bottom: 10px;
    }

    .model-detail-list {
      display: grid;
      gap: 8px;
      color: rgba(255,255,255,.72);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 650;
    }

    .model-detail-list div::before {
      content: "• ";
      color: rgba(116, 156, 255, .95);
      font-weight: 950;
    }

    .model-detail-actions {
      display: grid;
      gap: 10px;
      margin-top: 18px;
    }

    .model-primary-action {
      width: 100%;
      border: 0;
      border-radius: 20px;
      padding: 15px 16px;
      color: #fff;
      font-size: 16px;
      font-weight: 950;
      background: linear-gradient(135deg, #7c5cff, #47b8ff);
      box-shadow: 0 16px 36px rgba(76, 119, 255, .24);
      cursor: pointer;
    }

    .model-secondary-action {
      width: 100%;
      border-radius: 20px;
      padding: 14px 16px;
      color: rgba(255,255,255,.88);
      font-size: 15px;
      font-weight: 900;
      background: rgba(255,255,255,.065);
      border: 1px solid rgba(255,255,255,.10);
      cursor: pointer;
    }

    .model-card-hint {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .model-card-hint span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.08);
      color: rgba(255,255,255,.7);
      font-size: 13px;
      font-weight: 850;
    }


    /* Safe model screen fix */
    .model-screen {
      display: none;
      padding-bottom: 110px;
    }

    .model-screen.active {
      display: block;
    }

    .model-detail-card {
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      padding: 22px;
      background:
        radial-gradient(circle at 18% 10%, rgba(124,92,255,.28), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(0,212,255,.12), transparent 35%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 20px 46px rgba(0,0,0,.28);
    }

    .model-detail-top {
      display: flex;
      gap: 14px;
      align-items: center;
      margin-bottom: 18px;
    }

    .model-detail-icon {
      width: 62px;
      height: 62px;
      border-radius: 20px;
      display: grid;
      place-items: center;
      font-size: 34px;
      background: linear-gradient(135deg, rgba(124,92,255,.72), rgba(0,212,255,.42));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
      flex: 0 0 auto;
    }

    .model-detail-name {
      font-size: 28px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.7px;
      color: #fff;
    }

    .model-detail-kicker {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 800;
      color: rgba(255,255,255,.58);
    }

    .model-detail-desc {
      font-size: 17px;
      line-height: 1.45;
      font-weight: 650;
      color: rgba(255,255,255,.76);
      margin-bottom: 16px;
    }

    .model-detail-section {
      margin-top: 16px;
      padding: 14px;
      border-radius: 20px;
      background: rgba(255,255,255,.055);
      border: 1px solid rgba(255,255,255,.08);
    }

    .model-detail-section-title {
      font-size: 15px;
      font-weight: 950;
      color: #fff;
      margin-bottom: 10px;
    }

    .model-detail-list {
      display: grid;
      gap: 8px;
      color: rgba(255,255,255,.72);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 650;
    }

    .model-detail-list div::before {
      content: "• ";
      color: rgba(116, 156, 255, .95);
      font-weight: 950;
    }

    .model-detail-actions {
      display: grid;
      gap: 10px;
      margin-top: 18px;
    }

    .model-primary-action,
    .model-secondary-action {
      width: 100%;
      border-radius: 20px;
      padding: 15px 16px;
      color: #fff;
      font-size: 16px;
      font-weight: 950;
      cursor: pointer;
    }

    .model-primary-action {
      border: 0;
      background: linear-gradient(135deg, #7c5cff, #47b8ff);
      box-shadow: 0 16px 36px rgba(76, 119, 255, .24);
    }

    .model-secondary-action {
      background: rgba(255,255,255,.065);
      border: 1px solid rgba(255,255,255,.10);
    }

    .model-card-hint {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .model-card-hint span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.08);
      color: rgba(255,255,255,.7);
      font-size: 13px;
      font-weight: 850;
    }


    /* Photo create/edit blocks premium */
    .model-block-intro {
      position: relative !important;
      overflow: hidden !important;
      border-radius: 28px !important;
      padding: 18px 16px 16px !important;
      margin: 2px 0 14px !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(124,92,255,.34), transparent 34%),
        radial-gradient(circle at 94% 12%, rgba(0,212,255,.20), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.038)) !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 46px rgba(0,0,0,.24) !important;
    }

    .model-block-intro:before {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 38%, transparent 62%),
        radial-gradient(circle at 75% 0%, rgba(255,255,255,.10), transparent 28%) !important;
      pointer-events: none !important;
      opacity: .75 !important;
    }

    .photo-create-selector-title,
    .model-block-intro-title {
      position: relative !important;
      z-index: 1 !important;
      font-size: 25px !important;
      line-height: 1.02 !important;
      font-weight: 950 !important;
      letter-spacing: -0.75px !important;
      margin: 0 0 7px !important;
      color: #fff !important;
    }

    .photo-create-selector-text,
    .model-block-intro-text {
      position: relative !important;
      z-index: 1 !important;
      max-width: 430px !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
      font-weight: 650 !important;
      color: rgba(255,255,255,.68) !important;
      margin: 0 !important;
    }

    .model-block-info {
      display: none !important;
    }

    .model-block-grid.unified {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 11px !important;
      margin: 0 0 10px !important;
    }

    .model-block-card {
      position: relative !important;
      overflow: hidden !important;
      min-height: 178px !important;
      border-radius: 26px !important;
      padding: 0 !important;
      border: 1px solid rgba(255,255,255,.115) !important;
      background:
        radial-gradient(circle at 18% 0%, rgba(124,92,255,.20), transparent 38%),
        radial-gradient(circle at 96% 6%, rgba(0,212,255,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.032)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 16px 36px rgba(0,0,0,.22) !important;
      cursor: pointer !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      isolation: isolate !important;
    }

    .model-block-card.has-cover {
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
        rgba(255,255,255,.04) !important;
    }

    .model-block-card:after {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      background:
        linear-gradient(180deg, transparent 0%, rgba(8,8,16,.20) 42%, rgba(8,8,16,.82) 100%),
        radial-gradient(circle at 18% 4%, rgba(255,255,255,.12), transparent 26%) !important;
      z-index: -1 !important;
      pointer-events: none !important;
    }

    .model-block-card:active,
    .model-direct-card:active {
      transform: none !important;
    }

    .model-block-cover {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      z-index: -2 !important;
      opacity: .94 !important;
      transform: scale(1.01) !important;
    }

    .model-block-card > div:first-child {
      padding: 12px 12px 0 !important;
      min-height: 0 !important;
    }

    .model-block-top {
      position: relative !important;
      z-index: 1 !important;
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      min-width: 0 !important;
    }

    .model-block-icon {
      width: 38px !important;
      height: 38px !important;
      flex: 0 0 38px !important;
      border-radius: 15px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 20px !important;
      background:
        linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
        linear-gradient(135deg, rgba(124,92,255,.78), rgba(71,184,255,.42)) !important;
      border: 1px solid rgba(255,255,255,.18) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 10px 22px rgba(0,0,0,.20) !important;
      backdrop-filter: blur(10px) !important;
    }

    .model-block-title {
      min-width: 0 !important;
      font-size: 17px !important;
      line-height: 1.04 !important;
      font-weight: 950 !important;
      color: #fff !important;
      letter-spacing: -0.35px !important;
      text-shadow: 0 2px 14px rgba(0,0,0,.35) !important;
    }

    .model-block-desc {
      position: relative !important;
      z-index: 1 !important;
      margin-top: 53px !important;
      font-size: 12px !important;
      line-height: 1.25 !important;
      font-weight: 700 !important;
      color: rgba(255,255,255,.74) !important;
      text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
    }

    .model-block-count {
      position: relative !important;
      z-index: 1 !important;
      margin: 9px 12px 12px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: fit-content !important;
      min-height: 28px !important;
      padding: 6px 10px !important;
      border-radius: 999px !important;
      background: rgba(255,255,255,.12) !important;
      border: 1px solid rgba(255,255,255,.13) !important;
      backdrop-filter: blur(12px) !important;
      font-size: 11.5px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      color: rgba(255,255,255,.86) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .model-block-count.direct {
      background: rgba(124,92,255,.26) !important;
      border-color: rgba(190,175,255,.30) !important;
      color: #fff !important;
    }

    .model-direct-row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 9px !important;
    }

    .model-direct-card {
      border-radius: 21px !important;
      padding: 12px !important;
      border: 1px solid rgba(255,255,255,.10) !important;
      background: rgba(255,255,255,.055) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
      cursor: pointer !important;
      min-height: 78px !important;
    }

    .model-direct-title {
      font-size: 15.5px !important;
      line-height: 1.08 !important;
      font-weight: 950 !important;
      color: #fff !important;
      margin-top: 7px !important;
    }

    .model-direct-subtitle {
      margin-top: 4px !important;
      font-size: 11.5px !important;
      line-height: 1.22 !important;
      font-weight: 650 !important;
      color: rgba(255,255,255,.55) !important;
    }

    @media (max-width: 360px) {
      .model-block-grid.unified,
      .model-direct-row {
        grid-template-columns: 1fr !important;
      }

      .model-block-card {
        min-height: 168px !important;
      }

      .model-block-desc {
        margin-top: 48px !important;
      }
    }


    /* Better back buttons */
    .back-task-row {
      margin: 0 0 12px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
    }

    .back-task-btn {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;

      min-height: 40px !important;
      padding: 10px 13px !important;
      border-radius: 999px !important;

      color: rgba(255,255,255,.88) !important;
      font-size: 14px !important;
      line-height: 1 !important;
      font-weight: 900 !important;

      background: rgba(255,255,255,.075) !important;
      border: 1px solid rgba(255,255,255,.10) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 10px 22px rgba(0,0,0,.16) !important;

      cursor: pointer !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    .back-task-btn:active {
      transform: scale(.985) !important;
      background: rgba(255,255,255,.11) !important;
    }


    /* Compact photo model blocks screen — disabled.
       Этот старый CSS перебивал новый красивый экран блоков моделей через !important.
       Оставлен как комментарий в бэкапе, в рабочем CSS отключён. */



    /* Clean photo create/edit selector — disabled.
       Этот блок перебивал premium-экран блоков моделей:
       уменьшал карточки до 82px и скрывал описания. */




    /* Photo create/edit blocks premium final override */
    .model-block-intro {
      position: relative !important;
      overflow: hidden !important;
      border-radius: 28px !important;
      padding: 18px 16px 16px !important;
      margin: 2px 0 14px !important;
      background:
        radial-gradient(circle at 8% 0%, rgba(124,92,255,.34), transparent 34%),
        radial-gradient(circle at 94% 12%, rgba(0,212,255,.20), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.038)) !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 46px rgba(0,0,0,.24) !important;
    }

    .photo-create-selector-title {
      position: relative !important;
      z-index: 1 !important;
      font-size: 25px !important;
      line-height: 1.02 !important;
      font-weight: 950 !important;
      letter-spacing: -0.75px !important;
      margin: 0 0 7px !important;
      color: #fff !important;
    }

    .photo-create-selector-text {
      position: relative !important;
      z-index: 1 !important;
      max-width: 430px !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
      font-weight: 650 !important;
      color: rgba(255,255,255,.68) !important;
      margin: 0 !important;
    }

    .model-block-grid.unified {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 11px !important;
      margin: 0 0 10px !important;
    }

    .model-block-grid.unified .model-block-card {
      position: relative !important;
      overflow: hidden !important;
      min-height: 178px !important;
      border-radius: 26px !important;
      padding: 0 !important;
      border: 1px solid rgba(255,255,255,.115) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 16px 36px rgba(0,0,0,.22) !important;
      cursor: pointer !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      isolation: isolate !important;
    }

    .model-block-grid.unified .model-block-card > div:first-child {
      padding: 12px 12px 0 !important;
      min-height: 0 !important;
    }

    .model-block-grid.unified .model-block-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      position: relative !important;
      z-index: 1 !important;
      margin-top: 53px !important;
      font-size: 12px !important;
      line-height: 1.25 !important;
      font-weight: 700 !important;
      color: rgba(255,255,255,.74) !important;
      text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;
    }

    .model-block-grid.unified .model-block-count {
      position: relative !important;
      z-index: 1 !important;
      margin: 9px 12px 12px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: fit-content !important;
      min-height: 28px !important;
      padding: 6px 10px !important;
      border-radius: 999px !important;
      background: rgba(255,255,255,.12) !important;
      border: 1px solid rgba(255,255,255,.13) !important;
      backdrop-filter: blur(12px) !important;
      font-size: 11.5px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      color: rgba(255,255,255,.86) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .model-block-grid.unified .model-block-count.direct {
      background: rgba(124,92,255,.26) !important;
      border-color: rgba(190,175,255,.30) !important;
      color: #fff !important;
    }

    @media (max-width: 360px) {
      .model-block-grid.unified {
        grid-template-columns: 1fr !important;
      }

      .model-block-grid.unified .model-block-card {
        min-height: 168px !important;
      }

      .model-block-grid.unified .model-block-desc {
        margin-top: 48px !important;
      }
    }


    /* Compact AI photo guide */
    .compact-photo-guide {
      padding-bottom: 100px;
    }

    .compact-guide-head {
      margin-bottom: 12px;
    }

    .compact-guide-title {
      font-size: 25px;
      line-height: 1.06;
      font-weight: 950;
      letter-spacing: -0.6px;
      color: #fff;
      margin: 0 0 6px;
    }

    .compact-guide-text {
      max-width: 360px;
      font-size: 13.5px;
      line-height: 1.32;
      font-weight: 650;
      color: rgba(255,255,255,.62);
      margin: 0;
    }

    .compact-guide-list {
      display: grid;
      gap: 8px;
    }

    .compact-guide-item {
      width: 100%;
      border: 1px solid rgba(255,255,255,.09);
      border-radius: 20px;
      padding: 11px 12px;
      background:
        radial-gradient(circle at 10% 0%, rgba(124,92,255,.14), transparent 40%),
        linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.03));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 18px rgba(0,0,0,.12);
      cursor: pointer;
      display: grid;
      grid-template-columns: 38px 1fr 18px;
      gap: 9px;
      align-items: center;
      text-align: left;
      color: #fff;
    }

    .compact-guide-item:active {
      transform: scale(.986);
    }

    .compact-guide-icon {
      width: 38px;
      height: 38px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      font-size: 21px;
      background: linear-gradient(135deg, rgba(124,92,255,.72), rgba(71,184,255,.36));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
    }

    .compact-guide-name {
      font-size: 15.5px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.25px;
      color: #fff;
    }

    .compact-guide-desc {
      margin-top: 3px;
      font-size: 11.8px;
      line-height: 1.22;
      font-weight: 650;
      color: rgba(255,255,255,.56);
    }

    .compact-guide-arrow {
      font-size: 22px;
      color: rgba(255,255,255,.35);
      font-weight: 900;
    }

    .compact-guide-note {
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 18px;
      background: rgba(255,255,255,.045);
      border: 1px solid rgba(255,255,255,.065);
      color: rgba(255,255,255,.56);
      font-size: 12.2px;
      line-height: 1.28;
      font-weight: 650;
    }

    @media (max-height: 720px) {
      .compact-guide-title {
        font-size: 22px;
      }

      .compact-guide-text {
        font-size: 12.7px;
      }

      .compact-guide-item {
        padding: 9px 10px;
        border-radius: 18px;
        grid-template-columns: 34px 1fr 16px;
      }

      .compact-guide-icon {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        font-size: 19px;
      }

      .compact-guide-name {
        font-size: 14.5px;
      }

      .compact-guide-desc {
        font-size: 11.2px;
      }

      .compact-guide-note {
        display: none;
      }
    }


    /* Force guide screen open fix */
    .guide-screen {
      display: none;
      padding-bottom: 110px;
    }

    .guide-screen.active {
      display: block !important;
    }

    .compact-photo-guide {
      padding-bottom: 100px;
    }

    .compact-guide-head {
      margin-bottom: 12px;
    }

    .compact-guide-title {
      font-size: 25px;
      line-height: 1.06;
      font-weight: 950;
      letter-spacing: -0.6px;
      color: #fff;
      margin: 0 0 6px;
    }

    .compact-guide-text {
      max-width: 360px;
      font-size: 13.5px;
      line-height: 1.32;
      font-weight: 650;
      color: rgba(255,255,255,.62);
      margin: 0;
    }

    .compact-guide-list {
      display: grid;
      gap: 8px;
    }

    .compact-guide-item {
      width: 100%;
      border: 1px solid rgba(255,255,255,.09);
      border-radius: 20px;
      padding: 11px 12px;
      background:
        radial-gradient(circle at 10% 0%, rgba(124,92,255,.14), transparent 40%),
        linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.03));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 18px rgba(0,0,0,.12);
      cursor: pointer;
      display: grid;
      grid-template-columns: 38px 1fr 18px;
      gap: 9px;
      align-items: center;
      text-align: left;
      color: #fff;
    }

    .compact-guide-icon {
      width: 38px;
      height: 38px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      font-size: 21px;
      background: linear-gradient(135deg, rgba(124,92,255,.72), rgba(71,184,255,.36));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
    }

    .compact-guide-name {
      font-size: 15.5px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.25px;
      color: #fff;
    }

    .compact-guide-desc {
      margin-top: 3px;
      font-size: 11.8px;
      line-height: 1.22;
      font-weight: 650;
      color: rgba(255,255,255,.56);
    }

    .compact-guide-arrow {
      font-size: 22px;
      color: rgba(255,255,255,.35);
      font-weight: 900;
    }


    /* Hard fixed photo guide */
    #guideScreen {
      display: none;
      padding: 14px 14px 110px !important;
    }

    #guideScreen.active {
      display: block !important;
    }

    #guideScreen .guide-title {
      display: none !important;
    }

    #guideScreen .guide-empty,
    #guideScreen .placeholder,
    #guideScreen .test-showcase,
    #guideScreen .showcase-text {
      display: none !important;
    }

    .photo-guide-fixed {
      display: block;
      padding: 0;
    }

    .photo-guide-fixed-head {
      margin: 0 0 12px;
    }

    .photo-guide-fixed-title {
      font-size: 26px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.7px;
      color: #fff;
      margin-bottom: 6px;
    }

    .photo-guide-fixed-text {
      font-size: 13.5px;
      line-height: 1.32;
      font-weight: 650;
      color: rgba(255,255,255,.62);
      max-width: 360px;
    }

    .photo-guide-fixed-list {
      display: grid;
      gap: 8px;
    }

    .photo-guide-fixed-item {
      width: 100%;
      min-height: 58px;
      border-radius: 18px;
      padding: 9px 11px;
      border: 1px solid rgba(255,255,255,.09);
      background:
        radial-gradient(circle at 10% 0%, rgba(124,92,255,.16), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
      display: grid;
      grid-template-columns: 36px 1fr 18px;
      gap: 9px;
      align-items: center;
      text-align: left;
      color: #fff;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    .photo-guide-fixed-item:active {
      transform: scale(.986);
    }

    .photo-guide-fixed-icon {
      width: 36px;
      height: 36px;
      border-radius: 13px;
      display: grid;
      place-items: center;
      font-size: 20px;
      background: linear-gradient(135deg, rgba(124,92,255,.72), rgba(71,184,255,.36));
    }

    .photo-guide-fixed-name {
      font-size: 15.5px;
      line-height: 1.05;
      font-weight: 950;
      letter-spacing: -0.25px;
    }

    .photo-guide-fixed-desc {
      margin-top: 3px;
      font-size: 11.7px;
      line-height: 1.2;
      font-weight: 650;
      color: rgba(255,255,255,.56);
    }

    .photo-guide-fixed-arrow {
      font-size: 22px;
      font-weight: 950;
      color: rgba(255,255,255,.34);
    }

    /* Photo guide expanded content 20260527 */
    .photo-guide-section-title {
      margin: 16px 2px 8px;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 950;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(255,255,255,.58);
    }

    .photo-guide-choice-grid {
      display: grid;
      gap: 8px;
      margin-bottom: 10px;
    }

    .photo-guide-choice-card {
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 18px;
      padding: 11px 12px;
      background:
        radial-gradient(circle at 12% 0%, rgba(124,92,255,.13), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
    }

    .photo-guide-choice-title {
      font-size: 14px;
      line-height: 1.15;
      font-weight: 950;
      color: #fff;
      margin-bottom: 5px;
    }

    .photo-guide-choice-text {
      font-size: 12px;
      line-height: 1.34;
      font-weight: 650;
      color: rgba(255,255,255,.62);
    }

    .photo-guide-model-note {
      margin-top: 6px;
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
    }

    .photo-guide-pill {
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      padding: 4px 7px;
      font-size: 10.5px;
      line-height: 1;
      font-weight: 850;
      color: rgba(255,255,255,.78);
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.09);
    }

    .photo-guide-soon {
      margin-top: 14px;
      border-radius: 20px;
      padding: 13px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
        radial-gradient(circle at 88% 0%, rgba(71,184,255,.18), transparent 42%);
      border: 1px dashed rgba(255,255,255,.18);
      color: rgba(255,255,255,.66);
      font-size: 12.5px;
      line-height: 1.35;
      font-weight: 700;
    }

    .photo-guide-soon b {
      display: block;
      color: #fff;
      font-size: 14px;
      margin-bottom: 4px;
    }

    @media (max-height: 720px) {
      .photo-guide-fixed-title {
        font-size: 23px;
      }

      .photo-guide-fixed-text {
        font-size: 12.5px;
      }

      .photo-guide-fixed-item {
        min-height: 52px;
        padding: 8px 10px;
      }

      .photo-guide-fixed-icon {
        width: 33px;
        height: 33px;
        font-size: 18px;
      }

      .photo-guide-fixed-name {
        font-size: 14.5px;
      }

      .photo-guide-fixed-desc {
        font-size: 11px;
      }
    }


    /* OpenAI block visual + compact model list */
    .model-block-cover {
      width: 100%;
      height: 48px;
      border-radius: 16px;
      object-fit: cover;
      display: block;
      margin-bottom: 9px;
      border: 1px solid rgba(255,255,255,.10);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 8px 18px rgba(0,0,0,.16);
      background: #000;
    }

    .model-block-card.has-cover {
      min-height: 132px !important;
      padding: 10px !important;
    }

    .model-block-card.has-cover .model-block-top {
      gap: 0 !important;
    }

    .model-block-card.has-cover .model-block-icon {
      display: none !important;
    }

    .model-block-card.has-cover .model-block-title {
      font-size: 17px !important;
    }

    #models.openai-model-list .model-card {
      padding: 12px !important;
      border-radius: 22px !important;
      margin-bottom: 9px !important;
    }

    #models.openai-model-list .model-head {
      gap: 10px !important;
      align-items: center !important;
    }

    #models.openai-model-list .model-icon {
      width: 42px !important;
      height: 42px !important;
      min-width: 42px !important;
      border-radius: 15px !important;
      font-size: 22px !important;
    }

    #models.openai-model-list .model-title {
      font-size: 17px !important;
      line-height: 1.08 !important;
    }

    #models.openai-model-list .model-desc {
      font-size: 12.4px !important;
      line-height: 1.25 !important;
      margin-top: 3px !important;
      color: rgba(255,255,255,.58) !important;
    }

    #models.openai-model-list .meta {
      margin-top: 9px !important;
      gap: 6px !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
    }

    #models.openai-model-list .meta-item {
      min-height: 30px !important;
      padding: 7px 8px !important;
      border-radius: 13px !important;
      font-size: 11.8px !important;
      line-height: 1.1 !important;
    }

    #models.openai-model-list .meta-item:nth-child(3) {
      grid-column: 1 / -1 !important;
    }

    #models.openai-model-list .card-actions {
      margin-top: 9px !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
    }

    #models.openai-model-list .btn {
      min-height: 38px !important;
      border-radius: 15px !important;
      font-size: 13.5px !important;
      font-weight: 950 !important;
    }

    #models.openai-model-list .btn.secondary {
      display: none !important;
    }

    #models.openai-model-list .back-task-row {
      margin-bottom: 8px !important;
    }

    #models.openai-model-list .back-task-btn {
      min-height: 36px !important;
      padding: 9px 12px !important;
      font-size: 13px !important;
    }

    @media (max-height: 720px) {
      .model-block-cover {
        height: 42px;
      }

      .model-block-card.has-cover {
        min-height: 118px !important;
      }

      #models.openai-model-list .model-card {
        padding: 10px !important;
        margin-bottom: 7px !important;
      }

      #models.openai-model-list .model-desc {
        display: none !important;
      }

      #models.openai-model-list .meta {
        margin-top: 7px !important;
      }

      #models.openai-model-list .btn {
        min-height: 34px !important;
      }
    }


    /* OpenAI card no duplicate text */
    .model-block-card.has-cover {
      min-height: 132px !important;
      padding: 0 !important;
      position: relative !important;
      overflow: hidden !important;
      border-radius: 26px !important;
      background: #000 !important;
      border: 1px solid rgba(255,255,255,.14) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 14px 30px rgba(0,0,0,.22) !important;
    }

    .model-block-card.has-cover .model-block-cover {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      display: block !important;
      margin: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      z-index: 1 !important;
    }

    .model-block-card.has-cover::after {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
      background:
        linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.10) 48%, rgba(0,0,0,.58) 100%) !important;
      pointer-events: none !important;
    }

    .model-block-card.has-cover > div:first-child {
      position: absolute !important;
      inset: 0 !important;
      z-index: 3 !important;
      padding: 0 !important;
      height: 100% !important;
    }

    .model-block-card.has-cover .model-block-top,
    .model-block-card.has-cover .model-block-icon,
    .model-block-card.has-cover .model-block-title,
    .model-block-card.has-cover .model-block-desc {
      display: none !important;
    }

    .model-block-card.has-cover .model-block-count {
      position: absolute !important;
      left: 12px !important;
      bottom: 12px !important;
      z-index: 4 !important;

      margin: 0 !important;
      width: fit-content !important;
      padding: 6px 10px !important;
      border-radius: 999px !important;

      background: rgba(0,0,0,.46) !important;
      border: 1px solid rgba(255,255,255,.18) !important;
      color: rgba(255,255,255,.88) !important;
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;

      font-size: 11.5px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
    }

    @media (max-height: 720px) {
      .model-block-card.has-cover {
        min-height: 116px !important;
      }

      .model-block-card.has-cover .model-block-count {
        left: 10px !important;
        bottom: 10px !important;
        padding: 5px 9px !important;
        font-size: 11px !important;
      }
    }


    /* Hide count badge on image-cover cards */
    .model-block-card.has-cover .model-block-count {
      display: none !important;
    }

    /* Final override: big image-only model block cards, image visible */
    .model-block-intro {
      padding: 12px 13px 11px !important;
      margin: 0 0 10px !important;
      border-radius: 22px !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.28), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(0,212,255,.15), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.080), rgba(255,255,255,.026)) !important;
      border: 1px solid rgba(255,255,255,.10) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 12px 26px rgba(0,0,0,.20) !important;
    }

    .model-block-intro-title,
    .photo-create-selector-title {
      font-size: 23px !important;
      line-height: 1.02 !important;
      margin: 0 0 5px !important;
      letter-spacing: -0.65px !important;
    }

    .model-block-intro-text,
    .photo-create-selector-text {
      font-size: 12px !important;
      line-height: 1.24 !important;
      font-weight: 650 !important;
      color: rgba(255,255,255,.62) !important;
    }

    .model-block-grid.unified {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 12px !important;
      margin: 0 0 12px !important;
    }

    .model-block-grid.unified .model-block-card,
    .model-block-grid.unified .model-block-card.has-cover {
      position: relative !important;
      overflow: hidden !important;

      width: 100% !important;
      aspect-ratio: 16 / 9 !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;

      padding: 0 !important;
      border-radius: 26px !important;

      background: rgba(255,255,255,.04) !important;
      border: 1px solid rgba(255,255,255,.16) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 14px 30px rgba(0,0,0,.24) !important;

      cursor: pointer !important;
      isolation: isolate !important;
      display: block !important;
    }

    .model-block-grid.unified .model-block-card::after,
    .model-block-grid.unified .model-block-card.has-cover::after {
      content: "" !important;
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
      pointer-events: none !important;
      display: block !important;
      background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.02)) !important;
      opacity: .55 !important;
    }

    .model-block-grid.unified .model-block-card > div:first-child,
    .model-block-grid.unified .model-block-card.has-cover > div:first-child {
      display: block !important;
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      z-index: 1 !important;
    }

    .model-block-grid.unified .model-block-card.has-cover .model-block-cover {
      position: absolute !important;
      inset: 0 !important;

      width: 100% !important;
      height: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      min-height: 0 !important;
      max-height: none !important;

      object-fit: cover !important;
      object-position: center center !important;

      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      opacity: 1 !important;
      transform: none !important;
      z-index: 1 !important;
    }

    .model-block-grid.unified .model-block-top,
    .model-block-grid.unified .model-block-card.has-cover .model-block-top,
    .model-block-grid.unified .model-block-icon,
    .model-block-grid.unified .model-block-card.has-cover .model-block-icon,
    .model-block-grid.unified .model-block-title,
    .model-block-grid.unified .model-block-card.has-cover .model-block-title,
    .model-block-grid.unified .model-block-desc,
    .model-block-grid.unified .model-block-card.has-cover .model-block-desc,
    .model-block-grid.unified .model-block-count,
    .model-block-grid.unified .model-block-card.has-cover .model-block-count {
      display: none !important;
    }

    .model-block-grid.unified .model-block-card:active,
    .model-block-grid.unified .model-block-card.has-cover:active {
      transform: none !important;
    }

    @media (max-width: 360px) {
      .model-block-grid.unified {
        gap: 10px !important;
      }

      .model-block-grid.unified .model-block-card,
      .model-block-grid.unified .model-block-card.has-cover {
        border-radius: 23px !important;
      }
    }












    /* Compact family cards but keep description and demo button */
    #models.compact-family-list .model-card {
      padding: 9px 10px !important;
      border-radius: 18px !important;
      margin: 0 0 7px !important;
    }

    #models.compact-family-list .model-head {
      gap: 8px !important;
      align-items: flex-start !important;
    }

    #models.compact-family-list .model-icon {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      border-radius: 12px !important;
      font-size: 18px !important;
    }

    #models.compact-family-list .model-title {
      font-size: 15.5px !important;
      line-height: 1.05 !important;
      letter-spacing: -0.2px !important;
    }

    #models.compact-family-list .model-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;

      margin-top: 4px !important;
      font-size: 11.4px !important;
      line-height: 1.22 !important;
      color: rgba(255,255,255,.58) !important;
    }

    #models.compact-family-list .meta {
      margin-top: 7px !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 5px !important;
    }

    #models.compact-family-list .meta-item {
      min-height: 25px !important;
      padding: 6px 7px !important;
      border-radius: 12px !important;
      font-size: 10.6px !important;
      line-height: 1.05 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    /* режим скрываем, цена и скорость остаются */
    #models.compact-family-list .meta-item:nth-child(3) {
      display: none !important;
    }

    #models.compact-family-list .card-actions {
      margin-top: 7px !important;
      display: grid !important;
      grid-template-columns: 1fr .78fr !important;
      gap: 6px !important;
    }

    #models.compact-family-list .btn {
      min-height: 32px !important;
      border-radius: 13px !important;
      font-size: 12.4px !important;
      font-weight: 950 !important;
      padding: 7px 8px !important;
    }

    #models.compact-family-list .btn.secondary {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      opacity: 1 !important;
    }

    @media (max-height: 720px) {
      #models.compact-family-list .model-card {
        padding: 8px 9px !important;
        margin-bottom: 6px !important;
      }

      #models.compact-family-list .model-desc {
        -webkit-line-clamp: 1 !important;
        font-size: 10.8px !important;
      }

      #models.compact-family-list .model-icon {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        font-size: 17px !important;
      }

      #models.compact-family-list .btn {
        min-height: 30px !important;
        font-size: 12px !important;
      }
    }


    /* Force show demo button in compact family cards */
    #models.compact-family-list .btn.secondary {
      display: flex !important;
    }


    /* Two-column compact family models */
    #models.compact-family-list {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 8px !important;
      padding-bottom: 112px !important;
    }

    #models.compact-family-list .back-task-row {
      grid-column: 1 / -1 !important;
      margin: 0 0 2px !important;
    }

    #models.compact-family-list .back-task-btn {
      min-height: 32px !important;
      padding: 7px 11px !important;
      font-size: 12px !important;
      border-radius: 999px !important;
    }

    #models.compact-family-list .model-card {
      margin: 0 !important;
      padding: 10px !important;
      border-radius: 18px !important;
      min-height: 178px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      background:
        radial-gradient(circle at 20% 0%, rgba(124,92,255,.12), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 7px 16px rgba(0,0,0,.12) !important;
    }

    #models.compact-family-list .model-head {
      display: block !important;
    }

    #models.compact-family-list .model-icon {
      display: none !important;
    }

    #models.compact-family-list .model-main {
      width: 100% !important;
    }

    #models.compact-family-list .model-title-row {
      display: block !important;
    }

    #models.compact-family-list .model-title {
      font-size: 15px !important;
      line-height: 1.06 !important;
      letter-spacing: -0.25px !important;
      font-weight: 950 !important;
      margin-bottom: 5px !important;
    }

    #models.compact-family-list .badge {
      display: none !important;
    }

    #models.compact-family-list .model-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;

      margin: 0 !important;
      font-size: 10.8px !important;
      line-height: 1.22 !important;
      color: rgba(255,255,255,.57) !important;
    }

    #models.compact-family-list .meta {
      margin-top: 8px !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 5px !important;
    }

    #models.compact-family-list .meta-item {
      min-height: 23px !important;
      padding: 5px 7px !important;
      border-radius: 10px !important;
      font-size: 10.2px !important;
      line-height: 1.05 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      justify-content: center !important;
    }

    #models.compact-family-list .meta-item:nth-child(3) {
      display: none !important;
    }

    #models.compact-family-list .card-actions {
      margin-top: 8px !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 5px !important;
    }

    #models.compact-family-list .btn {
      min-height: 30px !important;
      padding: 6px 5px !important;
      border-radius: 11px !important;
      font-size: 11.2px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      white-space: nowrap !important;
    }

    #models.compact-family-list .btn.secondary {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      opacity: 1 !important;
    }

    @media (max-height: 720px) {
      #models.compact-family-list {
        gap: 7px !important;
      }

      #models.compact-family-list .model-card {
        min-height: 160px !important;
        padding: 9px !important;
        border-radius: 17px !important;
      }

      #models.compact-family-list .model-title {
        font-size: 14px !important;
      }

      #models.compact-family-list .model-desc {
        -webkit-line-clamp: 2 !important;
        font-size: 10.2px !important;
      }

      #models.compact-family-list .meta {
        margin-top: 7px !important;
      }

      #models.compact-family-list .meta-item {
        min-height: 22px !important;
        font-size: 9.8px !important;
      }

      #models.compact-family-list .btn {
        min-height: 28px !important;
        font-size: 10.8px !important;
      }
    }

    @media (max-width: 360px) {
      #models.compact-family-list .model-card {
        min-height: 166px !important;
      }

      #models.compact-family-list .model-title {
        font-size: 13.4px !important;
      }

      #models.compact-family-list .model-desc {
        font-size: 9.9px !important;
      }

      #models.compact-family-list .btn {
        font-size: 10.2px !important;
      }
    }


    /* FORCE FINAL: two-column compact model cards */
    body #models.compact-family-list {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
      align-items: stretch !important;
      padding-bottom: 118px !important;
    }

    body #models.compact-family-list .back-task-row {
      grid-column: 1 / -1 !important;
      margin: 0 0 4px !important;
    }

    body #models.compact-family-list .back-task-btn {
      min-height: 32px !important;
      padding: 7px 11px !important;
      font-size: 12px !important;
      border-radius: 999px !important;
    }

    body #models.compact-family-list .model-card {
      width: auto !important;
      min-width: 0 !important;
      min-height: 174px !important;
      margin: 0 !important;
      padding: 9px !important;
      border-radius: 18px !important;

      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;

      background:
        radial-gradient(circle at 16% 0%, rgba(124,92,255,.13), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
    }

    body #models.compact-family-list .model-head {
      display: block !important;
      gap: 0 !important;
    }

    body #models.compact-family-list .model-icon {
      display: none !important;
    }

    body #models.compact-family-list .model-main {
      width: 100% !important;
      min-width: 0 !important;
    }

    body #models.compact-family-list .model-title-row {
      display: block !important;
    }

    body #models.compact-family-list .model-title {
      font-size: 14px !important;
      line-height: 1.08 !important;
      font-weight: 950 !important;
      letter-spacing: -0.25px !important;
      margin: 0 0 5px !important;
      white-space: normal !important;
    }

    body #models.compact-family-list .badge {
      display: none !important;
    }

    body #models.compact-family-list .model-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;

      margin: 0 !important;
      font-size: 10.4px !important;
      line-height: 1.18 !important;
      color: rgba(255,255,255,.58) !important;
    }

    body #models.compact-family-list .meta {
      margin: 7px 0 0 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 4px !important;
    }

    body #models.compact-family-list .meta-item {
      min-height: 22px !important;
      padding: 5px 6px !important;
      border-radius: 10px !important;
      font-size: 9.8px !important;
      line-height: 1 !important;
      justify-content: center !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    body #models.compact-family-list .meta-item:nth-child(3) {
      display: none !important;
    }

    body #models.compact-family-list .card-actions {
      margin: 7px 0 0 !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 5px !important;
    }

    body #models.compact-family-list .btn,
    body #models.compact-family-list .btn.secondary {
      display: flex !important;
      min-height: 28px !important;
      padding: 5px 4px !important;
      border-radius: 11px !important;
      font-size: 10.6px !important;
      line-height: 1 !important;
      font-weight: 950 !important;
      align-items: center !important;
      justify-content: center !important;
      white-space: nowrap !important;
    }

    @media (max-height: 720px) {
      body #models.compact-family-list .model-card {
        min-height: 158px !important;
        padding: 8px !important;
      }

      body #models.compact-family-list .model-title {
        font-size: 13.2px !important;
      }

      body #models.compact-family-list .model-desc {
        -webkit-line-clamp: 2 !important;
        font-size: 9.8px !important;
      }

      body #models.compact-family-list .meta-item {
        min-height: 21px !important;
        font-size: 9.4px !important;
      }

      body #models.compact-family-list .btn,
      body #models.compact-family-list .btn.secondary {
        min-height: 27px !important;
        font-size: 10px !important;
      }
    }


    /* ABSOLUTE FINAL: compact two columns for family models */
    body #models.compact-family-list,
    body #models[data-family-grid="1"] {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 7px !important;
      align-items: stretch !important;
      padding-bottom: 120px !important;
    }

    body #models.compact-family-list > .back-task-row,
    body #models[data-family-grid="1"] > .back-task-row {
      grid-column: 1 / -1 !important;
      margin: 0 0 2px !important;
    }

    body #models.compact-family-list > .model-card,
    body #models[data-family-grid="1"] > .model-card {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 154px !important;
      margin: 0 !important;
      padding: 8px !important;
      border-radius: 16px !important;
      box-sizing: border-box !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
    }

    body #models.compact-family-list > .model-card .model-head,
    body #models[data-family-grid="1"] > .model-card .model-head {
      display: block !important;
    }

    body #models.compact-family-list > .model-card .model-icon,
    body #models[data-family-grid="1"] > .model-card .model-icon {
      display: none !important;
    }

    body #models.compact-family-list > .model-card .model-title-row,
    body #models[data-family-grid="1"] > .model-card .model-title-row {
      display: block !important;
    }

    body #models.compact-family-list > .model-card .model-title,
    body #models[data-family-grid="1"] > .model-card .model-title {
      font-size: 13.2px !important;
      line-height: 1.05 !important;
      margin: 0 0 4px !important;
      letter-spacing: -0.2px !important;
    }

    body #models.compact-family-list > .model-card .badge,
    body #models[data-family-grid="1"] > .model-card .badge {
      display: none !important;
    }

    body #models.compact-family-list > .model-card .model-desc,
    body #models[data-family-grid="1"] > .model-card .model-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      font-size: 9.8px !important;
      line-height: 1.18 !important;
      margin: 0 !important;
      color: rgba(255,255,255,.58) !important;
    }

    body #models.compact-family-list > .model-card .meta,
    body #models[data-family-grid="1"] > .model-card .meta {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 4px !important;
      margin-top: 6px !important;
    }

    body #models.compact-family-list > .model-card .meta-item,
    body #models[data-family-grid="1"] > .model-card .meta-item {
      min-height: 21px !important;
      padding: 4px 5px !important;
      font-size: 9.4px !important;
      border-radius: 9px !important;
      justify-content: center !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    body #models.compact-family-list > .model-card .meta-item:nth-child(3),
    body #models[data-family-grid="1"] > .model-card .meta-item:nth-child(3) {
      display: none !important;
    }

    body #models.compact-family-list > .model-card .card-actions,
    body #models[data-family-grid="1"] > .model-card .card-actions {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 4px !important;
      margin-top: 6px !important;
    }

    body #models.compact-family-list > .model-card .btn,
    body #models.compact-family-list > .model-card .btn.secondary,
    body #models[data-family-grid="1"] > .model-card .btn,
    body #models[data-family-grid="1"] > .model-card .btn.secondary {
      min-height: 27px !important;
      padding: 5px 3px !important;
      font-size: 10px !important;
      line-height: 1 !important;
      border-radius: 10px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      white-space: nowrap !important;
    }


    /* Readable text for two-column family grid */
    body #models.compact-family-list > .model-card,
    body #models[data-family-grid="1"] > .model-card {
      min-height: 172px !important;
      padding: 10px !important;
      border-radius: 18px !important;
    }

    body #models.compact-family-list > .model-card .model-title,
    body #models[data-family-grid="1"] > .model-card .model-title {
      font-size: 15px !important;
      line-height: 1.08 !important;
      margin-bottom: 5px !important;
    }

    body #models.compact-family-list > .model-card .model-desc,
    body #models[data-family-grid="1"] > .model-card .model-desc {
      font-size: 11.2px !important;
      line-height: 1.22 !important;
      -webkit-line-clamp: 2 !important;
    }

    body #models.compact-family-list > .model-card .meta,
    body #models[data-family-grid="1"] > .model-card .meta {
      margin-top: 7px !important;
      gap: 5px !important;
    }

    body #models.compact-family-list > .model-card .meta-item,
    body #models[data-family-grid="1"] > .model-card .meta-item {
      min-height: 24px !important;
      padding: 5px 6px !important;
      font-size: 10.6px !important;
      border-radius: 10px !important;
    }

    body #models.compact-family-list > .model-card .card-actions,
    body #models[data-family-grid="1"] > .model-card .card-actions {
      margin-top: 7px !important;
      gap: 5px !important;
    }

    body #models.compact-family-list > .model-card .btn,
    body #models.compact-family-list > .model-card .btn.secondary,
    body #models[data-family-grid="1"] > .model-card .btn,
    body #models[data-family-grid="1"] > .model-card .btn.secondary {
      min-height: 31px !important;
      font-size: 11.4px !important;
      border-radius: 11px !important;
      padding: 6px 4px !important;
    }

    @media (max-height: 720px) {
      body #models.compact-family-list > .model-card,
      body #models[data-family-grid="1"] > .model-card {
        min-height: 162px !important;
        padding: 9px !important;
      }

      body #models.compact-family-list > .model-card .model-title,
      body #models[data-family-grid="1"] > .model-card .model-title {
        font-size: 14.2px !important;
      }

      body #models.compact-family-list > .model-card .model-desc,
      body #models[data-family-grid="1"] > .model-card .model-desc {
        font-size: 10.6px !important;
        -webkit-line-clamp: 2 !important;
      }

      body #models.compact-family-list > .model-card .btn,
      body #models.compact-family-list > .model-card .btn.secondary,
      body #models[data-family-grid="1"] > .model-card .btn,
      body #models[data-family-grid="1"] > .model-card .btn.secondary {
        min-height: 29px !important;
        font-size: 10.8px !important;
      }
    }


    /* Bigger readable text for family grid */
    body #models.compact-family-list,
    body #models[data-family-grid="1"] {
      gap: 9px !important;
    }

    body #models.compact-family-list > .model-card,
    body #models[data-family-grid="1"] > .model-card {
      min-height: 198px !important;
      padding: 11px !important;
      border-radius: 19px !important;
    }

    body #models.compact-family-list > .model-card .model-title,
    body #models[data-family-grid="1"] > .model-card .model-title {
      font-size: 16.2px !important;
      line-height: 1.08 !important;
      margin-bottom: 7px !important;
      letter-spacing: -0.25px !important;
    }

    body #models.compact-family-list > .model-card .model-desc,
    body #models[data-family-grid="1"] > .model-card .model-desc {
      font-size: 12.1px !important;
      line-height: 1.22 !important;
      -webkit-line-clamp: 3 !important;
      color: rgba(255,255,255,.66) !important;
    }

    body #models.compact-family-list > .model-card .meta,
    body #models[data-family-grid="1"] > .model-card .meta {
      margin-top: 9px !important;
      gap: 6px !important;
    }

    body #models.compact-family-list > .model-card .meta-item,
    body #models[data-family-grid="1"] > .model-card .meta-item {
      min-height: 27px !important;
      padding: 6px 7px !important;
      font-size: 11.5px !important;
      border-radius: 11px !important;
    }

    body #models.compact-family-list > .model-card .card-actions,
    body #models[data-family-grid="1"] > .model-card .card-actions {
      margin-top: 9px !important;
      gap: 6px !important;
    }

    body #models.compact-family-list > .model-card .btn,
    body #models.compact-family-list > .model-card .btn.secondary,
    body #models[data-family-grid="1"] > .model-card .btn,
    body #models[data-family-grid="1"] > .model-card .btn.secondary {
      min-height: 34px !important;
      font-size: 12.4px !important;
      border-radius: 12px !important;
      padding: 7px 5px !important;
    }

    @media (max-height: 720px) {
      body #models.compact-family-list > .model-card,
      body #models[data-family-grid="1"] > .model-card {
        min-height: 184px !important;
        padding: 10px !important;
      }

      body #models.compact-family-list > .model-card .model-title,
      body #models[data-family-grid="1"] > .model-card .model-title {
        font-size: 15.4px !important;
      }

      body #models.compact-family-list > .model-card .model-desc,
      body #models[data-family-grid="1"] > .model-card .model-desc {
        font-size: 11.4px !important;
        -webkit-line-clamp: 2 !important;
      }

      body #models.compact-family-list > .model-card .meta-item,
      body #models[data-family-grid="1"] > .model-card .meta-item {
        min-height: 25px !important;
        font-size: 10.9px !important;
      }

      body #models.compact-family-list > .model-card .btn,
      body #models.compact-family-list > .model-card .btn.secondary,
      body #models[data-family-grid="1"] > .model-card .btn,
      body #models[data-family-grid="1"] > .model-card .btn.secondary {
        min-height: 32px !important;
        font-size: 11.8px !important;
      }
    }


    /* Full description space for family grid */
    body #models.compact-family-list > .model-card,
    body #models[data-family-grid="1"] > .model-card {
      min-height: 230px !important;
      padding: 12px !important;
      border-radius: 20px !important;
    }

    body #models.compact-family-list > .model-card .model-title,
    body #models[data-family-grid="1"] > .model-card .model-title {
      font-size: 16px !important;
      line-height: 1.08 !important;
      margin-bottom: 8px !important;
    }

    body #models.compact-family-list > .model-card .model-desc,
    body #models[data-family-grid="1"] > .model-card .model-desc {
      display: -webkit-box !important;
      -webkit-line-clamp: 4 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;

      font-size: 12px !important;
      line-height: 1.22 !important;
      color: rgba(255,255,255,.68) !important;
      margin: 0 !important;
      min-height: 58px !important;
    }

    body #models.compact-family-list > .model-card .meta,
    body #models[data-family-grid="1"] > .model-card .meta {
      margin-top: 8px !important;
      gap: 5px !important;
    }

    body #models.compact-family-list > .model-card .meta-item,
    body #models[data-family-grid="1"] > .model-card .meta-item {
      min-height: 25px !important;
      padding: 5px 7px !important;
      font-size: 11px !important;
      border-radius: 11px !important;
    }

    body #models.compact-family-list > .model-card .card-actions,
    body #models[data-family-grid="1"] > .model-card .card-actions {
      margin-top: 8px !important;
      gap: 6px !important;
    }

    body #models.compact-family-list > .model-card .btn,
    body #models.compact-family-list > .model-card .btn.secondary,
    body #models[data-family-grid="1"] > .model-card .btn,
    body #models[data-family-grid="1"] > .model-card .btn.secondary {
      min-height: 32px !important;
      font-size: 11.8px !important;
      border-radius: 12px !important;
      padding: 6px 5px !important;
    }

    @media (max-height: 720px) {
      body #models.compact-family-list > .model-card,
      body #models[data-family-grid="1"] > .model-card {
        min-height: 210px !important;
        padding: 11px !important;
      }

      body #models.compact-family-list > .model-card .model-desc,
      body #models[data-family-grid="1"] > .model-card .model-desc {
        -webkit-line-clamp: 3 !important;
        min-height: 44px !important;
        font-size: 11.4px !important;
      }

      body #models.compact-family-list > .model-card .model-title,
      body #models[data-family-grid="1"] > .model-card .model-title {
        font-size: 15.2px !important;
      }
    }


    /* Taller family cards with full descriptions */
    body #models.compact-family-list,
    body #models[data-family-grid="1"] {
      gap: 10px !important;
    }

    body #models.compact-family-list > .model-card,
    body #models[data-family-grid="1"] > .model-card {
      min-height: 255px !important;
      padding: 12px !important;
      border-radius: 20px !important;
    }

    body #models.compact-family-list > .model-card .model-title,
    body #models[data-family-grid="1"] > .model-card .model-title {
      font-size: 16.2px !important;
      line-height: 1.08 !important;
      margin-bottom: 8px !important;
    }

    body #models.compact-family-list > .model-card .model-desc,
    body #models[data-family-grid="1"] > .model-card .model-desc {
      display: block !important;
      overflow: visible !important;
      -webkit-line-clamp: unset !important;
      -webkit-box-orient: unset !important;

      font-size: 12.1px !important;
      line-height: 1.22 !important;
      color: rgba(255,255,255,.68) !important;
      min-height: 88px !important;
      max-height: none !important;
      margin: 0 !important;
    }

    body #models.compact-family-list > .model-card .meta,
    body #models[data-family-grid="1"] > .model-card .meta {
      margin-top: 9px !important;
      gap: 6px !important;
    }

    body #models.compact-family-list > .model-card .meta-item,
    body #models[data-family-grid="1"] > .model-card .meta-item {
      min-height: 27px !important;
      padding: 6px 7px !important;
      font-size: 11.4px !important;
      border-radius: 11px !important;
    }

    body #models.compact-family-list > .model-card .card-actions,
    body #models[data-family-grid="1"] > .model-card .card-actions {
      margin-top: 9px !important;
      gap: 6px !important;
    }

    body #models.compact-family-list > .model-card .btn,
    body #models.compact-family-list > .model-card .btn.secondary,
    body #models[data-family-grid="1"] > .model-card .btn,
    body #models[data-family-grid="1"] > .model-card .btn.secondary {
      min-height: 34px !important;
      font-size: 12px !important;
      border-radius: 12px !important;
      padding: 7px 5px !important;
    }

    @media (max-height: 720px) {
      body #models.compact-family-list > .model-card,
      body #models[data-family-grid="1"] > .model-card {
        min-height: 238px !important;
      }

      body #models.compact-family-list > .model-card .model-desc,
      body #models[data-family-grid="1"] > .model-card .model-desc {
        font-size: 11.6px !important;
        line-height: 1.2 !important;
        min-height: 80px !important;
      }
    }

  
    /* OpenAI settings screen */
    .ai-settings-screen {
      position: fixed;
      inset: 0;
      z-index: 2600;
      display: none;
      overflow-y: auto;
      padding: 14px 14px 118px;
      background:
        radial-gradient(circle at 15% 0%, rgba(124,92,255,.22), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(0,212,255,.14), transparent 30%),
        var(--bg);
    }

    .ai-settings-screen.active {
      display: block;
    }

    .ai-settings-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }

    .ai-settings-back {
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.94);
      font-size: 18px;
      font-weight: 900;
    }

    .ai-settings-title {
      font-size: 22px;
      line-height: 1.08;
      font-weight: 950;
      letter-spacing: -.04em;
    }

    .ai-settings-subtitle {
      margin-top: 3px;
      font-size: 12px;
      line-height: 1.35;
      color: var(--muted);
      font-weight: 650;
    }

    .ai-settings-card {
      border-radius: 24px;
      padding: 14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 18px 46px rgba(0,0,0,.28);
      margin-bottom: 10px;
    }

    .ai-settings-label {
      margin-bottom: 9px;
      color: rgba(255,255,255,.86);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .ai-segment-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .ai-segment-grid.two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ai-segment-grid.sizes {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ai-chip-btn {
      min-height: 42px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.065);
      color: rgba(255,255,255,.86);
      font-size: 12px;
      line-height: 1.15;
      font-weight: 850;
      padding: 8px;
      text-align: center;
    }

    .ai-chip-btn.active {
      color: #fff;
      background: linear-gradient(135deg, rgba(124,92,255,.92), rgba(71,184,255,.58));
      border-color: rgba(255,255,255,.22);
      box-shadow: 0 12px 28px rgba(124,92,255,.22);
    }

    .ai-prompt-box {
      width: 100%;
      min-height: 112px;
      resize: vertical;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.24);
      color: #fff;
      padding: 12px;
      font-size: 14px;
      line-height: 1.35;
      outline: none;
      box-sizing: border-box;
      font-family: inherit;
    }

    .ai-prompt-box::placeholder {
      color: rgba(255,255,255,.38);
    }

    .ai-upload {
      position: relative;
      border-radius: 20px;
      border: 1px dashed rgba(255,255,255,.22);
      background: rgba(255,255,255,.055);
      padding: 14px;
      text-align: center;
      overflow: hidden;
    }

    .ai-upload input {
      display: none;
    }

    .ai-upload-title {
      font-size: 14px;
      font-weight: 900;
      color: rgba(255,255,255,.92);
      margin-bottom: 4px;
    }

    .ai-upload-subtitle {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
    }

    .ai-upload-preview {
      display: none;
      margin-top: 10px;
      width: 100%;
      max-height: 180px;
      object-fit: cover;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
    }

    .ai-upload.has-image .ai-upload-preview {
      display: block;
    }

    .ai-price-box {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .ai-price-item {
      border-radius: 18px;
      padding: 10px;
      background: rgba(0,0,0,.22);
      border: 1px solid rgba(255,255,255,.10);
    }

    .ai-price-item span {
      display: block;
      font-size: 11px;
      color: var(--muted);
      font-weight: 750;
      margin-bottom: 3px;
    }

    .ai-price-item b {
      font-size: 16px;
      color: #fff;
      font-weight: 950;
    }

    .ai-run-btn {
      width: 100%;
      min-height: 50px;
      border: 0;
      border-radius: 18px;
      background: linear-gradient(135deg, #7c5cff, #47b8ff);
      color: #fff;
      font-size: 15px;
      font-weight: 950;
      box-shadow: 0 18px 42px rgba(71,184,255,.20);
    }

    .ai-run-btn.locked {
      opacity: .55;
      filter: grayscale(.25);
    }

    .ai-note {
      margin-top: 8px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.35;
      text-align: center;
    }

  
    /* FINAL OpenAI upload card fix */
    #openaiImageCard {
      overflow: hidden !important;
    }

    #openaiImageCard .ai-settings-label {
      margin-bottom: 10px !important;
    }

    #openaiUploadBox.ai-upload {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      box-sizing: border-box !important;
      min-height: 128px !important;
      padding: 18px 14px !important;
      margin: 0 !important;
      border-radius: 22px !important;
      border: 1.5px dashed rgba(255,255,255,.24) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
      text-align: center !important;
      cursor: pointer !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
    }

    #openaiUploadBox.ai-upload::before {
      content: "🖼️";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-bottom: 10px;
      border-radius: 16px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.12);
      font-size: 22px;
    }

    #openaiUploadBox .ai-upload-title {
      margin: 0 0 6px !important;
      font-size: 17px !important;
      line-height: 1.15 !important;
      font-weight: 950 !important;
      color: rgba(255,255,255,.96) !important;
    }

    #openaiUploadBox .ai-upload-subtitle {
      max-width: 320px !important;
      margin: 0 auto !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
      font-weight: 700 !important;
      color: rgba(255,255,255,.58) !important;
    }

    #openaiUploadBox.has-image {
      justify-content: flex-start !important;
      padding: 12px !important;
      border-style: solid !important;
    }

    #openaiUploadBox.has-image::before {
      display: none !important;
    }

    #openaiUploadBox.has-image .ai-upload-title {
      font-size: 14px !important;
      margin-bottom: 4px !important;
    }

    #openaiUploadBox.has-image .ai-upload-subtitle {
      font-size: 11px !important;
      margin-bottom: 8px !important;
    }

    #openaiUploadBox .ai-upload-preview {
      width: 100% !important;
      max-height: 220px !important;
      object-fit: cover !important;
      border-radius: 18px !important;
      margin-top: 10px !important;
      border: 1px solid rgba(255,255,255,.14) !important;
    }


    /* QWEN SETTINGS VISUAL POLISH */
    #openaiSettingsScreen.qwen-polished .ai-settings-card {
      border-radius: 24px !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
      border: 1px solid rgba(255,255,255,.105) !important;
      box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiModeCard {
      background:
        radial-gradient(circle at top left, rgba(124,92,255,.18), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiImageCard,
    #openaiSettingsScreen.qwen-polished #qwenReferenceImageCard {
      padding: 12px !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiImageCard .ai-settings-label,
    #openaiSettingsScreen.qwen-polished #qwenReferenceImageCard .ai-settings-label {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      margin-bottom: 10px !important;
      font-size: 13px !important;
      letter-spacing: .01em !important;
      color: rgba(255,255,255,.86) !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiImageCard .ai-settings-label::before {
      content: "🖼️";
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 11px;
      background: rgba(255,255,255,.075);
      border: 1px solid rgba(255,255,255,.10);
      font-size: 15px;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceImageCard {
      position: relative !important;
      overflow: hidden !important;
      background:
        radial-gradient(circle at top left, rgba(124,92,255,.14), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceImageCard .ai-settings-label {
      margin-bottom: 8px !important;
      font-size: 12px !important;
      text-transform: uppercase !important;
      letter-spacing: .12em !important;
      color: rgba(255,255,255,.72) !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceImageCard .ai-settings-label::before {
      content: "🎯";
      width: 26px;
      height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      background: rgba(255,255,255,.075);
      border: 1px solid rgba(255,255,255,.10);
      font-size: 14px;
      letter-spacing: 0;
      text-transform: none;
    }

    #openaiSettingsScreen.qwen-polished #openaiUploadBox.ai-upload {
      min-height: 118px !important;
      border-radius: 22px !important;
      border: 1.5px dashed rgba(255,255,255,.20) !important;
      background:
        radial-gradient(circle at top, rgba(71,184,255,.10), transparent 45%),
        rgba(0,0,0,.18) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
      transition: transform .15s ease, border-color .15s ease, background .15s ease !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiUploadBox.ai-upload:active {
      transform: scale(.99);
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox.ai-upload {
      min-height: 0 !important;
      width: 100% !important;
      padding: 11px 12px !important;
      border-radius: 18px !important;
      border: 1px dashed rgba(71,184,255,.32) !important;
      background:
        linear-gradient(135deg, rgba(71,184,255,.12), rgba(124,92,255,.10)) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      cursor: pointer !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox.ai-upload:active {
      transform: scale(.99);
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox.ai-upload::before {
      content: none !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox .ai-upload-placeholder {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      width: 100% !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox .ai-upload-icon {
      width: 34px !important;
      height: 34px !important;
      border-radius: 13px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: rgba(255,255,255,.09) !important;
      border: 1px solid rgba(255,255,255,.11) !important;
      font-size: 17px !important;
      flex: 0 0 auto !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox .ai-upload-title {
      margin: 0 !important;
      font-size: 14px !important;
      line-height: 1.15 !important;
      font-weight: 950 !important;
      color: rgba(255,255,255,.94) !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox .ai-upload-subtitle {
      display: none !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceUploadBox.has-image {
      border-style: solid !important;
      border-color: rgba(71,184,255,.34) !important;
      background:
        linear-gradient(135deg, rgba(71,184,255,.14), rgba(124,92,255,.11)) !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-grid-modes {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-grid-modes .ai-chip-btn {
      min-height: 42px !important;
      border-radius: 16px !important;
      font-size: 13px !important;
      line-height: 1.15 !important;
      white-space: normal !important;
      padding: 9px 8px !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-grid-modes .ai-chip-btn.active {
      box-shadow: 0 10px 24px rgba(71,184,255,.14) !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceList {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 8px !important;
      margin-top: 10px !important;
    }

    #openaiSettingsScreen.qwen-polished #qwenReferenceList img {
      height: 84px !important;
      display: block !important;
      width: 100% !important;
      object-fit: cover !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-ref-empty {
      grid-column: 1 / -1 !important;
      min-height: 0 !important;
      padding: 11px 12px !important;
      border-radius: 16px !important;
      background: rgba(0,0,0,.20) !important;
      border: 1px solid rgba(255,255,255,.08) !important;
      font-size: 12px !important;
      color: rgba(255,255,255,.56) !important;
      line-height: 1.35 !important;
      text-align: center !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-ref-tile {
      position: relative !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      background: rgba(255,255,255,.045) !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-ref-remove {
      position: absolute !important;
      top: 5px !important;
      right: 5px !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: rgba(0,0,0,.72) !important;
      color: #fff !important;
      width: 26px !important;
      height: 26px !important;
      font-size: 16px !important;
      line-height: 26px !important;
      font-weight: 900 !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-ref-caption {
      padding: 6px 7px !important;
      font-size: 10.5px !important;
      color: rgba(255,255,255,.72) !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    #openaiSettingsScreen.qwen-polished #openaiPriceLabel,
    #openaiSettingsScreen.qwen-polished #openaiEtaLabel {
      font-size: 15px !important;
    }

    @media (max-width: 430px) {
      #openaiSettingsScreen.qwen-polished #qwenReferenceList {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }

      #openaiSettingsScreen.qwen-polished .qwen-grid-modes {
        grid-template-columns: 1fr !important;
      }
    }

  
    /* FINAL screen state fix: balance as overlay */
    #balanceScreen.balance-screen {
      display: none !important;
      position: fixed !important;
      inset: 0 !important;
      z-index: 2550 !important;
      padding: 18px !important;
      padding-bottom: 96px !important;
      background:
        radial-gradient(circle at top, rgba(112, 97, 255, 0.20), transparent 38%),
        rgba(7, 7, 14, 0.96) !important;
      backdrop-filter: blur(18px) !important;
      overflow-y: auto !important;
      align-items: center !important;
      justify-content: center !important;
    }

    #balanceScreen.balance-screen.active {
      display: flex !important;
    }

    #openaiSettingsScreen.ai-settings-screen {
      display: none;
    }

    #openaiSettingsScreen.ai-settings-screen.active {
      display: block;
    }

  
    /* FINAL FIX: balance navigation and OpenAI back */
    .bottom-nav,
    .nav,
    .bottom-bar {
      z-index: 4000 !important;
    }

    #balanceScreen.balance-screen {
      display: none !important;
      position: fixed !important;
      inset: 0 !important;
      z-index: 2500 !important;
      padding: 18px 14px 105px !important;
      background:
        radial-gradient(circle at top, rgba(112, 97, 255, 0.20), transparent 38%),
        rgba(7, 7, 14, 0.96) !important;
      backdrop-filter: blur(18px) !important;
      overflow-y: auto !important;
      align-items: flex-start !important;
      justify-content: flex-start !important;
    }

    #balanceScreen.balance-screen.active {
      display: block !important;
    }

    #balanceScreen .balance-card {
      margin: 10px auto 0 !important;
      width: min(100%, 520px) !important;
    }

    .balance-back-row {
      width: min(100%, 520px);
      margin: 6px auto 12px;
      display: flex;
      justify-content: flex-start;
    }

    .balance-back-btn {
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.08);
      color: rgba(255,255,255,0.92);
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
    }

    #openaiSettingsScreen.ai-settings-screen {
      z-index: 2600 !important;
    }

  
    /* Generation status screen */
    .generation-status-screen {
      position: fixed;
      inset: 0;
      z-index: 3200;
      display: none;
      overflow-y: auto;
      padding: 18px 14px 96px;
      background:
        radial-gradient(circle at 20% 0%, rgba(124, 58, 237, .28), transparent 34%),
        radial-gradient(circle at 85% 12%, rgba(34, 211, 238, .20), transparent 32%),
        #080810;
    }

    .generation-status-screen.active {
      display: block;
    }

    .generation-status-card {
      max-width: 620px;
      margin: 0 auto;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 26px;
      background: rgba(17, 18, 32, .94);
      box-shadow: 0 24px 80px rgba(0,0,0,.44);
      padding: 16px;
      color: #fff;
    }

    .generation-status-head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .generation-status-icon {
      width: 44px;
      height: 44px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, #7c3aed, #22d3ee);
      font-size: 22px;
      flex: 0 0 auto;
    }

    .generation-status-title {
      font-weight: 900;
      font-size: 20px;
      line-height: 1.15;
    }

    .generation-status-subtitle {
      margin-top: 4px;
      color: rgba(255,255,255,.62);
      font-size: 13px;
      line-height: 1.35;
      word-break: break-word;
    }

    .generation-status-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin: 14px 0;
    }

    .generation-status-item {
      border-radius: 16px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.08);
      padding: 10px;
    }

    .generation-status-label {
      font-size: 11px;
      color: rgba(255,255,255,.54);
      margin-bottom: 4px;
    }

    .generation-status-value {
      font-size: 13px;
      font-weight: 800;
      word-break: break-word;
    }

    .generation-result-box {
      margin-top: 14px;
      border-radius: 20px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.1);
      padding: 12px;
    }

    .generation-result-box img,
    .generation-result-box video {
      width: 100%;
      border-radius: 16px;
      display: block;
      margin-top: 10px;
      background: #000;
    }

    .generation-status-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 14px;
    }

    .generation-status-btn {
      border: 0;
      border-radius: 16px;
      padding: 13px 12px;
      font-weight: 900;
      color: #fff;
      background: linear-gradient(135deg, #7c3aed, #22d3ee);
      cursor: pointer;
    }

    .generation-status-btn.secondary {
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.12);
    }

    @media (max-width: 420px) {
      .generation-status-grid {
        grid-template-columns: 1fr;
      }
      .generation-status-actions {
        grid-template-columns: 1fr;
      }
    }

  
/* ===== QWEN CLEAN FINAL UI ===== */
#openaiSettingsScreen .ai-segment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  align-items: stretch;
  justify-items: stretch;
}

#openaiSettingsScreen .ai-chip-btn {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.15;
  padding: 10px 12px;
  border-radius: 16px;
}

#openaiSettingsScreen .qwen-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#openaiSettingsScreen .qwen-grid-models {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
}

#openaiSettingsScreen .qwen-grid-modes {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}




    /* IMAGE PREVIEW + REMOVE BUTTON */
    #openaiUploadBox {
      position: relative;
    }

    #openaiUploadBox.has-image {
      min-height: 180px;
      align-items: stretch;
      justify-content: flex-start;
    }

    #openaiUploadBox.has-image .ai-upload-preview {
      display: block;
      width: 100%;
      max-height: 220px;
      margin-top: 10px;
      border-radius: 14px;
      object-fit: cover;
      border: 1px solid rgba(255,255,255,.12);
    }

    .ai-upload-remove-btn {
      width: 100%;
      margin-top: 10px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.9);
      border-radius: 14px;
      padding: 10px 12px;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.1;
      cursor: pointer;
    }

    .ai-upload-remove-btn:active {
      transform: scale(.99);
    }





    /* FLUX FLEX SLIDER FULL WIDTH FIX */
    #openaiSettingsScreen.flux-polished #fluxParamCard {
      overflow: visible;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard #fluxParamGrid {
      width: 100%;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-slider-wrap {
      grid-column: 1 / -1;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-slider-top {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 12px;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-slider-top span:first-child {
      text-align: left;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-slider-top span:last-child {
      text-align: right;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-guidance-slider {
      width: 100%;
      min-width: 100%;
      box-sizing: border-box;
    }

    #openaiSettingsScreen.flux-polished #fluxParamCard .flux-slider-scale {
      width: 100%;
    }

    #openaiSettingsScreen.flux-polished #fluxParamHint {
      display: block;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
      margin-top: 12px !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
      color: rgba(255,255,255,.72);
      text-align: left;
    }


    /* FLUX SIZE ONE ROW + FLEX SLIDER */
    #openaiSettingsScreen.flux-polished #openaiSizeGrid {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(var(--flux-size-cols, 3), minmax(0, 1fr));
      gap: 8px;
    }

    #openaiSettingsScreen.flux-polished #openaiSizeGrid .ai-chip-btn {
      width: 100%;
      min-width: 0;
      min-height: 34px;
      padding: 7px 4px;
      font-size: 12px;
      white-space: nowrap;
    }

    #openaiSettingsScreen.flux-polished #openaiSizeCard {
      overflow: visible;
    }

    #openaiSettingsScreen.flux-polished .flux-slider-wrap {
      width: 100%;
      padding: 2px 2px 0;
      touch-action: pan-y;
    }

    #openaiSettingsScreen.flux-polished .flux-slider-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 8px;
      color: rgba(255,255,255,.82);
      font-size: 12px;
      font-weight: 800;
    }

    #openaiSettingsScreen.flux-polished .flux-slider-value {
      min-width: 42px;
      text-align: center;
      padding: 5px 8px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(116, 96, 255, .38), rgba(69, 169, 220, .34));
      color: #fff;
      font-size: 13px;
      font-weight: 900;
    }

    #openaiSettingsScreen.flux-polished .flux-guidance-slider {
      display: block;
      width: 100%;
      height: 34px;
      margin: 0;
      accent-color: #6d5cff;
      touch-action: none;
      cursor: pointer;
    }

    #openaiSettingsScreen.flux-polished .flux-guidance-slider::-webkit-slider-thumb {
      cursor: grab;
    }

    #openaiSettingsScreen.flux-polished .flux-guidance-slider:active::-webkit-slider-thumb {
      cursor: grabbing;
    }

    #openaiSettingsScreen.flux-polished .flux-slider-scale {
      display: flex;
      justify-content: space-between;
      margin-top: 5px;
      color: rgba(255,255,255,.48);
      font-size: 11px;
      font-weight: 700;
    }


    /* FLUX ALL MODELS POLISHED UI */
    #openaiSettingsScreen.flux-polished {
      padding-bottom: 18px;
    }

    #openaiSettingsScreen.flux-polished .ai-settings-head {
      margin-bottom: 10px;
    }

    #openaiSettingsScreen.flux-polished .ai-settings-title {
      font-size: 18px;
      line-height: 1.15;
    }

    #openaiSettingsScreen.flux-polished .ai-settings-card {
      padding: 9px 10px;
      margin-bottom: 7px;
      border-radius: 15px;
    }

    #openaiSettingsScreen.flux-polished .flux-model-select-card {
      margin-bottom: 12px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.16);
      background: linear-gradient(135deg, rgba(116, 96, 255, .12), rgba(69, 169, 220, .08));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    #openaiSettingsScreen.flux-polished .flux-model-settings-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 2px 2px 8px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(255,255,255,.58);
    }

    #openaiSettingsScreen.flux-polished .flux-model-settings-title::before,
    #openaiSettingsScreen.flux-polished .flux-model-settings-title::after {
      content: "";
      height: 1px;
      flex: 1;
      background: rgba(255,255,255,.12);
    }

    #openaiSettingsScreen.flux-polished .flux-model-settings-card {
      background: rgba(255,255,255,.045);
      border-color: rgba(255,255,255,.11);
    }

    #openaiSettingsScreen.flux-polished #openaiModelGrid,
    #openaiSettingsScreen.flux-polished #openaiSizeGrid,
    #openaiSettingsScreen.flux-polished #fluxParamGrid {
      display: grid;
      gap: 7px;
    }

    #openaiSettingsScreen.flux-polished #openaiModelGrid,
    #openaiSettingsScreen.flux-polished #fluxParamGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #openaiSettingsScreen.flux-polished #openaiModelGrid .ai-chip-btn,
    #openaiSettingsScreen.flux-polished #openaiSizeGrid .ai-chip-btn,
    #openaiSettingsScreen.flux-polished #fluxParamGrid .ai-chip-btn {
      width: 100%;
      min-height: 34px;
      padding: 7px 8px;
      font-size: 12px;
      line-height: 1.12;
      border-radius: 999px;
      white-space: normal;
      text-align: center;
      justify-content: center;
      max-width: none;
    }

    #openaiSettingsScreen.flux-polished #openaiSizeCard .ai-settings-label,
    #openaiSettingsScreen.flux-polished #fluxParamCard .ai-settings-label {
      font-size: 11px;
      margin-bottom: 6px;
      opacity: .76;
      letter-spacing: .14em;
    }

    #openaiSettingsScreen.flux-polished #openaiPrompt {
      min-height: 118px;
      font-size: 14px;
    }

    #openaiSettingsScreen.flux-polished #openaiUploadBox.ai-upload {
      min-height: 92px;
      padding: 14px;
      border-radius: 16px;
    }

    #openaiSettingsScreen.flux-polished #openaiRunBtn {
      margin-top: 10px;
    }

    #openaiSettingsScreen.flux-polished #openaiQualityCard,
    #openaiSettingsScreen.flux-polished #openaiModeCard,
    #openaiSettingsScreen.flux-polished #openaiFormatCard {
      display: none !important;
    }


    /* FLUX 2 KLEIN COMPACT UI TEST */
    #openaiSettingsScreen.flux-klein-polished {
      padding-bottom: 18px;
    }

    #openaiSettingsScreen.flux-klein-polished .ai-settings-head {
      margin-bottom: 10px;
    }

    #openaiSettingsScreen.flux-klein-polished .ai-settings-title {
      font-size: 18px;
      line-height: 1.15;
    }

    #openaiSettingsScreen.flux-klein-polished .ai-settings-card {
      padding: 9px 10px;
      margin-bottom: 7px;
      border-radius: 15px;
    }

    /* Верхний блок выбора модели отделяем от настроек конкретной модели */
    #openaiSettingsScreen.flux-klein-polished .flux-model-select-card {
      margin-bottom: 12px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.16);
      background: linear-gradient(135deg, rgba(116, 96, 255, .12), rgba(69, 169, 220, .08));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    #openaiSettingsScreen.flux-klein-polished .flux-model-settings-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 2px 2px 8px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(255,255,255,.58);
    }

    #openaiSettingsScreen.flux-klein-polished .flux-model-settings-title::before,
    #openaiSettingsScreen.flux-klein-polished .flux-model-settings-title::after {
      content: "";
      height: 1px;
      flex: 1;
      background: rgba(255,255,255,.12);
    }

    #openaiSettingsScreen.flux-klein-polished .flux-model-settings-card {
      background: rgba(255,255,255,.045);
      border-color: rgba(255,255,255,.11);
    }

    #openaiSettingsScreen.flux-klein-polished #openaiModelGrid,
    #openaiSettingsScreen.flux-klein-polished #openaiSizeGrid,
    #openaiSettingsScreen.flux-klein-polished #fluxParamGrid {
      display: grid;
      gap: 7px;
    }

    /* Модель и размер — аккуратная сетка 2×2 */
    #openaiSettingsScreen.flux-klein-polished #openaiModelGrid,
    #openaiSettingsScreen.flux-klein-polished #openaiSizeGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Режим модели — 2 кнопки в один ряд */
    #openaiSettingsScreen.flux-klein-polished #fluxParamGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #openaiSettingsScreen.flux-klein-polished #openaiModelGrid .ai-chip-btn,
    #openaiSettingsScreen.flux-klein-polished #openaiSizeGrid .ai-chip-btn,
    #openaiSettingsScreen.flux-klein-polished #fluxParamGrid .ai-chip-btn {
      width: 100%;
      min-height: 34px;
      padding: 7px 8px;
      font-size: 12px;
      line-height: 1.12;
      border-radius: 999px;
      white-space: normal;
      text-align: center;
      justify-content: center;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiModelGrid .ai-chip-btn {
      max-width: none;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiSizeCard .ai-settings-label,
    #openaiSettingsScreen.flux-klein-polished #fluxParamCard .ai-settings-label {
      font-size: 11px;
      margin-bottom: 6px;
      opacity: .76;
      letter-spacing: .14em;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiPrompt {
      min-height: 118px;
      font-size: 14px;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiUploadBox.ai-upload {
      min-height: 92px;
      padding: 14px;
      border-radius: 16px;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiRunBtn {
      margin-top: 10px;
    }

    #openaiSettingsScreen.flux-klein-polished #openaiQualityCard,
    #openaiSettingsScreen.flux-klein-polished #openaiModeCard,
    #openaiSettingsScreen.flux-klein-polished #openaiFormatCard {
      display: none !important;
    }


    /* FLUX BUTTONS STYLE FIX */
    #openaiSettingsScreen #openaiModelGrid.qwen-grid-models {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    #openaiSettingsScreen #openaiModelGrid.qwen-grid-models .ai-chip-btn {
      min-height: 44px;
      border-radius: 16px;
      white-space: normal;
      line-height: 1.15;
    }

    @media (max-width: 390px) {
      #openaiSettingsScreen #openaiModelGrid.qwen-grid-models {
        grid-template-columns: 1fr;
      }
    }



    
/* OPENAI POLISHED SETTINGS UI 20260525 */
    #openaiSettingsScreen.openai-polished {
      padding-bottom: 18px;
    }

    #openaiSettingsScreen.openai-polished .ai-settings-head {
      margin-bottom: 10px;
    }

    #openaiSettingsScreen.openai-polished .ai-settings-title {
      font-size: 18px;
      line-height: 1.15;
    }

    #openaiSettingsScreen.openai-polished .ai-settings-card {
      padding: 9px 10px;
      margin-bottom: 7px;
      border-radius: 15px;
    }

    #openaiSettingsScreen.openai-polished .openai-model-select-card {
      margin-bottom: 12px;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.16);
      background: linear-gradient(135deg, rgba(116, 96, 255, .12), rgba(69, 169, 220, .08));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    #openaiSettingsScreen.openai-polished .openai-model-settings-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 2px 2px 8px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(255,255,255,.58);
    }

    #openaiSettingsScreen.openai-polished .openai-model-settings-title::before,
    #openaiSettingsScreen.openai-polished .openai-model-settings-title::after {
      content: "";
      height: 1px;
      flex: 1;
      background: rgba(255,255,255,.12);
    }

    #openaiSettingsScreen.openai-polished .openai-model-settings-card {
      background: rgba(255,255,255,.045);
      border-color: rgba(255,255,255,.11);
    }

    #openaiSettingsScreen.openai-polished #openaiModelGrid,
    #openaiSettingsScreen.openai-polished #openaiSizeGrid,
    #openaiSettingsScreen.openai-polished #openaiQualityGrid,
    #openaiSettingsScreen.openai-polished #openaiFormatGrid {
      display: grid;
      gap: 7px;
    }

    #openaiSettingsScreen.openai-polished #openaiModelGrid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #openaiSettingsScreen.openai-polished #openaiSizeGrid {
      grid-template-columns: repeat(var(--openai-size-cols, 3), minmax(0, 1fr));
    }

    #openaiSettingsScreen.openai-polished #openaiQualityGrid,
    #openaiSettingsScreen.openai-polished #openaiFormatGrid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #openaiSettingsScreen.openai-polished #openaiModelGrid .ai-chip-btn,
    #openaiSettingsScreen.openai-polished #openaiSizeGrid .ai-chip-btn,
    #openaiSettingsScreen.openai-polished #openaiQualityGrid .ai-chip-btn,
    #openaiSettingsScreen.openai-polished #openaiFormatGrid .ai-chip-btn {
      width: 100%;
      min-height: 34px;
      padding: 7px 8px;
      font-size: 12px;
      line-height: 1.12;
      border-radius: 999px;
      white-space: normal;
      text-align: center;
      justify-content: center;
      max-width: none;
    }

    #openaiSettingsScreen.openai-polished #openaiSizeCard .ai-settings-label,
    #openaiSettingsScreen.openai-polished #openaiQualityCard .ai-settings-label,
    #openaiSettingsScreen.openai-polished #openaiFormatCard .ai-settings-label {
      font-size: 11px;
      margin-bottom: 6px;
      opacity: .76;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    #openaiSettingsScreen.openai-polished #openaiPrompt {
      min-height: 118px;
      font-size: 14px;
    }

    #openaiSettingsScreen.openai-polished #openaiUploadBox.ai-upload {
      min-height: 92px;
      padding: 14px;
      border-radius: 16px;
    }

    #openaiSettingsScreen.openai-polished #openaiRunBtn {
      margin-top: 10px;
    }

    #openaiSettingsScreen.openai-polished #openaiModeCard {
      display: none !important;
    }


    /* SETTINGS TITLE LAYOUT FINAL FIX 20260525 */
    #openaiSettingsScreen #qwenModelSettingsTitle,
    #openaiSettingsScreen #openaiModelSettingsTitle,
    #openaiSettingsScreen #fluxModelSettingsTitle {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      box-sizing: border-box !important;
      clear: both !important;
      flex: 0 0 auto !important;
      margin: 12px 2px 8px !important;
      padding: 0 !important;
      z-index: 1 !important;
      pointer-events: none !important;
      font-size: 11px !important;
      font-weight: 800 !important;
      line-height: 1.25 !important;
      letter-spacing: .16em !important;
      text-transform: uppercase !important;
      color: rgba(255,255,255,.58) !important;
      white-space: nowrap !important;
    }

    #openaiSettingsScreen #qwenModelSettingsTitle::before,
    #openaiSettingsScreen #qwenModelSettingsTitle::after,
    #openaiSettingsScreen #openaiModelSettingsTitle::before,
    #openaiSettingsScreen #openaiModelSettingsTitle::after,
    #openaiSettingsScreen #fluxModelSettingsTitle::before,
    #openaiSettingsScreen #fluxModelSettingsTitle::after {
      content: "" !important;
      height: 1px !important;
      flex: 1 1 auto !important;
      min-width: 12px !important;
      background: rgba(255,255,255,.12) !important;
    }

    #openaiSettingsScreen #qwenModelSettingsTitle + .ai-settings-card,
    #openaiSettingsScreen #openaiModelSettingsTitle + .ai-settings-card,
    #openaiSettingsScreen #fluxModelSettingsTitle + .ai-settings-card {
      margin-top: 0 !important;
    }

    #openaiSettingsScreen.qwen-polished .qwen-model-settings-card {
      background: rgba(255,255,255,.045) !important;
      border-color: rgba(255,255,255,.11) !important;
    }


    /* OPENAI SETTINGS NO-FLICKER PATCH 20260525 */
    #openaiSettingsScreen.ai-settings-screen.active:not(.cv-settings-ready) {
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    #openaiSettingsScreen.ai-settings-screen.cv-settings-ready {
      visibility: visible !important;
      opacity: 1 !important;
    }


    /* OPENAI INITIAL DOM NO OLD MODE PATCH 20260525 */
    #openaiSettingsScreen:not(.qwen-polished):not(.flux-polished):not(.nanobanana-polished) #openaiModeCard {
      display: none !important;
    }

    #openaiSettingsScreen.nanobanana-polished #openaiModeCard {
      display: block !important;
    }

    #openaiSettingsScreen.grok-polished #openaiModeCard,
    #openaiSettingsScreen.grok-polished #openaiQualityCard,
    #openaiSettingsScreen.grok-polished #openaiFormatCard {
      display: none !important;
    }

    #openaiSettingsScreen:not(.qwen-polished):not(.flux-polished):not(.seedream-polished):not(.nanobanana-polished) #qwenReferenceImageCard {
      display: none !important;
    }

    /* SEEDREAM REFERENCES VISIBLE FIX 20260526 */
    #openaiSettingsScreen.seedream-polished #qwenReferenceImageCard {
      display: block !important;
    }


    /* PROVIDER SETTINGS PREPARING NO-FLICKER FIX 20260525 */
    #openaiSettingsScreen.ai-settings-screen.cv-provider-preparing,
    #openaiSettingsScreen.ai-settings-screen.active.cv-provider-preparing,
    #openaiSettingsScreen.ai-settings-screen.active:not(.cv-settings-ready) {
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    #openaiSettingsScreen.ai-settings-screen.cv-settings-ready:not(.cv-provider-preparing) {
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
    }



    /* CV_BALANCE_PREMIUM_UI_20260530 */
    #balanceScreen.balance-screen {
      background:
        radial-gradient(circle at 12% 0%, rgba(124,92,255,.34), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(0,212,255,.20), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(46,229,157,.10), transparent 38%),
        rgba(5, 6, 13, .97) !important;
    }

    #balanceScreen .balance-back-row {
      position: relative;
      z-index: 3;
    }

    #balanceScreen .balance-back-btn {
      backdrop-filter: blur(18px);
      background: rgba(255,255,255,.075);
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 14px 40px rgba(0,0,0,.24);
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }

    #balanceScreen .balance-back-btn:active {
      transform: scale(.97);
    }

    .cv-balance-premium-card {
      position: relative;
      overflow: hidden;
      padding: 22px !important;
      border-radius: 34px !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.055)),
        radial-gradient(circle at top left, rgba(124,92,255,.32), transparent 38%),
        radial-gradient(circle at bottom right, rgba(0,212,255,.16), transparent 42%) !important;
      border: 1px solid rgba(255,255,255,.16) !important;
      box-shadow:
        0 30px 90px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
      backdrop-filter: blur(24px);
      animation: cvBalanceEnter .42s cubic-bezier(.2,.8,.2,1) both;
    }

    .cv-balance-premium-card:before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.12) 28%, transparent 48%);
      transform: translateX(-130%);
      animation: cvBalanceShine 4.6s ease-in-out infinite;
    }

    .cv-balance-orb {
      position: absolute;
      border-radius: 999px;
      filter: blur(18px);
      opacity: .68;
      pointer-events: none;
      animation: cvBalanceFloat 6s ease-in-out infinite;
    }

    .cv-balance-orb-a {
      width: 170px;
      height: 170px;
      right: -72px;
      top: -68px;
      background: rgba(124,92,255,.42);
    }

    .cv-balance-orb-b {
      width: 120px;
      height: 120px;
      left: -54px;
      bottom: 80px;
      background: rgba(0,212,255,.25);
      animation-delay: -2.2s;
    }

    .cv-balance-top {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
    }

    .cv-balance-chip {
      padding: 8px 11px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 950;
      letter-spacing: .12em;
      color: rgba(255,255,255,.94);
      background: linear-gradient(135deg, rgba(124,92,255,.9), rgba(0,212,255,.72));
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: 0 12px 28px rgba(124,92,255,.28);
    }

    .cv-balance-premium-card .balance-label {
      color: rgba(255,255,255,.64);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .13em;
      margin-bottom: 8px;
    }

    .cv-balance-premium-card .balance-value {
      font-size: clamp(38px, 10vw, 54px);
      line-height: .98;
      font-weight: 950;
      letter-spacing: -1.8px;
      color: #fff;
      text-shadow: 0 20px 52px rgba(124,92,255,.32);
    }

    .cv-balance-subtitle {
      position: relative;
      z-index: 2;
      margin-top: 14px;
      color: rgba(231,235,255,.76);
      font-size: 14px;
      line-height: 1.45;
      max-width: 390px;
    }

    .cv-balance-divider {
      position: relative;
      z-index: 2;
      height: 1px;
      margin: 16px 0 14px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
    }

    .cv-cabinet-tabs {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
      margin: 0 0 14px;
      padding: 5px;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.055);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 32px rgba(0,0,0,.18);
    }

    .cv-cabinet-tab {
      min-width: 0;
      min-height: 42px;
      border: 0;
      border-radius: 16px;
      color: rgba(232,236,255,.64);
      background: transparent;
      font: inherit;
      font-size: 12px;
      font-weight: 950;
      letter-spacing: -.1px;
      cursor: pointer;
      transition: transform .18s ease, color .18s ease, background .18s ease;
    }

    .cv-cabinet-tab.active {
      color: #fff;
      background:
        radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 45%),
        linear-gradient(135deg, rgba(124,92,255,.82), rgba(0,212,255,.42));
      box-shadow: 0 12px 28px rgba(64,88,210,.28), inset 0 1px 0 rgba(255,255,255,.22);
    }

    .cv-cabinet-tab:active {
      transform: scale(.98);
    }

    .cv-cabinet-overview {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 14px;
    }

    .cv-topup-title-row {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 12px;
      margin-bottom: 12px;
    }

    .cv-cabinet-section {
      position: relative;
      z-index: 2;
      padding: 14px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(circle at 92% 0%, rgba(0,212,255,.11), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032));
      box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
    }

    .cv-cabinet-section .cv-topup-title-row {
      margin-bottom: 12px;
    }

    .cv-topup-title {
      color: #fff;
      font-size: 18px;
      font-weight: 950;
      letter-spacing: -.3px;
    }

    .cv-topup-caption {
      margin-top: 4px;
      color: rgba(226,230,255,.58);
      font-size: 12.5px;
    }

    .cv-topup-secure {
      flex: 0 0 auto;
      padding: 7px 10px;
      border-radius: 999px;
      color: rgba(255,255,255,.84);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
      background: rgba(46,229,157,.12);
      border: 1px solid rgba(46,229,157,.22);
    }

    .cv-yookassa-topup-grid {
      position: relative;
      z-index: 2;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 0 !important;
    }

    .cv-topup-btn {
      position: relative;
      min-height: 78px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 22px;
      padding: 13px 14px;
      text-align: left;
      color: #fff;
      cursor: pointer;
      overflow: hidden;
      background:
        radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
      box-shadow: 0 14px 32px rgba(0,0,0,.22);
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .cv-topup-btn:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(124,92,255,.18), rgba(0,212,255,.10));
      opacity: 0;
      transition: opacity .18s ease;
      pointer-events: none;
    }

    .cv-topup-btn span,
    .cv-topup-btn small,
    .cv-topup-btn b {
      position: relative;
      z-index: 1;
      display: block;
    }

    .cv-topup-btn span {
      font-size: 21px;
      font-weight: 950;
      letter-spacing: -.45px;
    }

    .cv-topup-btn small {
      margin-top: 7px;
      color: rgba(232,236,255,.58);
      font-size: 12px;
      font-weight: 750;
    }

    .cv-topup-btn b {
      width: fit-content;
      margin-bottom: 8px;
      padding: 4px 7px;
      border-radius: 999px;
      background: rgba(46,229,157,.16);
      border: 1px solid rgba(46,229,157,.24);
      color: rgba(226,255,244,.96);
      font-size: 10.5px;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .cv-topup-btn:hover,
    .cv-topup-btn:active {
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.24);
      box-shadow: 0 18px 42px rgba(0,0,0,.32);
    }

    .cv-topup-btn:hover:before,
    .cv-topup-btn:active:before {
      opacity: 1;
    }

    .cv-topup-popular {
      border-color: rgba(46,229,157,.26);
      background:
        radial-gradient(circle at top right, rgba(46,229,157,.20), transparent 44%),
        linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055));
    }

    .cv-balance-tasks-btn {
      position: relative;
      z-index: 2;
      width: 100%;
      margin-top: 0;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 24px;
      padding: 15px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      color: #fff;
      background:
        linear-gradient(135deg, rgba(124,92,255,.26), rgba(0,212,255,.12)),
        rgba(255,255,255,.055);
      box-shadow: 0 16px 36px rgba(0,0,0,.22);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }

    .cv-cabinet-quick-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .cv-cabinet-quick-grid .cv-balance-tasks-btn {
      min-height: 96px;
      display: grid;
      align-content: space-between;
      justify-content: stretch;
      gap: 8px;
      padding: 14px;
      border-radius: 22px;
    }

    .cv-cabinet-quick-grid .cv-balance-community-btn {
      margin-top: 0 !important;
    }

    .cv-cabinet-quick-grid .cv-balance-tasks-btn:before {
      content: attr(data-icon);
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.13);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
      font-size: 20px;
    }

    .cv-balance-tasks-btn:after {
      content: "›";
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      font-size: 26px;
      line-height: 1;
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.13);
    }

    .cv-cabinet-quick-grid .cv-balance-tasks-btn:after {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 30px;
      height: 30px;
      font-size: 22px;
    }

    .cv-balance-tasks-btn span {
      font-size: 16px;
      font-weight: 950;
      text-align: left;
    }

    .cv-balance-tasks-btn small {
      color: rgba(232,236,255,.60);
      font-size: 12px;
      font-weight: 700;
      text-align: left;
    }

    .cv-balance-tasks-btn:hover,
    .cv-balance-tasks-btn:active {
      transform: translateY(-1px);
      border-color: rgba(255,255,255,.24);
      background:
        linear-gradient(135deg, rgba(124,92,255,.34), rgba(0,212,255,.16)),
        rgba(255,255,255,.075);
    }


    /* CV_BALANCE_SUPPORT_BUTTONS_20260530 */
    .cv-balance-support-block {
      position: relative;
      z-index: 2;
      margin-top: 0;
      padding: 14px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(circle at top right, rgba(0,212,255,.12), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
      box-shadow: 0 14px 34px rgba(0,0,0,.18);
    }

    .cv-cabinet-support-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 8px;
      align-items: center;
      padding: 12px;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.11);
      background: rgba(255,255,255,.045);
    }

    .cv-cabinet-support-copy {
      min-width: 0;
      color: rgba(232,236,255,.62);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.25;
    }

    .cv-cabinet-support-copy b {
      display: block;
      color: #fff;
      font-size: 13px;
      font-weight: 950;
      margin-bottom: 2px;
    }

    .cv-cabinet-support-mini {
      min-width: 42px;
      min-height: 38px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 14px;
      color: #fff;
      background: rgba(255,255,255,.075);
      font: inherit;
      font-size: 18px;
      font-weight: 950;
      cursor: pointer;
    }

    .cv-balance-support-title {
      margin-bottom: 10px;
      color: rgba(255,255,255,.92);
      font-size: 15px;
      font-weight: 950;
      letter-spacing: -.2px;
    }

    .cv-balance-support-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .cv-balance-support-btn {
      position: relative;
      min-height: 68px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 20px;
      padding: 12px;
      text-align: left;
      color: #fff;
      cursor: pointer;
      overflow: hidden;
      background:
        radial-gradient(circle at top right, rgba(255,255,255,.11), transparent 40%),
        linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.04));
      box-shadow: 0 12px 26px rgba(0,0,0,.18);
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }

    .cv-balance-support-btn:before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease;
    }

    .cv-balance-support-btn span,
    .cv-balance-support-btn small {
      position: relative;
      z-index: 1;
      display: block;
    }

    .cv-balance-support-btn span {
      font-size: 15px;
      font-weight: 950;
      letter-spacing: -.2px;
    }

    .cv-balance-support-btn small {
      margin-top: 7px;
      color: rgba(232,236,255,.58);
      font-size: 11.5px;
      font-weight: 750;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .cv-support-telegram:before {
      background: linear-gradient(135deg, rgba(0,136,204,.24), rgba(0,212,255,.10));
    }

    .cv-support-max:before {
      background: linear-gradient(135deg, rgba(124,92,255,.25), rgba(46,229,157,.10));
    }

    .cv-balance-support-btn:hover,
    .cv-balance-support-btn:active {
      transform: translateY(-1px);
      border-color: rgba(255,255,255,.24);
      box-shadow: 0 16px 36px rgba(0,0,0,.25);
    }

    .cv-balance-support-btn:hover:before,
    .cv-balance-support-btn:active:before {
      opacity: 1;
    }

    @media (max-width: 380px) {
      .cv-balance-support-grid {
        grid-template-columns: 1fr;
      }
    }

    .cv-yookassa-status {
      position: relative;
      z-index: 2;
      min-height: 0;
      margin-top: 13px;
      color: rgba(232,236,255,.70);
      font-size: 13px;
      line-height: 1.42;
      text-align: center;
    }

    @keyframes cvBalanceEnter {
      from {
        opacity: 0;
        transform: translateY(16px) scale(.985);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @keyframes cvBalanceShine {
      0%, 62% {
        transform: translateX(-130%);
      }
      100% {
        transform: translateX(130%);
      }
    }

    @keyframes cvBalanceFloat {
      0%, 100% {
        transform: translate3d(0,0,0) scale(1);
      }
      50% {
        transform: translate3d(10px, -12px, 0) scale(1.05);
      }
    }

    @media (max-width: 380px) {
      .cv-balance-premium-card {
        padding: 18px !important;
        border-radius: 28px !important;
      }

      .cv-topup-btn {
        min-height: 72px;
        padding: 12px;
      }

      .cv-topup-btn span {
        font-size: 19px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .cv-balance-premium-card,
      .cv-balance-premium-card:before,
      .cv-balance-orb {
        animation: none !important;
      }
    }



/* CV_TELEGRAM_FULLSCREEN_CSS_20260605 */
html.cv-telegram-expanded,
body.cv-telegram-expanded {
  min-height: 100vh;
  min-height: 100dvh;
  --cv-fullscreen-safe-top-fallback: 104px;
  --cv-fullscreen-safe-top: max(var(--cv-fullscreen-safe-top-fallback), env(safe-area-inset-top));
}

body.cv-telegram-expanded .app {
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: var(--cv-fullscreen-safe-top);
}

body.cv-telegram-expanded #welcomeOverlay {
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: var(--cv-fullscreen-safe-top);
}

body.cv-telegram-expanded #openaiSettingsScreen,
body.cv-telegram-expanded #generationListScreen,
body.cv-telegram-expanded #balanceScreen,
body.cv-telegram-expanded #guideScreen,
body.cv-telegram-expanded #catalogScreen,
body.cv-telegram-expanded #modelScreen,
body.cv-telegram-expanded .cv-channel-studio-screen,
body.cv-telegram-expanded .cv-community-screen,
body.cv-telegram-expanded .admin-screen {
  padding-top: var(--cv-fullscreen-safe-top) !important;
  scroll-padding-top: var(--cv-fullscreen-safe-top) !important;
}

body.cv-telegram-expanded #catalogScreen .section-title {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body.cv-telegram-expanded #catalogScreen #models.grid {
  gap: 10px !important;
}

body.cv-telegram-expanded.cv-task-screen-open #homeHero {
  margin-top: -16px !important;
  padding-bottom: 12px !important;
}

body.cv-telegram-expanded.cv-picker-screen-open .app {
  padding-top: var(--cv-fullscreen-safe-top) !important;
}

body.cv-telegram-expanded.cv-picker-screen-open #homeHero {
  margin-top: -16px !important;
  padding-bottom: 12px !important;
}

body.cv-telegram-expanded.cv-picker-screen-open #catalogScreen {
  padding-top: 0 !important;
  scroll-padding-top: 0 !important;
}

body.cv-telegram-expanded.cv-picker-screen-open #models {
  margin-top: 0 !important;
}

body.cv-telegram-expanded #taskScreen .task-head {
  margin-bottom: 4px !important;
}

body.cv-telegram-expanded #taskScreen .cv-mode-switch-wrap {
  margin-top: 6px !important;
  margin-bottom: 22px !important;
}

body.cv-telegram-expanded #taskGrid.task-grid {
  gap: 14px !important;
  margin-top: 0 !important;
}

body.cv-telegram-expanded #taskGrid .task-card[data-task-id="photo_create_edit"],
body.cv-telegram-expanded #taskGrid .task-card[data-task-id="video_create_edit"] {
  margin-top: 0 !important;
}

body.cv-telegram-expanded.cv-create-edit-block-open .app {
  padding-top: 112px !important;
}

body.cv-telegram-expanded.cv-create-edit-block-open #catalogScreen {
  padding-top: 0 !important;
  scroll-padding-top: 0 !important;
}

body.cv-telegram-expanded.cv-create-edit-block-open #models {
  margin-top: 0 !important;
}

body.cv-telegram-expanded.cv-create-edit-block-open #models > .back-task-row {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

body.cv-telegram-expanded #modelScreen {
  padding-top: 76px !important;
  scroll-padding-top: 76px !important;
}

body.cv-telegram-expanded #modelScreen .model-block-intro {
  margin-top: 12px !important;
}

/* Covers the previous route while a lazily loaded model screen is prepared. */
#cvModelSettingsBackdrop {
  position: fixed;
  inset: 0;
  z-index: 10019;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 8%, rgba(224, 191, 93, .08), transparent 24rem),
    linear-gradient(180deg, #090a09, #070807);
  transition: opacity .16s ease, visibility 0s linear .16s;
}

html.cv-model-module-loading #cvModelSettingsBackdrop,
body.cv-model-settings-open #cvModelSettingsBackdrop {
  visibility: visible;
  opacity: 1;
  transition: opacity .16s ease, visibility 0s;
}