/* SENSIK launch polish FINAL: centered plans, hidden credit UI, compact model badges and clean Advanced header. */
#pricing .snv-container { width: min(calc(100% - 32px), 1280px); margin-inline: auto; }
#pricing .snv-pricing-grid.snv-plan-grid:not(.snv-plan-grid-single) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 244px)) !important;
  width: min(100%, 1024px) !important;
  max-width: 1024px !important;
  margin-inline: auto !important;
  justify-content: center !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}
#pricing .snv-plan-grid:not(.snv-plan-grid-single) > .snv-plan-card { min-width: 0; width: 100%; height: 100%; }
#pricing .snv-pricing-grid.snv-plan-grid.snv-plan-grid-single {
  display: grid !important;
  grid-template-columns: minmax(0, 620px) !important;
  width: min(100%, 620px) !important;
  max-width: 620px !important;
  margin-inline: auto !important;
  justify-content: center !important;
}
#pricing .snv-section, #pricing { scroll-margin-top: 90px; }
@media (max-width: 1120px) {
  #pricing .snv-pricing-grid.snv-plan-grid:not(.snv-plan-grid-single) {
    grid-template-columns: repeat(3, minmax(0, 246px)) !important;
    width: min(100%, 766px) !important; max-width: 766px !important;
  }
}
@media (max-width: 820px) {
  #pricing .snv-pricing-grid.snv-plan-grid:not(.snv-plan-grid-single) {
    grid-template-columns: repeat(2, minmax(0, 246px)) !important;
    width: min(100%, 506px) !important; max-width: 506px !important;
  }
}
@media (max-width: 540px) {
  #pricing .snv-container { width: min(calc(100% - 24px), 440px); }
  #pricing .snv-pricing-grid.snv-plan-grid:not(.snv-plan-grid-single) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important; max-width: 440px !important; gap: 12px !important;
  }
  #pricing .snv-pricing-grid.snv-plan-grid.snv-plan-grid-single { width: 100% !important; }
}

/* Credit balance and per-model generation cost are hidden while the launch offer uses Lifetime + rental access. */
.snv-credit-pill, .cost-badge, #costDisplay, .wallet-credit-badge, [data-credit-balance] { display: none !important; }
#studio-workspace .custom-model-option { align-items: center; }
#studio-workspace .custom-model-option .model-tier-badge {
  flex: 0 0 auto; padding: 4px 7px; border-radius: 999px;
  border: 1px solid rgba(73,245,213,.16); background: rgba(73,245,213,.055);
  color: #70ddce; font: 800 8px/1.2 Inter, sans-serif; letter-spacing: .06em;
}
#studio-workspace .custom-model-empty { padding: 16px 12px; color: #91aaa5; text-align: center; font: 600 11px/1.6 Inter,sans-serif; }

/* Advanced options: semantic header row, reset stays on the left and chevron button stays at the far right. */
#studio-workspace .adv-header-row {
  width: 100%; min-width: 0; display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 12px; margin: 4px 0 10px; padding: 9px 10px 9px 13px;
  border: 1px solid rgba(73,245,213,.15); border-radius: 14px;
  background: linear-gradient(110deg,rgba(14,35,37,.78),rgba(12,20,32,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 22px rgba(0,0,0,.12);
}
#studio-workspace .adv-title-group {
  flex: 1 1 auto; min-width: 0; display: flex !important; align-items: center !important;
  flex-direction: row !important; flex-wrap: wrap; gap: 7px 10px;
}
#studio-workspace .adv-header-title { color: #e0f5f0 !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1.35; }
#studio-workspace .adv-header-subtitle { color: #7c9994; font-size: 10px; line-height: 1.35; }
#studio-workspace .btn-reset-inline {
  appearance: none; border: 1px solid rgba(143,181,179,.19) !important; border-radius: 9px !important;
  padding: 5px 9px !important; color: #9fbab5 !important; background: rgba(255,255,255,.035) !important;
  font: 750 9px/1.2 Inter,sans-serif !important; transition: color .16s,border-color .16s,background .16s;
}
#studio-workspace .btn-reset-inline:hover { color: #eafffa !important; border-color: rgba(73,245,213,.35) !important; background: rgba(73,245,213,.07) !important; }
#studio-workspace .adv-toggle-button {
  appearance: none; padding: 0 !important; margin: 0 !important; flex: 0 0 34px; width: 34px; height: 34px;
  display: grid !important; place-items: center !important; border-radius: 10px !important;
  border: 1px solid rgba(73,245,213,.27) !important; background: rgba(73,245,213,.085) !important;
  color: #62f2da !important; font-size: 11px !important; cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: border-color .18s,box-shadow .18s,background .18s,transform .18s;
}
#studio-workspace .adv-toggle-button:hover, #studio-workspace .adv-toggle-button:focus-visible {
  outline: none !important; border-color: rgba(73,245,213,.58) !important;
  box-shadow: 0 0 0 3px rgba(73,245,213,.07),0 0 19px rgba(73,245,213,.09);
}
#studio-workspace .adv-toggle-button #advIcon { display: contents !important; color: inherit !important; }
#studio-workspace .adv-toggle-button i { transition: transform .18s ease; }
#studio-workspace .adv-toggle-button[aria-expanded="true"] { background: rgba(73,245,213,.14) !important; box-shadow: 0 0 18px rgba(73,245,213,.075); }
#studio-workspace #advPanel { margin-top: 0 !important; }
#studio-workspace .adv-panel:not(.open) { display: none !important; }
#studio-workspace .adv-panel.open { display: flex; flex-direction: column; gap: 12px; }
#studio-workspace .adv-section-label { display:flex; align-items:center; gap:8px; color:#64e8d4; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
#studio-workspace .adv-section-label::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,rgba(73,245,213,.2),transparent); }
@media (max-width: 540px) {
  #studio-workspace .adv-header-row { min-height: 48px; padding: 7px 8px 7px 10px; gap: 7px; }
  #studio-workspace .adv-title-group { gap: 6px 7px; }
  #studio-workspace .adv-header-title { font-size: 11px !important; }
  #studio-workspace .adv-header-subtitle { display: none; }
  #studio-workspace .adv-toggle-button { width: 32px; height: 32px; flex-basis: 32px; }
}


