/* SENSIK PRO Premium preview: UI-only Coming Soon flow. */
#studio-workspace #snvPremiumFamilySwitch[hidden],
#studio-workspace #snvProComingSoonPanel[hidden],
#studio-workspace #snvPremiumV1Tools[hidden] { display: none !important; }

#studio-workspace .snv-premium-family-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 2px 0 13px;
  min-width: 0;
  flex: 0 0 auto;
}
#studio-workspace .snv-premium-family-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 76px;
  padding: 12px;
  border: 1px solid rgba(144, 174, 202, .17);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(14, 26, 39, .96), rgba(8, 15, 27, .98));
  color: #dce9f5;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
#studio-workspace .snv-premium-family-card:hover { border-color: rgba(101, 231, 213, .43); }
#studio-workspace .snv-premium-family-card.active {
  border-color: rgba(89, 239, 215, .55);
  background: linear-gradient(135deg, rgba(19, 65, 66, .86), rgba(22, 31, 55, .95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.16);
}
#studio-workspace .snv-premium-family-card.pro {
  border-color: rgba(163, 137, 255, .28);
  background: linear-gradient(130deg, rgba(29, 26, 55, .94), rgba(13, 24, 39, .98));
}
#studio-workspace .snv-premium-family-card.pro.active {
  border-color: rgba(184, 159, 255, .64);
  background: linear-gradient(130deg, rgba(60, 43, 100, .62), rgba(17, 48, 61, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 10px 28px rgba(56,37,110,.20);
}
#studio-workspace .snv-premium-family-icon {
  display: grid;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  place-items: center;
  border: 1px solid rgba(94, 236, 214, .22);
  border-radius: 11px;
  background: rgba(81, 223, 202, .10);
  color: #73f3dc;
  font-size: 17px;
}
#studio-workspace .snv-premium-family-card.pro .snv-premium-family-icon {
  border-color: rgba(180, 153, 255, .25);
  background: rgba(157, 129, 255, .12);
  color: #c1adff;
}
#studio-workspace .snv-premium-family-copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 4px; min-width: 0; }
#studio-workspace .snv-premium-family-copy strong { color: #edf8ff; font-size: 11px; font-weight: 900; line-height: 1.35; }
#studio-workspace .snv-premium-family-copy small { color: #8fa7b9; font-size: 9px; font-weight: 650; line-height: 1.35; }
#studio-workspace .snv-premium-family-status {
  align-self: flex-start;
  flex: 0 0 auto;
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .055em;
  white-space: nowrap;
}
#studio-workspace .snv-premium-family-status.available { border: 1px solid rgba(87, 235, 209, .2); background: rgba(61, 220, 193, .09); color: #7cf2db; }
#studio-workspace .snv-premium-family-status.soon { border: 1px solid rgba(181, 154, 255, .22); background: rgba(162, 133, 255, .10); color: #c7b6ff; }

