body.studio-page {
  --bg: #0b0b0f;
  --s1: rgba(14, 16, 24, 0.92);
  --s2: rgba(18, 20, 30, 0.94);
  --s3: rgba(24, 28, 42, 0.92);
  --s4: rgba(32, 37, 56, 0.96);
  --border: rgba(255, 255, 255, 0.08);
  --border-s: rgba(255, 255, 255, 0.05);
  --border-hi: rgba(96, 165, 250, 0.26);
  --text-1: #f6f7fb;
  --text-2: #b6bfd9;
  --text-3: #7b85a2;
  --accent: #3b82f6;
  --accent-hi: #60a5fa;
  --accent-lo: #2563eb;
  --accent-dim: rgba(59, 130, 246, 0.12);
  --accent-bd: rgba(96, 165, 250, 0.26);
  --accent-code: #8b5cf6;
  --accent-code-hi: #a78bfa;
  --accent-code-dim: rgba(139, 92, 246, 0.12);
  --accent-code-bd: rgba(167, 139, 250, 0.26);
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.16), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(139, 92, 246, 0.14), transparent 24%),
    #0b0b0f;
}

body.studio-page::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.52), transparent 88%);
  pointer-events: none;
}

body.studio-page .topbar {
  background: rgba(10, 11, 15, 0.78);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  backdrop-filter: blur(18px);
}

body.studio-page .sidebar-toggle {
  border-right: 1px solid rgba(255,255,255,0.06);
}

body.studio-page .topbar-site-nav__link,
body.studio-page .lang-select,
body.studio-page .theme-toggle,
body.studio-page .status-badge,
body.studio-page .mode-switcher__track,
body.studio-page .action-btn,
body.studio-page .settings-block,
body.studio-page .chip-category,
body.studio-page .q-chip,
body.studio-page .feature-item {
  backdrop-filter: blur(14px);
}

body.studio-page .topbar-site-nav__link,
body.studio-page .lang-select {
  border: 1px solid rgba(96, 165, 250, 0.18);
  background: rgba(255,255,255,0.03);
}

body.studio-page .topbar-site-nav__link:hover,
body.studio-page .lang-select:hover {
  border-color: rgba(96, 165, 250, 0.34);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.08), 0 0 18px rgba(96,165,250,0.08);
}

body.studio-page .mode-switcher__track {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(96,165,250,0.18);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.05);
}

body.studio-page .mode-switcher__indicator {
  background: linear-gradient(135deg, rgba(59,130,246,0.18), rgba(139,92,246,0.18));
  border: 1px solid rgba(255,255,255,0.08);
}

body.studio-page .left-panel {
  background: rgba(11, 12, 18, 0.88);
  border-right: 1px solid rgba(255,255,255,0.06);
}

body.studio-page .hero__eyebrow,
body.studio-page .workspace-kicker__badge {
  background: rgba(59,130,246,0.12);
  border-color: rgba(96,165,250,0.22);
  color: #d8e7ff;
}

body.studio-page[data-mode="coding"] .hero__eyebrow,
body.studio-page[data-mode="coding"] .workspace-kicker__badge {
  background: rgba(139,92,246,0.12);
  border-color: rgba(167,139,250,0.24);
  color: #eadfff;
}

body.studio-page .hero__em {
  color: #cfd7ff;
}

body.studio-page .feature-item,
body.studio-page .chip-category,
body.studio-page .q-chip,
body.studio-page .settings-block,
body.studio-page .input-card,
body.studio-page .upload-zone,
body.studio-page .output-panel,
body.studio-page .compare-card,
body.studio-page .studio-module,
body.studio-page .studio-rail-card {
  background: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 20px 50px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03);
}

body.studio-page .input-card {
  border-color: rgba(96,165,250,0.18);
  background: rgba(10, 12, 20, 0.92);
}

body.studio-page .input-card:focus-within {
  border-color: rgba(96,165,250,0.36);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.08), 0 20px 50px rgba(59,130,246,0.12);
}