/* =====================================================================
   SENSIK STUDIO CONTROL RECOVERY
   Kept in the existing last-loaded stylesheet to avoid a missing new CSS
   asset. This section fixes Style/Voice chips and the Generate dock.
   ===================================================================== */
#studio-workspace .choice-grid {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}
#studio-workspace .choice-grid > .choice {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 33px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(142, 193, 194, .22) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(18, 35, 41, .98), rgba(8, 18, 23, .98)) !important;
  color: #acc3ca !important;
  font: 750 10px/1.25 Inter, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  cursor: pointer !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
#studio-workspace .choice-grid > .choice:hover {
  color: #effffb !important;
  border-color: rgba(73,245,213,.42) !important;
  background: rgba(73,245,213,.09) !important;
  transform: translateY(-1px);
}
#studio-workspace .choice-grid > .choice.active,
#studio-workspace .choice-grid > .choice[aria-pressed="true"] {
  color: #e9fffb !important;
  border-color: rgba(73,245,213,.64) !important;
  background: linear-gradient(135deg, rgba(43,203,186,.22), rgba(71,123,255,.16)) !important;
  box-shadow: 0 0 0 1px rgba(73,245,213,.07), 0 0 16px rgba(73,245,213,.08), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#studio-workspace .choice-grid > .choice:focus-visible,
#studio-workspace .pill-group > .pill:focus-visible {
  outline: 2px solid rgba(73,245,213,.85) !important;
  outline-offset: 2px !important;
}
#studio-workspace .pill-group {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 0 !important;
}
#studio-workspace .pill-group > .pill {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 33px !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(142,193,194,.22) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(18,35,41,.98), rgba(8,18,23,.98)) !important;
  color: #acc3ca !important;
  font: 750 10px/1.25 Inter, sans-serif !important;
  text-align: center !important;
  white-space: nowrap !important;
  user-select: none !important;
  cursor: pointer !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
#studio-workspace .pill-group > .pill:hover {
  color: #effffb !important;
  border-color: rgba(73,245,213,.42) !important;
  background: rgba(73,245,213,.08) !important;
}
#studio-workspace .pill-group > .pill.active {
  color: #042622 !important;
  border-color: rgba(117,255,233,.7) !important;
  background: linear-gradient(110deg, #61f7d9 0%, #35e3c8 55%, #22c8c2 100%) !important;
  box-shadow: 0 4px 16px rgba(41,226,198,.13), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Keep controls scrollable and Generate dock in its own footer row. */
#studio-workspace .control-console {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  height: min(860px, calc(100vh - 110px)) !important;
  max-height: min(860px, calc(100vh - 110px)) !important;
  min-height: min(520px, calc(100vh - 72px)) !important;
  overflow: hidden !important;
}
#studio-workspace .control-console > .master-tabs-container {
  flex: 0 0 auto !important;
}
#studio-workspace .control-console > #mainFormContainer:not([style*="display: none"]) {
  display: flex !important;
  flex: 1 1 0% !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 4px !important;
  padding-bottom: 14px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(73,245,213,.35) rgba(255,255,255,.025) !important;
}
#studio-workspace .control-console > #mainFormContainer::-webkit-scrollbar { width: 5px; }
#studio-workspace .control-console > #mainFormContainer::-webkit-scrollbar-thumb { background: rgba(73,245,213,.32); border-radius: 9px; }
#studio-workspace .control-console > #mainFormContainer[style*="display: none"] + .action-row { display: none !important; }
#studio-workspace .control-console > .action-row,
#studio-workspace .control-console > #studioActionRow {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 8px 0 0 !important;
  padding: 9px !important;
  border: 1px solid rgba(163,255,239,.16) !important;
  border-radius: 15px !important;
  background: linear-gradient(160deg, rgba(9,23,25,.99), rgba(5,13,16,.99)) !important;
  box-shadow: 0 -5px 22px rgba(0,0,0,.18), 0 0 18px rgba(73,245,213,.035) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#studio-workspace .control-console > .action-row #btnGenerate,