#studio-workspace .snv-premium-v1-tools { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
#studio-workspace .snv-pro-coming-soon-panel {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  min-width: 0;
  margin: 2px 0 10px;
  padding: clamp(15px, 2.5vw, 22px);
  border: 1px solid rgba(171, 148, 255, .28);
  border-radius: 18px;
  background: radial-gradient(ellipse at 90% 0%, rgba(112, 88, 208, .22), transparent 48%), radial-gradient(ellipse at 0% 100%, rgba(49, 210, 186, .11), transparent 50%), linear-gradient(145deg, rgba(17, 28, 46, .98), rgba(10, 16, 29, .99) 66%, rgba(22, 19, 42, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 15px 35px rgba(0,0,0,.16);
}
#studio-workspace .snv-pro-coming-soon-panel::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -100px;
  top: 70px;
  border: 1px solid rgba(174, 151, 255, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(174,151,255,.025), 0 0 0 38px rgba(174,151,255,.02);
  pointer-events: none;
}
#studio-workspace .snv-pro-coming-soon-topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
#studio-workspace .snv-pro-coming-soon-icon { display:grid; width:43px; height:43px; place-items:center; border:1px solid rgba(173,151,255,.28); border-radius:14px; background:linear-gradient(135deg,rgba(92,234,213,.13),rgba(157,126,255,.16)); color:#c7b6ff; font-size:20px; }
#studio-workspace .snv-pro-coming-soon-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid rgba(180,157,255,.25); border-radius:999px; background:rgba(153,127,255,.09); color:#c6b5ff; font-size:8px; font-weight:950; letter-spacing:.08em; white-space:nowrap; }
#studio-workspace .snv-pro-coming-soon-pill span { width:6px; height:6px; border-radius:50%; background:#b7a1ff; box-shadow:0 0 10px rgba(183,161,255,.65); }
#studio-workspace .snv-pro-coming-soon-panel h3 { position:relative; z-index:1; margin:0 0 7px; color:#f0f3ff; font-size:clamp(19px,2vw,24px); font-weight:950; letter-spacing:-.035em; }
#studio-workspace .snv-pro-coming-soon-lead { position:relative; z-index:1; max-width:620px; margin:0 0 17px; color:#a9bbcd; font-size:11px; line-height:1.75; }
#studio-workspace .snv-pro-coming-soon-modes { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:11px; }
#studio-workspace .snv-pro-mode-tab { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:12px; border:1px solid rgba(147,166,208,.17); border-radius:13px; background:rgba(5,11,22,.46); color:#a8b9d0; text-align:left; cursor:pointer; }
#studio-workspace .snv-pro-mode-tab > span { display:flex; align-items:center; gap:7px; color:#dce8f8; font-size:12px; font-weight:900; }
#studio-workspace .snv-pro-mode-tab > span i { color:#b9a4ff; }
#studio-workspace .snv-pro-mode-tab small { padding:4px 6px; border-radius:6px; background:rgba(169,145,255,.10); color:#c7b7ff; font-size:7px; font-weight:950; letter-spacing:.06em; }
#studio-workspace .snv-pro-mode-tab.active { border-color:rgba(183,157,255,.48); background:linear-gradient(140deg,rgba(94,72,160,.22),rgba(24,50,66,.40)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
#studio-workspace .snv-pro-mode-description { position:relative; z-index:1; min-height:56px; padding:12px 13px; border:1px solid rgba(129,153,194,.13); border-radius:12px; background:rgba(3,9,19,.36); color:#c2d0e2; font-size:10px; line-height:1.7; }
#studio-workspace .snv-pro-coming-soon-note { position:relative; z-index:1; display:flex; align-items:flex-start; gap:8px; margin-top:11px; color:#9bacc4; font-size:9px; line-height:1.6; }
#studio-workspace .snv-pro-coming-soon-note i { margin-top:1px; color:#b9a4ff; }
#studio-workspace .snv-pro-back-button { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; margin-top:16px; min-height:38px; padding:9px 12px; border:1px solid rgba(86,226,205,.22); border-radius:10px; background:rgba(59,211,190,.08); color:#83eedb; font-size:10px; font-weight:850; cursor:pointer; }
#studio-workspace .snv-pro-back-button:hover { border-color:rgba(86,226,205,.48); background:rgba(59,211,190,.13); }
#studio-workspace .control-console > #studioActionRow.snv-pro-coming-soon-active { display:none !important; }

@media (max-width: 620px) {
  #studio-workspace .snv-premium-family-switch { grid-template-columns: minmax(0,1fr); gap:7px; margin-bottom:10px; }
  #studio-workspace .snv-premium-family-card { min-height:66px; padding:10px; }
  #studio-workspace .snv-premium-family-icon { flex-basis:33px; width:33px; height:33px; }
  #studio-workspace .snv-premium-family-copy strong { font-size:10px; }
  #studio-workspace .snv-premium-family-status { font-size:6.5px; }
  #studio-workspace .snv-pro-coming-soon-panel { padding:14px; border-radius:15px; }
  #studio-workspace .snv-pro-mode-tab { padding:10px; }
  #studio-workspace .snv-pro-mode-tab > span { font-size:11px; }
}
@media (prefers-reduced-motion: reduce) {
  #studio-workspace .snv-premium-family-card { transition: none; }
}