body.studio-page[data-mode="coding"] .input-card:focus-within {
  border-color: rgba(167,139,250,0.34);
  box-shadow: 0 0 0 3px rgba(139,92,246,0.08), 0 20px 50px rgba(139,92,246,0.12);
}

body.studio-page .prompt-input::placeholder,
body.studio-page .input-card__hint,
body.studio-page .workspace-kicker__hint {
  color: #7f89a7;
}

body.studio-page .forge-btn {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  border: 1px solid rgba(167,139,250,0.24);
  box-shadow: 0 18px 46px rgba(69,83,189,0.34);
}

body.studio-page .forge-btn:hover {
  box-shadow: 0 22px 54px rgba(86,78,196,0.36);
}

body.studio-page .output-panel {
  background: rgba(11, 12, 20, 0.92);
  border-color: rgba(255,255,255,0.08);
}

body.studio-page .compare-card--result {
  border-color: rgba(96,165,250,0.2);
  background: rgba(17, 20, 34, 0.94);
}

body.studio-page[data-mode="coding"] .compare-card--result {
  border-color: rgba(167,139,250,0.22);
}

body.studio-page .action-btn {
  border-color: rgba(96,165,250,0.18);
}

body.studio-page .action-btn--accent {
  background: rgba(96,165,250,0.1);
  color: #dce7ff;
}

body.studio-page[data-mode="coding"] .action-btn--accent {
  background: rgba(139,92,246,0.1);
  color: #eadfff;
}

body.studio-page .studio-meta-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 4px;
}

body.studio-page .studio-module {
  padding: 18px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

body.studio-page .studio-module::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(96,165,250,0.12), transparent 38%);
  pointer-events: none;
}

body.studio-page[data-mode="coding"] .studio-module::before {
  background: radial-gradient(circle at top right, rgba(167,139,250,0.14), transparent 38%);
}

body.studio-page .studio-module__eyebrow {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-2);
  border: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 12px;
}

body.studio-page .studio-module h3 {
  margin: 0 0 8px;
  font-family: var(--f-display);
  font-size: 20px;
  letter-spacing: -0.03em;
}

body.studio-page .studio-module p {
  margin: 0;
  color: var(--text-2);
  line-height: 1.7;
  font-size: 13.5px;
}

body.studio-page .studio-command-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  margin-bottom: 18px;
}

body.studio-page .studio-command-pill {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(96,165,250,0.2);
  color: #d8e7ff;
  font-size: 12px;
}

body.studio-page .studio-command-pill--alt {
  border-color: rgba(167,139,250,0.22);
  color: #eadfff;
}

body.studio-page .right-panel__inner {
  max-width: 1120px;
  padding-top: 44px;
}

body.studio-page .workspace-content {
  gap: 20px;
}

body.studio-page .output-panel,
body.studio-page .workspace-content > * {
  animation: studio-fade-up 580ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

body.studio-page .workspace-content > *:nth-child(2) { animation-delay: 70ms; }
body.studio-page .workspace-content > *:nth-child(3) { animation-delay: 120ms; }
body.studio-page .workspace-content > *:nth-child(4) { animation-delay: 170ms; }
body.studio-page .workspace-content > *:nth-child(5) { animation-delay: 220ms; }
body.studio-page .output-panel { animation-delay: 260ms; }

@keyframes studio-fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  body.studio-page .studio-meta-strip {
    grid-template-columns: 1fr;
  }
}