#studio-workspace .control-console > #studioActionRow #btnGenerate {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 46px !important;
}
#studio-workspace .control-console > .action-row .thinking-pill-btn,
#studio-workspace .control-console > #studioActionRow .thinking-pill-btn { flex: 0 0 auto !important; }
#studio-workspace .control-console > .action-row .btn-dice-inspire,
#studio-workspace .control-console > #studioActionRow .btn-dice-inspire { flex: 0 0 44px !important; min-width: 44px !important; min-height: 44px !important; }
@media (max-width: 992px) {
  #studio-workspace .control-console {
    height: min(800px, calc(100vh - 104px)) !important;
    max-height: min(800px, calc(100vh - 104px)) !important;
    min-height: min(480px, calc(100vh - 80px)) !important;
  }
}
@media (max-width: 600px) {
  #studio-workspace .control-console {
    height: min(76dvh, 740px) !important;
    max-height: min(76dvh, 740px) !important;
    min-height: min(410px, 76dvh) !important;
    padding: 12px !important;
    border-radius: 19px !important;
  }
  #studio-workspace .choice-grid { gap: 6px !important; }
  #studio-workspace .choice-grid > .choice,
  #studio-workspace .pill-group > .pill { min-height: 32px !important; padding: 6px 9px !important; font-size: 10px !important; }
  #studio-workspace .control-console > .action-row,
  #studio-workspace .control-console > #studioActionRow { gap: 7px !important; padding: 8px !important; }
  #studio-workspace .control-console > .action-row #btnGenerate,
  #studio-workspace .control-console > #studioActionRow #btnGenerate { min-height: 44px !important; font-size: 10px !important; }
  #studio-workspace .control-console > .action-row .thinking-pill-btn,
  #studio-workspace .control-console > #studioActionRow .thinking-pill-btn { padding: 8px !important; font-size: 10px !important; }
  #studio-workspace .control-console > .action-row .btn-dice-inspire,
  #studio-workspace .control-console > #studioActionRow .btn-dice-inspire { flex-basis: 40px !important; min-width: 40px !important; min-height: 40px !important; }
}
/* Advanced controls visual repair: consistent dark/teal controls, no browser-default grey buttons. */
#studio-workspace #advPanel {
  gap: 10px !important;
  padding: 0 1px 8px !important;
  color: #d9e9e8;
}
#studio-workspace #advPanel .ace-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 11px;
  width: 100%;
  min-width: 0;
  padding: 13px 14px !important;
  margin: 0 !important;
  border: 1px solid rgba(119, 159, 177, .18) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(14, 25, 35, .92), rgba(8, 15, 23, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 22px rgba(0,0,0,.12);
}
#studio-workspace #advPanel .ace-row:focus-within {
  border-color: rgba(73,245,213,.42) !important;
  box-shadow: 0 0 0 3px rgba(73,245,213,.045), inset 0 1px 0 rgba(255,255,255,.025);
}
#studio-workspace #advPanel .ace-row.horizontal {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
#studio-workspace #advPanel .ace-row-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 9px 12px;
  width: 100%;
  min-width: 0;
}
#studio-workspace #advPanel .title-wrap {
  min-width: 0;
  color: #dce9ee !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}
#studio-workspace #advPanel .title-wrap small {
  color: #748999 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
#studio-workspace #advPanel .title-wrap i {
  color: #63e8d6 !important;
  margin-right: 4px;
}
#studio-workspace #advPanel .value-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap;
  gap: 6px !important;
  min-width: 0;
  margin-left: auto;
}
#studio-workspace #advPanel .value-wrap .val,
#studio-workspace #advPanel .ace-row-header > .val {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  min-height: 29px;
  padding: 5px 9px !important;
  border: 1px solid rgba(73,245,213,.2) !important;
  border-radius: 9px !important;
  background: rgba(73,245,213,.07) !important;
  color: #a9fff0 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums;
}
#studio-workspace #advPanel button.btn-step-ctrl,
#studio-workspace #advPanel button.btn-clear-sm,
#studio-workspace #advPanel button.btn-reset-inline {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  min-width: 34px !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(107, 151, 171, .28) !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, rgba(27, 43, 57, .96), rgba(15, 27, 40, .96)) !important;
  color: #c5d9e7 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 6px rgba(0,0,0,.12) !important;
  font: 800 10px/1.1 Inter, system-ui, sans-serif !important;
  letter-spacing: .01em;
  text-shadow: none !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}