/* Focused daily-use workspace refinement */
body.studio-page {
  --bg: #0b0c10;
  --s1: rgba(13, 14, 18, 0.92);
  --s2: rgba(18, 19, 24, 0.86);
  --s3: rgba(24, 26, 32, 0.78);
  --s4: rgba(31, 33, 40, 0.72);
  --border: rgba(255, 255, 255, 0.06);
  --border-s: rgba(255, 255, 255, 0.04);
  --border-hi: rgba(145, 160, 255, 0.14);
  --text-1: #f3f4f7;
  --text-2: #a6adba;
  --text-3: #717987;
  --accent: #7aa2ff;
  --accent-hi: #9db8ff;
  --accent-lo: #5d82e8;
  --accent-dim: rgba(122, 162, 255, 0.075);
  --accent-bd: rgba(122, 162, 255, 0.18);
  --accent-code: #b18cff;
  --accent-code-hi: #c5adff;
  --accent-code-dim: rgba(177, 140, 255, 0.075);
  --accent-code-bd: rgba(177, 140, 255, 0.18);
  --sidebar-w: 272px;
  --topbar-h: 52px;
  --panel-pad: 28px;
  background: #0b0c10;
}

body.studio-page::before {
  background-image: linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.25), transparent 76%);
}

body.studio-page .topbar {
  height: 52px;
  padding-right: 12px;
  background: rgba(10,11,15,.82);
  border-bottom-color: rgba(255,255,255,.055);
  box-shadow: none;
}
body.studio-page .sidebar-toggle {
  min-width: 272px;
  padding: 0 14px;
  gap: 10px;
  border-right-color: rgba(255,255,255,.045);
}
body.studio-page .logo-img { width: 28px; height: 28px; filter: none; }
body.studio-page .logo-name { font-size: 15px; letter-spacing: 0; }
body.studio-page .topbar-site-nav { gap: 2px; }
body.studio-page .topbar-site-nav__link,
body.studio-page .lang-select,
body.studio-page .theme-toggle,
body.studio-page .status-badge,
body.studio-page .auth-topbar-btn,
body.studio-page .token-pill,
body.studio-page .user-menu-btn {
  min-height: 30px;
  border-radius: 8px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
}
body.studio-page .topbar-site-nav__link:hover,
body.studio-page .lang-select:hover,
body.studio-page .theme-toggle:hover,
body.studio-page .auth-topbar-btn:hover,
body.studio-page .user-menu-btn:hover {
  background: rgba(255,255,255,.055);
  border-color: transparent;
  box-shadow: none;
  transform: none;
}
body.studio-page .auth-topbar-btn--primary {
  background: rgba(122,162,255,.11);
  color: #dce5ff;
}