#studio-workspace #advPanel button.btn-step-ctrl {
  width: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
#studio-workspace #advPanel button.btn-clear-sm,
#studio-workspace #advPanel button.btn-reset-inline {
  min-width: auto !important;
  background: rgba(73,245,213,.055) !important;
  border-color: rgba(73,245,213,.19) !important;
  color: #7ee8dc !important;
  padding: 7px 10px !important;
}
#studio-workspace #advPanel button.btn-step-ctrl:hover,
#studio-workspace #advPanel button.btn-clear-sm:hover,
#studio-workspace #advPanel button.btn-reset-inline:hover {
  transform: translateY(-1px);
  border-color: rgba(73,245,213,.52) !important;
  background: linear-gradient(135deg, rgba(73,245,213,.16), rgba(43,163,191,.12)) !important;
  color: #d9fff8 !important;
  box-shadow: 0 0 0 3px rgba(73,245,213,.055), 0 5px 14px rgba(0,0,0,.16) !important;
}
#studio-workspace #advPanel button.btn-step-ctrl:active,
#studio-workspace #advPanel button.btn-clear-sm:active { transform: translateY(0); }
#studio-workspace #advPanel .modern-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 35px !important;
  padding: 7px 30px 7px 11px !important;
  border: 1px solid rgba(110, 157, 176, .26) !important;
  border-radius: 10px !important;
  background-color: #0b1721 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237de8d9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  color: #e2f3f7 !important;
  font: 750 11px/1.2 Inter, system-ui, sans-serif !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
#studio-workspace #advPanel .modern-select:focus {
  outline: none !important;
  border-color: rgba(73,245,213,.55) !important;
  box-shadow: 0 0 0 3px rgba(73,245,213,.08) !important;
}
#studio-workspace #advPanel .modern-select option {
  background: #0b1721 !important;
  color: #e2f3f7 !important;
}
#studio-workspace #advPanel .slider-track-wrap {
  display: grid !important;
  grid-template-columns: auto minmax(80px, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100%;
  min-width: 0;
}
#studio-workspace #advPanel .limit-text {
  color: #7994a4 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}
#studio-workspace #advPanel input[type="range"].custom-range {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  accent-color: #4be8d1 !important;
  cursor: pointer;
}
#studio-workspace #advPanel input[type="range"].custom-range::-webkit-slider-runnable-track {
  height: 5px; border-radius: 99px;
  background: linear-gradient(90deg, #38d9c6, #315a78);
  border: 1px solid rgba(151,226,231,.12);
}
#studio-workspace #advPanel input[type="range"].custom-range::-moz-range-track {
  height: 5px; border-radius: 99px;
  background: linear-gradient(90deg, #38d9c6, #315a78);
  border: 1px solid rgba(151,226,231,.12);
}
#studio-workspace #advPanel input[type="range"].custom-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 15px; height: 15px; margin-top: -6px; border-radius: 50%;
  background: linear-gradient(140deg, #a4fff0, #36d7cb);
  border: 2px solid #09232a; box-shadow: 0 0 0 3px rgba(73,245,213,.12), 0 0 12px rgba(73,245,213,.25);
}
#studio-workspace #advPanel input[type="range"].custom-range::-moz-range-thumb {
  width: 12px; height: 12px; border-radius: 50%;
  background: linear-gradient(140deg, #a4fff0, #36d7cb);
  border: 2px solid #09232a; box-shadow: 0 0 0 3px rgba(73,245,213,.12), 0 0 12px rgba(73,245,213,.25);
}
#studio-workspace #advPanel #advNegative {
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(110,157,176,.22) !important;
  border-radius: 11px !important;
  background: rgba(4,12,18,.78) !important;
  color: #e4f5f2 !important;
  font: 500 11px/1.5 Inter, system-ui, sans-serif !important;
  outline: none !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.15) !important;
}
#studio-workspace #advPanel #advNegative::placeholder { color: #657c8c !important; }
#studio-workspace #advPanel #advNegative:focus { border-color: rgba(73,245,213,.5) !important; box-shadow: 0 0 0 3px rgba(73,245,213,.07) !important; }
#studio-workspace #advPanel .file-upload-box {
  border: 1px dashed rgba(73,245,213,.28) !important;
  border-radius: 13px !important;
  background: linear-gradient(120deg, rgba(73,245,213,.045), rgba(51,125,166,.035)) !important;
}
#studio-workspace #advPanel .file-upload-box:hover { border-color: rgba(73,245,213,.58) !important; }
#studio-workspace #advPanel .file-upload-box p { color: #cde7e3 !important; }
@media (max-width: 540px) {
  #studio-workspace #advPanel .ace-row { padding: 11px !important; gap: 9px; }
  #studio-workspace #advPanel .ace-row.horizontal { align-items: flex-start !important; flex-wrap: wrap; }
  #studio-workspace #advPanel .ace-row.horizontal .value-wrap { width: 100%; justify-content: flex-start !important; margin-left: 0; }
  #studio-workspace #advPanel .ace-row-header { align-items: flex-start !important; }
  #studio-workspace #advPanel .value-wrap { gap: 5px !important; }
  #studio-workspace #advPanel .slider-track-wrap { grid-template-columns: auto minmax(50px, 1fr) auto !important; gap: 6px !important; }
  #studio-workspace #advPanel .limit-text { font-size: 9px !important; }
  #studio-workspace #advPanel .title-wrap { font-size: 11px !important; }
}