body.studio-page .left-panel {
  width: 272px;
  background: rgba(10,11,15,.72);
  border-right-color: rgba(255,255,255,.045);
}
body.studio-page .left-panel__inner { padding: 28px 18px 18px; gap: 18px; }
body.studio-page .hero { gap: 12px; }
body.studio-page .hero__eyebrow,
body.studio-page .workspace-kicker__badge {
  padding: 6px 9px;
  border: 0;
  background: rgba(255,255,255,.045);
  color: var(--text-2);
  font-size: 10.5px;
  letter-spacing: .06em;
}
body.studio-page .hero__title {
  font-size: clamp(2.2rem, 3.2vw, 3.9rem);
  line-height: .98;
  letter-spacing: 0;
}
body.studio-page .hero__em { color: #d8def0; }
body.studio-page .hero__desc { font-size: 13.5px; line-height: 1.65; color: var(--text-2); }
body.studio-page .panel-divider { opacity: .45; margin: 2px 0; }
body.studio-page .feature-list { gap: 8px; }
body.studio-page .feature-item {
  padding: 10px 11px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.studio-page .chip-category,
body.studio-page .q-chip {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border-color: rgba(255,255,255,.055);
  background: rgba(255,255,255,.025);
  box-shadow: none;
}
body.studio-page .chip-category:hover,
body.studio-page .q-chip:hover,
body.studio-page .chip-category.active,
body.studio-page .q-chip.active {
  background: rgba(255,255,255,.055);
  border-color: rgba(122,162,255,.16);
  box-shadow: none;
  transform: translateY(-1px);
}

body.studio-page .right-panel { background: transparent; }
body.studio-page .right-panel__inner {
  max-width: 940px;
  padding: 28px 24px 48px;
}
body.studio-page .workspace-content { gap: 14px; }
body.studio-page .workspace-header { margin-bottom: 2px; align-items: flex-end; }
body.studio-page .workspace-title {
  font-size: clamp(2.35rem, 4.2vw, 4.1rem);
  line-height: 1;
  letter-spacing: 0;
  max-width: 10.5ch;
}
body.studio-page .workspace-sub,
body.studio-page .workspace-kicker__hint { font-size: 14px; color: var(--text-2); }
body.studio-page .kb-hint { opacity: .62; }

body.studio-page .studio-meta-strip,
body.studio-page .studio-command-bar { display: none; }

body.studio-page .input-card {
  padding: 18px;
  border-radius: 14px;
  border-color: rgba(255,255,255,.06);
  background: rgba(8,9,13,.78);
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
body.studio-page .input-card:focus-within,
body.studio-page[data-mode="coding"] .input-card:focus-within {
  border-color: rgba(122,162,255,.28);
  box-shadow: 0 0 0 3px rgba(122,162,255,.075), 0 16px 38px rgba(0,0,0,.22);
}
body.studio-page .input-card__label-row { margin-bottom: 10px; }
body.studio-page .input-card__label { font-size: 11px; letter-spacing: .08em; }
body.studio-page .input-card__hint { font-size: 12px; }
body.studio-page .prompt-input {
  min-height: 150px;
  font-size: 16px;
  line-height: 1.65;
}
body.studio-page .input-bar { padding-top: 8px; }

body.studio-page .upload-zone,
body.studio-page .settings-block,
body.studio-page .output-panel,
body.studio-page .compare-card {
  border-radius: 14px;
  border-color: rgba(255,255,255,.055);
  background: rgba(255,255,255,.025);
  box-shadow: none;
}
body.studio-page .upload-zone { min-height: 116px; }
body.studio-page .settings-summary { min-height: 42px; padding: 0 14px; }
body.studio-page .forge-btn {
  min-height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #7aa2ff, #b18cff);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 12px 30px rgba(93,101,220,.2);
  letter-spacing: 0;
}
body.studio-page .forge-btn:hover { box-shadow: 0 16px 36px rgba(93,101,220,.26); transform: translateY(-1px); }
body.studio-page .output-panel { padding: 18px; background: rgba(10,11,15,.74); }
body.studio-page .compare-grid { gap: 12px; }
body.studio-page .compare-card { padding: 15px; }
body.studio-page .compare-card--result { border-color: rgba(122,162,255,.14); background: rgba(16,18,25,.76); }
body.studio-page .action-btn {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  border-color: rgba(255,255,255,.06);
  background: rgba(255,255,255,.03);
  box-shadow: none;
}
body.studio-page .action-btn:hover { background: rgba(255,255,255,.06); transform: translateY(-1px); }
body.studio-page .action-btn--accent { background: rgba(122,162,255,.1); color: #dce5ff; }

body.studio-page .output-panel,
body.studio-page .workspace-content > * { animation-duration: 360ms; }

@media (max-width: 980px) {
  body.studio-page .topbar { height: auto; min-height: 52px; }
  body.studio-page .sidebar-toggle { min-width: 0; width: auto; flex: 1 1 auto; }
  body.studio-page .left-panel { width: min(320px, 86vw); }
  body.studio-page .right-panel__inner { padding: 22px 14px 92px; }
  body.studio-page .workspace-header { align-items: flex-start; }
  body.studio-page .workspace-title { font-size: clamp(2.1rem, 10vw, 3.2rem); max-width: 11ch; }
  body.studio-page .prompt-input { min-height: 140px; }
}

/* Final typography and radius normalization */
body.studio-page * { letter-spacing: 0; }
body.studio-page .input-card,
body.studio-page .upload-zone,
body.studio-page .settings-block,
body.studio-page .output-panel,
body.studio-page .compare-card,
body.studio-page .studio-module,
body.studio-page .feature-item {
  border-radius: 8px;
}

/* Production AI workspace final pass */
body.studio-page {
  --bg: #0d0e12;
  --sidebar-w: 248px;
  --topbar-h: 50px;
  font-size: 14px;
}
body.studio-page::before { opacity: .62; }
body.studio-page .topbar { height: 50px; min-height: 50px; }
body.studio-page .sidebar-toggle {
  width: 248px;
  min-width: 248px;
  flex-basis: 248px;
}
body.studio-page .topbar-site-nav__link:nth-child(2),
body.studio-page .topbar-site-nav__link:nth-child(3) { display: none; }
body.studio-page .topbar__center { flex: 0 0 auto; }
body.studio-page .mode-switcher__track {
  height: 34px;
  padding: 3px;
  border-color: rgba(255,255,255,.055);
  background: rgba(255,255,255,.035);
  box-shadow: none;
}
body.studio-page .mode-btn {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 12px;
}
body.studio-page .mode-switcher__indicator {
  border-radius: 7px;
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.055);
}
body.studio-page .left-panel {
  width: 248px;
  padding-top: 0;
  background: rgba(12,13,17,.7);
}
body.studio-page .sidebar-icon-col { display: none; }
body.studio-page .left-panel__inner {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
body.studio-page .studio-sidebar-minimal {
  height: calc(100dvh - var(--topbar-h));
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px 12px 14px;
}
body.studio-page .studio-side-group {
  display: grid;
  gap: 4px;
}
body.studio-page .studio-side-link {
  min-height: 34px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-2);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}
body.studio-page .studio-side-link:hover,
body.studio-page .studio-side-link.is-active {
  color: var(--text-1);
  background: rgba(255,255,255,.055);
  transform: none;
}
body.studio-page .studio-side-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8ea8ff;
}
body.studio-page .studio-side-spacer { flex: 1 1 auto; }
body.studio-page .studio-side-group--bottom {
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.045);
}
body.studio-page .right-panel__inner {
  max-width: 860px;
  padding: 34px 22px 48px;
}
body.studio-page .workspace-content { gap: 12px; }
body.studio-page .workspace-header {
  display: block;
  margin-bottom: 8px;
}
body.studio-page .workspace-kicker {
  margin-bottom: 12px;
}
body.studio-page .workspace-kicker__hint,
body.studio-page .kb-hint { display: none; }
body.studio-page .workspace-title {
  max-width: 13ch;
  font-size: clamp(2rem, 3.8vw, 3.15rem);
  font-weight: 650;
  line-height: 1.08;
}
body.studio-page .workspace-sub {
  display: block;
  max-width: 620px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.65;
}
body.studio-page .input-card {
  padding: 14px;
  border-color: rgba(255,255,255,.045);
  background: rgba(14,15,19,.82);
  box-shadow: none;
}
body.studio-page .input-card__label-row {
  align-items: center;
  margin-bottom: 6px;
}
body.studio-page .input-card__hint { display: none; }
body.studio-page .prompt-input {
  min-height: 92px;
  max-height: 360px;
  padding: 8px 2px 0;
  background: transparent;
  font-size: 15px;
  line-height: 1.62;
  resize: none;
}
body.studio-page .prompt-input::placeholder { color: rgba(166,173,186,.56); }
body.studio-page .input-bar { padding-top: 4px; }
body.studio-page .char-count { font-size: 11px; color: var(--text-3); }
body.studio-page .upload-header { margin-top: 4px; }
body.studio-page .upload-zone {
  min-height: 92px;
  border-style: solid;
  background: rgba(255,255,255,.018);
}
body.studio-page .upload-icon { width: 30px; height: 30px; }
body.studio-page .upload-label { font-size: 13px; }
body.studio-page .upload-sublabel { font-size: 11px; }
body.studio-page .settings-block { background: transparent; border-color: rgba(255,255,255,.045); }
body.studio-page .settings-summary { min-height: 36px; }
body.studio-page .forge-btn {
  min-height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 650;
}
body.studio-page .result-section { margin-top: 4px; }
body.studio-page .output-panel {
  padding: 14px;
  border-color: rgba(255,255,255,.045);
  background: rgba(14,15,19,.72);
}
body.studio-page .result-intro { margin-bottom: 12px; }
body.studio-page .result-title { font-size: 16px; font-weight: 650; }
body.studio-page .result-subtitle { font-size: 12px; color: var(--text-3); }
body.studio-page .compare-grid { grid-template-columns: 1fr; gap: 8px; }
body.studio-page .compare-card {
  padding: 12px;
  border-color: rgba(255,255,255,.04);
  background: rgba(255,255,255,.018);
}
body.studio-page .compare-card--result { background: rgba(255,255,255,.028); border-color: rgba(122,162,255,.1); }
body.studio-page .result-text,
body.studio-page .result-idea-text { font-size: 13.5px; line-height: 1.68; }
body.studio-page .action-btn { min-height: 30px; font-size: 12px; }
body.studio-page .generation-state {
  padding: 8px 10px;
  border: 0;
  background: rgba(255,255,255,.03);
  border-radius: 8px;
}
body.studio-page .generation-state__bar { height: 2px; }
body.studio-page .enhance-card,
body.studio-page .nv-history-panel {
  border-color: rgba(255,255,255,.055) !important;
  background: rgba(14,15,19,.94) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.32) !important;
}
@media (max-width: 980px) {
  body.studio-page .sidebar-toggle { min-width: 0; width: auto; flex-basis: auto; }
  body.studio-page .topbar-site-nav { display: none; }
  body.studio-page .left-panel { width: min(280px, 84vw); }
  body.studio-page .studio-sidebar-minimal { height: 100%; padding-top: 18px; }
  body.studio-page .right-panel__inner { max-width: none; padding: 22px 12px 88px; }
  body.studio-page .workspace-title { font-size: clamp(1.9rem, 8.5vw, 2.7rem); }
  body.studio-page .prompt-input { min-height: 86px; }
}