/* SENSIK AI — precise Cover controls, focus mode and pricing navigation polish. */
#studio-workspace .reference-melody-options {
  display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 9px !important; width: 100%; min-width: 0; margin: 0 !important;
}
#studio-workspace .reference-melody-options > .adherence-card {
  appearance: none !important; -webkit-appearance: none !important; position: relative !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  justify-content: center !important; gap: 6px !important; min-width: 0 !important; min-height: 76px !important;
  margin: 0 !important; padding: 13px 14px !important; border-radius: 14px !important;
  border: 1px solid rgba(143,181,197,.20) !important;
  background: linear-gradient(145deg, rgba(15,28,39,.92), rgba(7,15,24,.96)) !important;
  color: #b7c8d9 !important; text-align: left !important; cursor: pointer !important;
  pointer-events: auto !important; user-select: none !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
#studio-workspace .reference-melody-options > .adherence-card:hover {
  border-color: rgba(73,245,213,.46) !important; background: linear-gradient(145deg,rgba(17,43,46,.96),rgba(8,19,28,.98)) !important;
  transform: translateY(-1px) !important;
}
#studio-workspace .reference-melody-options > .adherence-card.active,
#studio-workspace .reference-melody-options > .adherence-card[aria-pressed="true"] {
  color: #eafffa !important; border-color: rgba(73,245,213,.72) !important;
  background: linear-gradient(135deg, rgba(39,192,174,.19), rgba(63,111,190,.13)) !important;
  box-shadow: 0 0 0 1px rgba(73,245,213,.08), 0 0 20px rgba(73,245,213,.075), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
#studio-workspace .adherence-card-heading { display:flex; align-items:center; gap:7px; color:inherit !important; font:800 12px/1.3 Inter,sans-serif; }
#studio-workspace .adherence-card-heading i { color:#5aecd6; font-size:14px; }
#studio-workspace .adherence-card small { display:block; color:#8da4b2 !important; font:500 10px/1.45 Inter,sans-serif !important; }
#studio-workspace .adherence-card:focus-visible { outline:2px solid rgba(73,245,213,.8) !important; outline-offset:2px !important; }

/* The focus/fullscreen control lives beside Standard/Premium tabs and is desktop-only. */
#studio-workspace .studio-focus-toggle {
  appearance:none !important; -webkit-appearance:none !important; flex:0 0 auto !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
  min-width:76px !important; min-height:42px !important; padding:8px 11px !important; margin:0 !important;
  border:1px solid rgba(73,245,213,.23) !important; border-radius:11px !important;
  background:linear-gradient(135deg,rgba(73,245,213,.08),rgba(88,114,210,.10)) !important;
  color:#b7dcd8 !important; font:800 10px/1 Inter,sans-serif !important; white-space:nowrap !important;
  cursor:pointer !important; transition:all .18s ease !important;
}
#studio-workspace .studio-focus-toggle:hover,
#studio-workspace .studio-focus-toggle:focus-visible { color:#f0fffc !important; border-color:rgba(73,245,213,.55) !important; box-shadow:0 0 0 3px rgba(73,245,213,.07),0 0 20px rgba(73,245,213,.09) !important; outline:none !important; }
#studio-workspace .studio-focus-toggle.is-active { background:linear-gradient(110deg,#61f7d9,#38d8ce 60%,#6cb6ef) !important; color:#052723 !important; border-color:transparent !important; box-shadow:0 8px 24px rgba(44,219,203,.18) !important; }
#studio-workspace .studio-focus-toggle i { font-size:13px; }
#studio-workspace .master-tabs-container { align-items:stretch !important; }
@media (max-width: 991px) { #studio-workspace .studio-focus-toggle { display:none !important; } }

/* Fullscreen studio: keep the left form and right library inside one clean viewport. */
#studio-workspace:fullscreen,
#studio-workspace.studio-focus-fallback {
  position:fixed !important; inset:0 !important; z-index:100000 !important;
  width:100vw !important; height:100vh !important; height:100dvh !important;
  max-height:100vh !important; max-height:100dvh !important; margin:0 !important;
  padding:12px 16px 14px !important; overflow:hidden !important; box-sizing:border-box !important;
  display:flex !important; flex-direction:column !important; gap:10px !important;
  background:radial-gradient(ellipse at 4% 0%,rgba(39,198,176,.12),transparent 34%),#05090d !important;
  color:#edf9f7 !important;
}
#studio-workspace:fullscreen > .snv-container,
#studio-workspace.studio-focus-fallback > .snv-container {
  flex:0 0 auto !important; width:100% !important; max-width:none !important; margin:0 auto 2px !important;
}
#studio-workspace:fullscreen > .snv-container h2,
#studio-workspace.studio-focus-fallback > .snv-container h2 { font-size:clamp(19px,2vw,25px) !important; margin:3px 0 0 !important; }
#studio-workspace:fullscreen > .snv-container p,
#studio-workspace.studio-focus-fallback > .snv-container p { display:none !important; }
#studio-workspace:fullscreen .generator-layout,
#studio-workspace.studio-focus-fallback .generator-layout {
  flex:1 1 auto !important; min-height:0 !important; height:calc(100dvh - 76px) !important;
  max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important;
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr) !important; gap:13px !important; align-items:stretch !important;
}
#studio-workspace:fullscreen .control-console,
#studio-workspace.studio-focus-fallback .control-console,
#studio-workspace:fullscreen .music-panel,
#studio-workspace.studio-focus-fallback .music-panel {
  height:100% !important; max-height:100% !important; min-height:0 !important; min-width:0 !important; overflow:hidden !important;
}
#studio-workspace:fullscreen .control-console,
#studio-workspace.studio-focus-fallback .control-console { padding:13px !important; }
#studio-workspace:fullscreen .music-panel,
#studio-workspace.studio-focus-fallback .music-panel { display:flex !important; flex-direction:column !important; }
#studio-workspace:fullscreen .music-feed,
#studio-workspace.studio-focus-fallback .music-feed { flex:1 1 auto !important; min-height:0 !important; max-height:none !important; overflow-y:auto !important; }
#studio-workspace:fullscreen .studio-focus-toggle,
#studio-workspace.studio-focus-fallback .studio-focus-toggle { min-width:82px !important; }
#pricing.sensik-pricing-focus { animation:sensikPricingGlow 1.6s ease-out 1; }
@keyframes sensikPricingGlow { 0% { box-shadow:0 0 0 0 rgba(73,245,213,0); } 22% { box-shadow:0 0 0 3px rgba(73,245,213,.23),0 0 34px rgba(73,245,213,.13); } 100% { box-shadow:0 0 0 0 rgba(73,245,213,0); } }
@media (max-width: 991px) {
  #studio-workspace:fullscreen .generator-layout,
  #studio-workspace.studio-focus-fallback .generator-layout { grid-template-columns:minmax(0,1fr) !important; overflow-y:auto !important; }
}

/* SENSIK PATCH — align studio panels and prevent coverflow cards from being clipped.
   Add-only override. Keep all existing styles above this block intact. */
@media (min-width: 1051px) {
  #studio-workspace .generator-layout {
    align-items: stretch !important;
  }

  #studio-workspace .control-console,
  #studio-workspace .music-panel {
    height: min(860px, calc(100vh - 110px)) !important;
    max-height: min(860px, calc(100vh - 110px)) !important;
    min-height: min(520px, calc(100vh - 72px)) !important;
    box-sizing: border-box !important;
  }

  #studio-workspace .music-panel {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  #studio-workspace .music-panel > .music-header {
    flex: 0 0 auto !important;
  }

  #studio-workspace .music-panel > .hero-player-area {
    flex: 0 0 450px !important;
    width: 100% !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    box-sizing: border-box !important;
    padding: 8px 16px 12px !important;
    gap: 6px !important;
    overflow: hidden !important;
  }

  #studio-workspace .music-panel .cf-carousel {
    flex: 0 0 260px !important;
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    margin-inline: auto !important;
    overflow: hidden !important;
  }

  #studio-workspace .music-panel .hero-controls-area {
    flex: 0 0 auto !important;
    width: min(100%, 470px) !important;
  }

  #studio-workspace .music-panel > .music-feed {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(73,245,213,.3) rgba(255,255,255,.025) !important;
  }

  #studio-workspace .music-panel > .music-feed::-webkit-scrollbar { width: 5px; }
  #studio-workspace .music-panel > .music-feed::-webkit-scrollbar-thumb {
    background: rgba(73,245,213,.3);
    border-radius: 9px;
  }

  #studio-workspace .music-panel > #musicPagination {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }
}