/* Calm premium workspace refinement */
body.studio-page {
  --bg: #0a0b0e;
  --panel: rgba(255, 255, 255, 0.024);
  --panel-2: rgba(255, 255, 255, 0.034);
  --border: rgba(255, 255, 255, 0.052);
  --border-strong: rgba(140, 160, 255, 0.14);
  --text-1: #f3f4f6;
  --text-2: #a8afbc;
  --text-3: #6f7786;
  --accent: #8ea8ff;
  --accent-2: #b59cff;
  font-family: Inter, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  background: #0a0b0e;
}

body.studio-page::before {
  opacity: .28;
  background-size: 92px 92px;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
}

body.studio-page .topbar {
  background: rgba(8, 9, 12, .88);
  border-bottom-color: rgba(255,255,255,.045);
  backdrop-filter: blur(18px);
}

body.studio-page .brand-logo { width: 30px; height: 30px; }
body.studio-page .brand-name { font-size: 15px; font-weight: 650; }
body.studio-page .topbar-site-nav__link,
body.studio-page .auth-topbar-btn,
body.studio-page .token-pill,
body.studio-page .user-menu-btn,
body.studio-page .lang-select,
body.studio-page .theme-toggle,
body.studio-page .status-badge {
  min-height: 32px;
  border-color: rgba(255,255,255,.052);
  background: rgba(255,255,255,.026);
  box-shadow: none;
  font-size: 12px;
}

body.studio-page .left-panel {
  border-right-color: rgba(255,255,255,.045);
  box-shadow: none;
}

body.studio-page .studio-sidebar-minimal {
  padding: 14px 10px 12px;
  gap: 12px;
}

body.studio-page .studio-side-link {
  min-height: 32px;
  padding: 0 9px;
  color: rgba(232,235,242,.68);
  font-size: 12.5px;
  font-weight: 500;
}

body.studio-page .studio-side-link:hover,
body.studio-page .studio-side-link.is-active {
  background: rgba(255,255,255,.048);
  color: rgba(247,248,251,.94);
}

body.studio-page .studio-side-dot {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 0 16px rgba(142,168,255,.32);
}

body.studio-page .right-panel {
  background: transparent;
}

body.studio-page .right-panel__inner {
  max-width: 820px;
  padding-top: 28px;
}

body.studio-page .workspace-header {
  margin-bottom: 10px;
}

body.studio-page .workspace-kicker {
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: .08em;
  color: rgba(210,216,228,.58);
}

body.studio-page .workspace-kicker__badge {
  border-color: rgba(255,255,255,.07);
  background: rgba(255,255,255,.032);
  color: rgba(232,235,242,.78);
}

body.studio-page .workspace-title {
  max-width: 15ch;
  font-size: clamp(1.85rem, 3.1vw, 2.75rem);
  font-weight: 650;
  line-height: 1.11;
  color: rgba(247,248,251,.96);
  text-wrap: balance;
}