/* SENSIK AUDIO LIST FOUR ROWS PATCH START
   Additive-only patch: desktop library shows four complete tracks, not two.
   Does not modify the generator form, player logic, payment, or worker code.
*/
@media (min-width: 1051px) {
  #studio-workspace .generator-layout {
    align-items: stretch !important;
  }

  #studio-workspace .music-panel {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: min(800px, calc(100dvh - 42px)) !important;
    min-height: 680px !important;
    max-height: 860px !important;
    overflow: hidden !important;
  }

  #studio-workspace .music-panel > .music-header {
    flex: 0 0 auto !important;
  }

  #studio-workspace .music-panel > .hero-player-area {
    box-sizing: border-box !important;
    flex: 1 1 310px !important;
    min-height: 310px !important;
    padding: 10px 14px !important;
    gap: 6px !important;
  }

  #studio-workspace .music-panel .cf-carousel {
    flex: 0 0 170px !important;
    height: 170px !important;
  }

  #studio-workspace .music-panel .cf-card {
    width: clamp(126px, 12vw, 170px) !important;
    height: clamp(140px, 12vw, 170px) !important;
    border-radius: 15px !important;
  }

  #studio-workspace .music-panel .hero-title {
    margin: 0 0 4px !important;
    font-size: 15px !important;
  }

  #studio-workspace .music-panel .hero-tags {
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  #studio-workspace .music-panel .hero-progress-bar {
    margin: 5px 0 !important;
  }

  #studio-workspace .music-panel .hero-buttons {
    gap: 12px !important;
  }

  #studio-workspace .music-panel .h-play-btn {
    width: 38px !important;
    height: 38px !important;
    font-size: 15px !important;
  }

  #studio-workspace .music-panel > .music-feed {
    box-sizing: border-box !important;
    flex: 0 0 304px !important;
    height: 304px !important;
    min-height: 0 !important;
    max-height: 304px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
  }

  #studio-workspace .music-panel .list-item {
    grid-template-columns: 54px minmax(0, 1fr) 0 104px !important;
    grid-template-areas: "thumb info equalizer actions" !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    margin: 0 0 6px !important;
    min-height: 0 !important;
  }

  #studio-workspace .music-panel .li-thumb-play {
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
  }

  #studio-workspace .music-panel .li-icon-btn {
    width: 29px !important;
    height: 29px !important;
  }

  #studio-workspace .music-panel .li-actions-right {
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  #studio-workspace .music-panel > .music-pagination {
    flex: 0 0 auto !important;
  }

  /* Keep the empty-library state spacious when there is no selected history. */
  #studio-workspace .music-panel > #heroPlayerArea[style*="display:none"] + .music-feed {
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
  }
}
/* SENSIK AUDIO LIST FOUR ROWS PATCH END */