body.studio-page .workspace-sub {
  max-width: 560px;
  margin-top: 8px;
  color: rgba(190,198,212,.7);
  font-size: 13.5px;
  line-height: 1.58;
}

body.studio-page .input-card,
body.studio-page .output-panel {
  border-color: rgba(255,255,255,.048);
  background: rgba(10, 11, 15, .72);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

body.studio-page .input-card:focus-within {
  border-color: rgba(142,168,255,.22);
  box-shadow: 0 0 0 1px rgba(142,168,255,.08), 0 18px 48px rgba(0,0,0,.22);
}

body.studio-page .input-card__label {
  color: rgba(239,241,247,.88);
  font-size: 11px;
  letter-spacing: .07em;
}

body.studio-page .prompt-input {
  min-height: 88px;
  max-height: 320px;
  color: rgba(245,247,251,.92);
  caret-color: var(--accent);
}

body.studio-page .prompt-input::placeholder {
  color: rgba(168,176,190,.42);
}

body.studio-page .upload-header,
body.studio-page .settings-summary,
body.studio-page .result-title {
  color: rgba(230,234,242,.78);
}

body.studio-page .upload-zone,
body.studio-page .settings-block,
body.studio-page .compare-card,
body.studio-page .generation-state {
  border-color: rgba(255,255,255,.04);
  background: rgba(255,255,255,.018);
  box-shadow: none;
}

body.studio-page .upload-zone:hover,
body.studio-page .settings-block:hover,
body.studio-page .compare-card:hover {
  border-color: rgba(255,255,255,.075);
  background: rgba(255,255,255,.026);
}

body.studio-page .forge-btn {
  background: linear-gradient(135deg, #7aa2ff 0%, #a78bfa 100%);
  box-shadow: 0 12px 30px rgba(100, 118, 255, .16);
}

body.studio-page .forge-btn:hover {
  box-shadow: 0 16px 36px rgba(100, 118, 255, .22);
}

body.studio-page .chip-category,
body.studio-page .q-chip,
body.studio-page .action-btn,
body.studio-page .mode-btn {
  box-shadow: none;
}

body.studio-page .compare-card--result {
  border-color: rgba(142,168,255,.12);
  background: rgba(142,168,255,.035);
}

body.studio-page .enhance-card,
body.studio-page .nv-history-panel {
  border-color: rgba(255,255,255,.055) !important;
  background: rgba(10,11,15,.96) !important;
}

body.studio-page em,
body.studio-page .hero__em {
  font-style: normal;
}

@media (min-width: 1280px) {
  body.studio-page .right-panel__inner {
    padding-top: 34px;
  }
}

@media (max-width: 980px) {
  body.studio-page .topbar {
    min-height: 48px;
  }

  body.studio-page .studio-sidebar-minimal {
    padding: 14px 10px;
  }

  body.studio-page .workspace-title {
    font-size: clamp(1.8rem, 7.4vw, 2.4rem);
  }

  body.studio-page .workspace-sub {
    font-size: 13px;
  }

  body.studio-page .input-card {
    padding: 12px;
  }

  body.studio-page .prompt-input {
    min-height: 82px;
    max-height: 240px;
    font-size: 14px;
  }
}