/* Current plan clarity: surface active Lifetime/rental status and prevent repeat checkout visually. */
.snv-plan-current-access {
  display:flex; align-items:center; justify-content:center; gap:9px 12px; flex-wrap:wrap;
  max-width:1024px; margin:18px auto 18px; padding:12px 15px;
  border:1px solid rgba(73,245,213,.28); border-radius:15px;
  background:linear-gradient(110deg,rgba(73,245,213,.10),rgba(91,173,255,.045));
  color:#a9c8c2; font-size:11px; line-height:1.65; text-align:center;
}
.snv-plan-current-access-pill {
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap; padding:6px 9px;
  border:1px solid rgba(73,245,213,.28); border-radius:999px; background:rgba(73,245,213,.10);
  color:#66f3d8; font-size:9px; font-weight:900; letter-spacing:.045em;
}
.snv-plan-current-access-detail strong { color:#eafffa; font-weight:850; }
.snv-plan-card-active, .snv-plan-card-active:hover, .snv-plan-card-active:focus-visible {
  border-color:rgba(73,245,213,.82) !important;
  background:radial-gradient(ellipse at 50% 0,rgba(73,245,213,.15),transparent 63%),linear-gradient(150deg,rgba(13,41,39,.99),rgba(6,16,17,.99)) !important;
  box-shadow:0 0 0 1px rgba(73,245,213,.20),0 13px 34px rgba(0,0,0,.24),0 0 32px rgba(73,245,213,.07) !important;
  cursor:default !important; opacity:1 !important; transform:none !important;
}
.snv-plan-current-ribbon {
  display:inline-flex; align-items:center; gap:5px; max-width:100%; padding:6px 8px;
  border-radius:999px; border:1px solid rgba(73,245,213,.34); background:rgba(73,245,213,.14);
  color:#6bf5dc; font-size:8px; font-weight:950; letter-spacing:.055em; line-height:1.3;
}
.snv-plan-card-active .snv-plan-cta-active {
  color:#032421 !important; background:linear-gradient(110deg,#5bf3d8,#28bfc4) !important;
  border-color:transparent !important; cursor:default;
}


/* Persistent in-studio focus mode and package checkout quick access. */
#studio-workspace .studio-plan-toggle {
  appearance:none !important; -webkit-appearance:none !important; flex:0 0 auto !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
  min-width:92px !important; min-height:42px !important; padding:8px 11px !important; margin:0 !important;
  border:1px solid rgba(73,245,213,.34) !important; border-radius:11px !important;
  color:#061d1c !important; background:linear-gradient(115deg,#72f6dc,#40d8d2 66%,#8ed5ff) !important;
  box-shadow:0 7px 22px rgba(42,219,197,.14) !important; font:850 10px/1 Inter,sans-serif !important;
  white-space:nowrap !important; cursor:pointer !important; transition:filter .18s ease,transform .18s ease !important;
}
#studio-workspace .studio-plan-toggle:hover,
#studio-workspace .studio-plan-toggle:focus-visible { filter:brightness(1.08) !important; transform:translateY(-1px) !important; outline:2px solid rgba(73,245,213,.42) !important; outline-offset:2px !important; }
#studio-workspace .studio-plan-toggle i { font-size:13px !important; }
#studio-workspace .studio-plan-toggle.is-expired { color:#291a02 !important; border-color:rgba(255,198,89,.72) !important; background:linear-gradient(115deg,#ffd77e,#ffb64a 66%,#f7de8b) !important; box-shadow:0 7px 22px rgba(255,177,64,.12) !important; }
#studio-workspace.studio-focus-fallback .studio-plan-toggle { min-height:38px !important; }
#studio-workspace.studio-focus-fallback .master-tabs-container { gap:6px !important; }
body.sensik-studio-focus-active .swal2-container { z-index:100120 !important; }
body.sensik-studio-focus-active #instantPassModal.open,
body.sensik-studio-focus-active .snv-modal-backdrop.open { z-index:100130 !important; }
.sensik-studio-plan-popup { border:1px solid rgba(73,245,213,.22) !important; border-radius:22px !important; box-shadow:0 24px 90px rgba(0,0,0,.62),0 0 36px rgba(73,245,213,.08) !important; }
.sensik-studio-plan-popup .swal2-title { font-size:clamp(22px,3vw,29px) !important; font-weight:900 !important; letter-spacing:-.04em !important; }
.sensik-studio-plan-popup .swal2-html-container { margin:0 !important; padding:0 4px 5px !important; overflow:visible !important; }
.sensik-studio-plan-picker { text-align:left; }
.sensik-studio-plan-intro { margin:0 auto 16px !important; max-width:540px; color:#9eb8b7 !important; font:500 12px/1.65 Inter,sans-serif !important; text-align:center !important; }
.sensik-studio-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sensik-studio-plan-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:7px; width:100%; min-width:0; padding:16px 15px 13px; overflow:hidden; text-align:left; border:1px solid rgba(146,184,202,.18); border-radius:15px; background:linear-gradient(145deg,rgba(17,33,44,.98),rgba(8,18,26,.99)); color:#eaf8f7; cursor:pointer; transition:border-color .18s ease,transform .18s ease,background .18s ease; }
.sensik-studio-plan-card:hover,.sensik-studio-plan-card:focus-visible { border-color:rgba(73,245,213,.62); background:linear-gradient(145deg,rgba(18,50,54,.98),rgba(8,22,30,.99)); transform:translateY(-1px); outline:none; }
.sensik-studio-plan-card.is-featured { border-color:rgba(73,245,213,.42); background:radial-gradient(ellipse at 100% 0,rgba(73,245,213,.12),transparent 55%),linear-gradient(145deg,rgba(17,40,48,.98),rgba(8,18,26,.99)); }
.sensik-studio-plan-ribbon { position:absolute; top:0; right:0; padding:5px 8px; border-radius:0 0 0 10px; color:#032421; background:#61f0d7; font:900 8px/1 Inter,sans-serif; letter-spacing:.08em; }
.sensik-studio-plan-name { display:block; padding-right:38px; color:#effffb; font:800 12px/1.45 Inter,sans-serif; }
.sensik-studio-plan-price { color:#61f0d7; font:900 clamp(19px,2.4vw,24px)/1.2 Inter,sans-serif; letter-spacing:-.04em; }
.sensik-studio-plan-detail { color:#91aaa9; font:600 10px/1.5 Inter,sans-serif; }
.sensik-studio-plan-cta { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; margin-top:5px; padding-top:10px; border-top:1px solid rgba(145,184,192,.13); color:#dffff7; font:800 10px/1.3 Inter,sans-serif; }
.sensik-studio-plan-note { margin:14px auto 0 !important; color:#819a9b !important; font:500 10px/1.65 Inter,sans-serif !important; text-align:center !important; }
.sensik-studio-plan-note i { color:#61f0d7; margin-right:4px; }
@media (max-width:600px) {
  .sensik-studio-plan-grid { grid-template-columns:minmax(0,1fr); max-height:min(58dvh,540px); overflow-y:auto; padding:2px 3px 6px; }
  .sensik-studio-plan-card { padding:13px; }
  .sensik-studio-plan-popup { width:calc(100% - 20px) !important; padding:16px 12px !important; }
  #studio-workspace .studio-plan-toggle { min-width:40px !important; width:40px !important; padding:8px !important; }
  #studio-workspace .studio-plan-toggle span { display:none !important; }
}