/* Generated by deploy/build-styles.py. Edit the listed source files. */

/* Source: design-tokens.css */
/* Vidia foundations. Theme roles are defined here; page styles consume them. */
@font-face {
  font-family: Montserrat;
  src: url('../montserrat.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-sans: Montserrat, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --control-font: 14px;
  --control-height: 44px;
  --control-height-large: 52px;
  --control-radius: 10px;
  --card-radius: 20px;
  --dialog-radius: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --action-bg: #176f89;
  --action-hover: #115c74;
  --action-text: #ffffff;
  --action-gradient: linear-gradient(115deg, #075b7e, #117c9b 50%, #096688);
  --action-glow: 0 0 20px #46c9f32b;
  --transition-fast: 160ms;
  --transition-base: 240ms;

}
:root, [data-color-scheme] {
  /* Compatibility aliases keep legacy layouts on the same semantic roles. */
  --theme-accent: var(--shell-accent);
  --surface: var(--theme-surface);
  --surface-raised: var(--theme-surface-raised);
  --border: var(--theme-line);
  --text: var(--theme-text);
  --text-primary: var(--theme-text);
  --text-muted: var(--theme-muted);
  --muted: var(--theme-muted);
  --ink: var(--theme-text);
  --line: var(--theme-line);
  --soft: var(--theme-control);
}
html[data-theme="dark"], [data-color-scheme="dark"] {
  color-scheme: dark;
  --theme-bg: #101112;
  --theme-surface: #1a1b1d;
  --theme-surface-raised: #242527;
  --theme-line: #45464b;
  --theme-text: #f5f5f5;
  --theme-muted: #b0b0b5;
  --theme-control: #242527;
  --theme-control-line: #65666d;
  --shell-accent: #7eddf3;
  --theme-selected: #263b44;
  --theme-on-selected: #f5f5f5;
  --theme-danger: #ffb8b8;
  --theme-danger-surface: #3e252c;
  --theme-success: #98e6c4;
  --theme-success-surface: #193b31;
}
html[data-theme="light"] {
  color-scheme: light;
  --theme-bg: #f4f4f5;
  --theme-surface: #ffffff;
  --theme-surface-raised: #eaeaec;
  --theme-line: #d1d1d6;
  --theme-text: #18191b;
  --theme-muted: #626269;
  --theme-control: #f4f4f6;
  --theme-control-line: #85858d;
  --shell-accent: #146d89;
  --theme-selected: #d9edf4;
  --theme-on-selected: #183b4c;
  --theme-danger: #a71932;
  --theme-danger-surface: #ffedf0;
  --theme-success: #156644;
  --theme-success-surface: #e2f5eb;
}

/* Source: ../rn/tokens.css */
/* Vidia Design System — canonical CSS tokens. Do not duplicate raw values in components. */

@font-face {
  font-family: "Montserrat Vidia";
  src: url("../montserrat.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Brand scale — extracted primarily from the Orçamento page. */
  --rn-brand-50: #eaf9fd;
  --rn-brand-100: #cff2fa;
  --rn-brand-200: #9be5f3;
  --rn-brand-300: #6bd8ec;
  --rn-brand-400: #3fd0e9;
  --rn-brand-500: #31bbd8;
  --rn-brand-600: #2399c3;
  --rn-brand-700: #1a6fae;
  --rn-brand-800: #14538c;
  --rn-brand-900: #0a2540;
  --rn-brand-950: #04101d;
  --rn-sky: #47abe1;
  --rn-blue-soft: #5a9aee;
  --rn-cyan: #3fd0e9;

  /* Story scenes — fixed editorial surfaces from the Orçamento page, not a theme. */
  --rn-scene-charcoal: #202020;
  --rn-scene-stage: #1a1d1d;
  --rn-scene-deep: #16191c;
  --rn-scene-ink: #0f1418;
  --rn-scene-text: #f3f3f3;
  --rn-scene-text-strong: #e8e8e8;
  --rn-scene-text-muted: #989898;

  /* Neutral scale — cool neutrals, never warm/beige. */
  --rn-neutral-0: #ffffff;
  --rn-neutral-50: #f8fbfd;
  --rn-neutral-100: #f4f8fb;
  --rn-neutral-200: #eaf2f7;
  --rn-neutral-300: #d9e6ee;
  --rn-neutral-400: #b7cbd7;
  --rn-neutral-500: #86a9bc;
  --rn-neutral-600: #617987;
  --rn-neutral-700: #526b7a;
  --rn-neutral-800: #26465b;
  --rn-neutral-900: #102a3d;
  --rn-neutral-950: #07141f;

  /* Status colors complement the brand; they do not replace it. */
  --rn-success-50: #ecfdf3;
  --rn-success-200: #abefc6;
  --rn-success-700: #067647;
  --rn-warning-50: #fffaeb;
  --rn-warning-200: #fedf89;
  --rn-warning-700: #b54708;
  --rn-danger-50: #fef3f2;
  --rn-danger-200: #fecdca;
  --rn-danger-700: #b42318;

  /* Typography. */
  --rn-font-sans: var(--font-sans);
  --rn-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --rn-font-size-1: 0.75rem;
  --rn-font-size-2: 0.8125rem;
  --rn-font-size-3: 0.875rem;
  --rn-font-size-4: 1rem;
  --rn-font-size-5: 1.125rem;
  --rn-font-size-6: 1.25rem;
  --rn-font-size-7: 1.5rem;
  --rn-font-size-8: 2rem;
  --rn-font-size-9: 2.5rem;
  --rn-font-size-10: 3.5rem;
  --rn-font-size-11: 4.5rem;
  --rn-font-size-12: 6rem;
  --rn-font-size-hero: clamp(4rem, 4.2vw, 5rem);
  --rn-font-size-hero-mobile: clamp(2.5rem, 13vw, 3.5rem);
  --rn-font-size-wordmark: clamp(5.25rem, 11.6vw, 13.25rem);
  --rn-font-size-wordmark-mobile: clamp(3.5rem, 18vw, 6rem);
  --rn-font-size-section: clamp(2.375rem, 3.8vw, 3.5rem);
  --rn-leading-wordmark: 0.94;
  --rn-leading-display: 0.98;
  --rn-leading-tight: 1.08;
  --rn-leading-section: 1.12;
  --rn-leading-hero: 1.14;
  --rn-leading-heading: 1.18;
  --rn-leading-story-copy: 1.45;
  --rn-leading-body: 1.6;
  --rn-leading-support: 1.7;
  --rn-leading-relaxed: 1.75;
  --rn-tracking-tight: -0.035em;
  --rn-tracking-heading: -0.02em;
  --rn-tracking-label: 0.015em;
  --rn-tracking-eyebrow: 0.12em;
  --rn-tracking-hero: -0.045em;
  --rn-tracking-signature: 0.52em;
  --rn-weight-regular: 400;
  --rn-weight-medium: 500;
  --rn-weight-semibold: 650;
  --rn-weight-bold: 700;
  --rn-weight-extrabold: 800;

  /* 4px/8px spatial rhythm. */
  --rn-space-0: 0;
  --rn-space-1: 0.25rem;
  --rn-space-2: 0.5rem;
  --rn-space-3: 0.75rem;
  --rn-space-4: 1rem;
  --rn-space-5: 1.5rem;
  --rn-space-6: 2rem;
  --rn-space-7: 2.5rem;
  --rn-space-8: 3rem;
  --rn-space-9: 4rem;
  --rn-space-10: 5rem;
  --rn-space-11: 6rem;
  --rn-space-12: 8rem;

  /* Geometry. */
  --rn-radius-xs: 0.375rem;
  --rn-radius-sm: 0.5rem;
  --rn-radius-md: 0.75rem;
  --rn-radius-lg: 1rem;
  --rn-radius-xl: 1.5rem;
  --rn-radius-2xl: 2rem;
  --rn-radius-pill: 999px;
  --rn-border-width: 1px;
  --rn-control-sm: 2.25rem;
  --rn-control-md: var(--control-height);
  --rn-control-lg: var(--control-height-large);
  --rn-target-min: 2.75rem;
  --rn-icon-sm: 1rem;
  --rn-icon-md: 1.25rem;
  --rn-icon-lg: 1.5rem;
  --rn-icon-xl: 2rem;

  /* Containers and responsive layout. */
  --rn-content-reading: 45rem;
  --rn-content-product: 75rem;
  --rn-content-wide: 90rem;
  --rn-content-story: 79.875rem;
  --rn-page-gutter: clamp(1.125rem, 4vw, 3rem);
  --rn-header-height: 3.75rem;
  --rn-grid-gap: clamp(1rem, 2vw, 1.5rem);
  --rn-story-column-main: 57.5rem;
  --rn-story-column-aside: 27rem;
  --rn-story-column-gap: 5.5rem;
  --rn-story-support-width: 27rem;
  --rn-story-hero-min-height: 67.5rem;
  --rn-story-hero-min-height-mobile: 48rem;
  --rn-story-scene-min-height: 45rem;
  --rn-story-section-space: 6.75rem;
  --rn-story-perspective: 87.5rem;
  --rn-wordmark-icon-min: 5.25rem;
  --rn-wordmark-icon-max: 10.75rem;
  --rn-wordmark-letter-space: 0.32em;
  --rn-sidebar-width: 15rem;
  --rn-dialog-width: 36rem;
  --rn-popover-width: 20rem;
  --rn-toast-width: 24rem;
  --rn-table-min-width: 42rem;
  --rn-empty-min-height: 18rem;
  --rn-textarea-min-height: 7.5rem;

  /* Vidia background composition — Orçamento primary; Product marks secondary. */
  --rn-grid-product: 2.5rem;
  --rn-grid-editorial-x: 10rem;
  --rn-grid-editorial-y: 11.25rem;
  --rn-motif-icon-lg: clamp(18rem, 34vw, 38rem);
  --rn-motif-icon-sm: clamp(3.75rem, 7vw, 7.5rem);
  --rn-motif-opacity-lg: 0.06;
  --rn-motif-opacity-sm: 0.14;
  --rn-orbit-sm: 7.5rem;
  --rn-orbit-lg: 22.5rem;
  --rn-stage-glow: min(62vw, 61.25rem);

  /* Elevation. */
  --rn-shadow-xs: 0 1px 2px rgba(4, 16, 29, 0.08);
  --rn-shadow-sm: 0 6px 18px rgba(4, 16, 29, 0.08);
  --rn-shadow-md: 0 12px 34px rgba(4, 16, 29, 0.12);
  --rn-shadow-lg: 0 28px 70px rgba(10, 37, 64, 0.13), 0 2px 10px rgba(26, 111, 174, 0.06);
  --rn-shadow-brand: 0 12px 28px rgba(26, 111, 174, 0.24);
  --rn-glow-brand: 0 0 44px rgba(63, 208, 233, 0.22);
  --rn-shadow-device: 0 32px 48px rgba(0, 0, 0, 0.26);
  --rn-shadow-wordmark: 0 18px 34px rgba(48, 150, 220, 0.35);
  --rn-blur-wordmark-entry: 18px;
  --rn-blur-wordmark-settle: 1.5px;

  /* Motion. Product UI should stay in fast/base; scene/ambient is Expressive only. */
  --rn-duration-instant: 100ms;
  --rn-duration-fast: 160ms;
  --rn-duration-base: 240ms;
  --rn-duration-slow: 420ms;
  --rn-duration-scene: 720ms;
  --rn-duration-reveal: 650ms;
  --rn-duration-chapter: 820ms;
  --rn-duration-count: 920ms;
  --rn-duration-entry: 580ms;
  --rn-duration-ambient: 64000ms;
  --rn-stagger-word: 50ms;
  --rn-stagger-wordmark: 62ms;
  --rn-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --rn-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --rn-ease-exit: cubic-bezier(0.4, 0, 1, 1);

  /* Layering. */
  --rn-z-base: 0;
  --rn-z-raised: 10;
  --rn-z-sticky: 20;
  --rn-z-dropdown: 40;
  --rn-z-overlay: 60;
  --rn-z-modal: 80;
  --rn-z-toast: 100;
  --rn-z-skip-link: 1000;

  /* Semantic base. Product canvases stay white; story chapters use scene tokens. */
  --rn-color-background: var(--theme-bg);
  --rn-color-surface: var(--theme-surface);
  --rn-color-surface-soft: var(--theme-control);
  --rn-color-surface-muted: var(--theme-surface-raised);
  --rn-color-surface-brand: #eaf9fd;
  --rn-color-text: var(--theme-text);
  --rn-color-text-subtle: var(--theme-muted);
  --rn-color-text-muted: var(--theme-muted);
  --rn-color-heading: var(--theme-text);
  --rn-color-border: var(--theme-line);
  --rn-color-border-strong: var(--theme-control-line);
  --rn-color-control-border: var(--theme-control-line);
  --rn-color-primary: var(--action-bg);
  --rn-color-primary-hover: var(--action-hover);
  --rn-color-primary-active: #31bbd8;
  --rn-color-on-primary: var(--action-text);
  --rn-color-accent: #3fd0e9;
  --rn-color-accent-strong: #47abe1;
  --rn-color-on-accent: #07141f;
  --rn-color-brand-text: var(--theme-accent);
  --rn-color-focus: #14538c;
  --rn-color-focus-accent: #3fd0e9;
  --rn-color-link: var(--theme-accent);
  --rn-color-link-hover: var(--theme-text);
  --rn-color-overlay: rgba(4, 16, 29, 0.72);
  --rn-color-success: #067647;
  --rn-color-success-surface: #ecfdf3;
  --rn-color-warning: #b54708;
  --rn-color-warning-surface: #fffaeb;
  --rn-color-danger: #b42318;
  --rn-color-danger-surface: #fef3f2;
  --rn-color-scene: #202020;
  --rn-color-scene-stage: #1a1d1d;
  --rn-color-scene-deep: #16191c;
  --rn-color-on-scene: #f3f3f3;
  --rn-color-on-scene-strong: #e8e8e8;
  --rn-color-on-scene-muted: #989898;
  --rn-color-scene-border: rgba(82, 167, 225, 0.2);
  --rn-gradient-brand: linear-gradient(100deg, #47abe1, #3fd0e9);
  --rn-gradient-accent: linear-gradient(100deg, #5a9aee, #47abe1);
  --rn-gradient-wordmark: linear-gradient(100deg, #3fd0e9, #47abe1 54%, #5a9aee);
  --rn-gradient-progress: linear-gradient(90deg, #1a6fae, #47abe1 55%, #3fd0e9);
  --rn-gradient-scene: radial-gradient(circle at 50% -10%, rgba(48, 142, 208, 0.08), transparent 42%), #16191c;
  --rn-grid-line: rgba(38, 119, 178, 0.055);
  --rn-focus-ring: 0 0 0 3px #14538c;
}

@media (max-width: 599px) {
  :root {
    --rn-page-gutter: 1.125rem;
    --rn-header-height: 3.5rem;
    --rn-story-hero-min-height: max(var(--rn-story-hero-min-height-mobile), 100svh);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --rn-duration-fast: 0.01ms;
    --rn-duration-base: 0.01ms;
    --rn-duration-slow: 0.01ms;
    --rn-duration-scene: 0.01ms;
    --rn-duration-reveal: 0.01ms;
    --rn-duration-chapter: 0.01ms;
    --rn-duration-count: 0.01ms;
    --rn-duration-entry: 0.01ms;
    --rn-duration-ambient: 0.01ms;
  }
}

/* Source: ../rn/base.css */
/* Vidia Design System — reset, typography and layout primitives. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--rn-header-height) + var(--rn-space-4));
  background: var(--rn-color-background);
}

body {
  min-width: 20rem;
  min-height: 100dvh;
  margin: 0;
  color: var(--rn-color-text);
  background: var(--rn-color-background);
  font-family: var(--rn-font-sans);
  font-size: var(--rn-font-size-4);
  font-weight: var(--rn-weight-regular);
  line-height: var(--rn-leading-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.rn-route-loader {
  display: grid;
  min-height: 100dvh;
  place-items: center;
  padding: var(--rn-page-gutter);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-background);
  font-size: var(--rn-font-size-3);
  font-weight: var(--rn-weight-semibold);
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
[role="button"],
summary,
select {
  cursor: pointer;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
figure,
blockquote {
  margin-block-start: 0;
}

h1,
h2,
h3,
h4 {
  color: var(--rn-color-heading);
  font-weight: var(--rn-weight-semibold);
  line-height: var(--rn-leading-heading);
  letter-spacing: var(--rn-tracking-heading);
  text-wrap: balance;
}

h1 {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: var(--rn-leading-tight);
  letter-spacing: var(--rn-tracking-tight);
}

.rn-display {
  margin: 0;
  color: var(--rn-color-heading);
  font-size: clamp(var(--rn-font-size-10), 7vw, var(--rn-font-size-12));
  font-weight: var(--rn-weight-bold);
  line-height: var(--rn-leading-display);
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.rn-title {
  margin: 0;
  color: var(--rn-color-heading);
  font-size: clamp(var(--rn-font-size-8), 4vw, var(--rn-font-size-10));
  font-weight: var(--rn-weight-semibold);
  line-height: var(--rn-leading-tight);
  letter-spacing: var(--rn-tracking-tight);
  text-wrap: balance;
}

h2 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}

h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

p,
li,
dd {
  overflow-wrap: anywhere;
}

a {
  color: var(--rn-color-link);
  text-underline-offset: 0.2em;
  text-decoration-thickness: 0.08em;
}

a:hover {
  color: var(--rn-color-link-hover);
}

::selection {
  color: var(--rn-color-on-primary);
  background: var(--rn-color-primary);
}

:focus-visible {
  outline: 3px solid var(--rn-color-focus);
  outline-offset: 3px;
}

.rn-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.rn-skip-link {
  position: fixed;
  left: var(--rn-space-4);
  top: var(--rn-space-4);
  z-index: var(--rn-z-skip-link);
  padding: var(--rn-space-3) var(--rn-space-4);
  color: var(--rn-color-on-primary);
  background: var(--rn-color-primary);
  border-radius: var(--rn-radius-md);
  box-shadow: var(--rn-shadow-md);
  transform: translateY(calc(-100% - var(--rn-space-6)));
  transition: transform var(--rn-duration-fast) var(--rn-ease-standard);
}

.rn-skip-link:focus {
  transform: translateY(0);
}

.rn-container {
  width: min(calc(100% - (2 * var(--rn-page-gutter))), var(--rn-content-product));
  margin-inline: auto;
}

.rn-container--wide {
  max-width: var(--rn-content-wide);
}

.rn-reading {
  max-width: var(--rn-content-reading);
}

.rn-section {
  padding-block: clamp(var(--rn-space-9), 9vw, var(--rn-space-12));
}

.rn-section--compact {
  padding-block: clamp(var(--rn-space-7), 6vw, var(--rn-space-10));
}

.rn-stack {
  display: flex;
  flex-direction: column;
  gap: var(--rn-stack-gap, var(--rn-space-4));
  min-width: 0;
}

.rn-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rn-cluster-gap, var(--rn-space-3));
}

.rn-grid {
  display: grid;
  grid-template-columns: repeat(var(--rn-grid-columns, 12), minmax(0, 1fr));
  gap: var(--rn-grid-gap);
}

.rn-auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--rn-grid-min, 17rem)), 1fr));
  gap: var(--rn-grid-gap);
}

.rn-grid-background {
  background-image:
    linear-gradient(var(--rn-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--rn-grid-line) 1px, transparent 1px);
  background-size: var(--rn-grid-size, 3rem) var(--rn-grid-size, 3rem);
}

/*
 * Vidia signature canvas: white paper, a subtle blue grid, a large symbol at the
 * upper-right and a smaller symbol at the lower-left. Pseudo-elements keep
 * both brand marks decorative and out of the accessibility tree.
 */
.rn-brand-canvas {
  --rn-canvas-grid-x: var(--rn-grid-product);
  --rn-canvas-grid-y: var(--rn-grid-product);
  --rn-canvas-mark-lg-opacity: calc(var(--rn-motif-opacity-lg) * 0.7);
  --rn-canvas-mark-sm-opacity: calc(var(--rn-motif-opacity-sm) * 0.7);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--rn-color-background);
  background-image:
    radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--rn-cyan) 8%, transparent), transparent 34%),
    linear-gradient(var(--rn-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--rn-grid-line) 1px, transparent 1px);
  background-size:
    auto,
    var(--rn-canvas-grid-x) var(--rn-canvas-grid-y),
    var(--rn-canvas-grid-x) var(--rn-canvas-grid-y);
}

.rn-brand-canvas::before,
.rn-brand-canvas::after {
  position: absolute;
  z-index: 0;
  aspect-ratio: 1;
  content: "";
  background: url("../brand/vidia-icon.svg") center / contain no-repeat;
  pointer-events: none;
  user-select: none;
}

.rn-brand-canvas::before {
  right: clamp(-9rem, -6vw, -3rem);
  top: clamp(-8rem, -5vw, -2rem);
  width: var(--rn-motif-icon-lg);
  opacity: var(--rn-canvas-mark-lg-opacity);
}

.rn-brand-canvas::after {
  left: clamp(1rem, 3vw, 3rem);
  bottom: clamp(1rem, 3vw, 2.5rem);
  width: var(--rn-motif-icon-sm);
  opacity: var(--rn-canvas-mark-sm-opacity);
}

.rn-brand-canvas > * {
  position: relative;
  z-index: 1;
}

.rn-brand-canvas--editorial {
  --rn-canvas-grid-x: var(--rn-grid-editorial-x);
  --rn-canvas-grid-y: var(--rn-grid-editorial-y);
  --rn-canvas-mark-lg-opacity: var(--rn-motif-opacity-lg);
  --rn-canvas-mark-sm-opacity: var(--rn-motif-opacity-sm);
}

.rn-brand-canvas--quiet {
  --rn-canvas-mark-lg-opacity: calc(var(--rn-motif-opacity-lg) * 0.5);
  --rn-canvas-mark-sm-opacity: calc(var(--rn-motif-opacity-sm) * 0.5);
  background-image:
    linear-gradient(var(--rn-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--rn-grid-line) 1px, transparent 1px);
  background-size:
    var(--rn-canvas-grid-x) var(--rn-canvas-grid-y),
    var(--rn-canvas-grid-x) var(--rn-canvas-grid-y);
}

.rn-eyebrow {
  margin: 0;
  color: var(--rn-color-brand-text);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-bold);
  line-height: 1.3;
  letter-spacing: var(--rn-tracking-eyebrow);
  text-transform: uppercase;
}

.rn-lead {
  max-width: 65ch;
  color: var(--rn-color-text-subtle);
  font-size: clamp(var(--rn-font-size-5), 2vw, var(--rn-font-size-6));
  line-height: var(--rn-leading-body);
}

.rn-muted {
  color: var(--rn-color-text-subtle);
}

.rn-tabular {
  font-variant-numeric: tabular-nums;
}

.rn-brand-logo {
  width: var(--rn-logo-width, 10rem);
  min-width: 6.75rem;
  aspect-ratio: 821 / 400;
  object-fit: contain;
}

.rn-brand-icon {
  width: var(--rn-icon-width, 3rem);
  min-width: 1.5rem;
  aspect-ratio: 1;
  object-fit: contain;
}

@media (max-width: 899px) {
  .rn-grid {
    --rn-grid-columns: 8;
  }
}

@media (max-width: 599px) {
  body {
    font-size: 1rem;
  }

  .rn-grid {
    --rn-grid-columns: 4;
  }

  .rn-brand-canvas {
    --rn-motif-icon-lg: clamp(13rem, 72vw, 18rem);
    --rn-motif-icon-sm: clamp(3rem, 16vw, 4.5rem);
  }

  .rn-brand-canvas::before {
    right: -6rem;
    top: -4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Source: ../rn/components.css */
/* Vidia Design System — reference component classes. Tokens are the only source of values. */

.rn-button {
  position: relative;
  display: inline-flex;
  min-height: var(--rn-control-md);
  min-width: var(--rn-target-min);
  align-items: center;
  justify-content: center;
  gap: var(--rn-space-2);
  padding-inline: var(--rn-space-5);
  overflow: hidden;
  color: var(--rn-neutral-0);
  background: var(--rn-color-link);
  border: var(--rn-border-width) solid var(--rn-color-link);
  border-radius: var(--rn-radius-md);
  box-shadow: var(--rn-shadow-brand);
  font-size: var(--rn-font-size-3);
  font-weight: var(--rn-weight-semibold);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color var(--rn-duration-fast) ease,
    border-color var(--rn-duration-fast) ease,
    box-shadow var(--rn-duration-fast) ease,
    color var(--rn-duration-fast) ease,
    filter var(--rn-duration-fast) ease,
    transform var(--rn-duration-fast) var(--rn-ease-standard);
}

.rn-button:hover:not(:disabled) {
  color: var(--rn-neutral-0);
  background: var(--rn-color-link-hover);
  filter: saturate(1.08) brightness(1.04);
  box-shadow: var(--rn-shadow-md);
  transform: translateY(-1px);
}

.rn-button:active:not(:disabled) {
  transform: scale(0.98);
}

.rn-button:disabled,
.rn-button[aria-disabled="true"] {
  opacity: 0.44;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.rn-button--accent {
  color: var(--rn-neutral-0);
  background: var(--rn-brand-900);
  border-color: var(--rn-color-link);
}

.rn-button--accent:hover:not(:disabled) {
  color: var(--rn-neutral-0);
  background: var(--rn-brand-950);
}

.rn-button--secondary {
  color: var(--rn-neutral-0);
  background: var(--rn-color-control-border);
  border-color: var(--rn-color-control-border);
  box-shadow: var(--rn-shadow-xs);
}

.rn-button--secondary:hover:not(:disabled) {
  color: var(--rn-neutral-0);
  background: var(--rn-color-link-hover);
  border-color: var(--rn-color-accent-strong);
  box-shadow: var(--rn-shadow-sm);
}

.rn-button--ghost {
  color: var(--rn-color-brand-text);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.rn-button--ghost:hover:not(:disabled) {
  color: var(--rn-neutral-0);
  background: var(--rn-color-link);
  box-shadow: none;
}

.rn-button--danger {
  color: var(--rn-neutral-0);
  background: var(--rn-color-danger);
  box-shadow: none;
}

.rn-button--danger:hover:not(:disabled) {
  color: var(--rn-neutral-0);
  background: var(--rn-color-danger);
}

.rn-button--sm {
  min-height: var(--rn-control-sm);
  min-width: var(--rn-target-min);
  padding-inline: var(--rn-space-4);
  font-size: var(--rn-font-size-2);
}

.rn-button--lg {
  min-height: var(--rn-control-lg);
  padding-inline: var(--rn-space-6);
  border-radius: var(--rn-radius-lg);
  font-size: var(--rn-font-size-4);
}

.rn-button--pill {
  border-radius: var(--rn-radius-pill);
}

.rn-button[aria-busy="true"]::before {
  width: var(--rn-icon-sm);
  aspect-ratio: 1;
  content: "";
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: rn-spin 700ms linear infinite;
}

.rn-icon-button {
  display: inline-grid;
  width: var(--rn-target-min);
  height: var(--rn-target-min);
  padding: 0;
  place-items: center;
  color: var(--rn-color-heading);
  background: transparent;
  border: var(--rn-border-width) solid transparent;
  border-radius: var(--rn-radius-md);
  cursor: pointer;
  transition: background-color var(--rn-duration-fast) ease, color var(--rn-duration-fast) ease;
}

.rn-icon-button:hover:not(:disabled),
.rn-icon-button[aria-pressed="true"] {
  color: var(--rn-neutral-0);
  background: var(--rn-color-link);
}

.rn-icon-button svg {
  width: var(--rn-icon-md);
  height: var(--rn-icon-md);
  stroke-width: 1.75;
}

.rn-card {
  position: relative;
  min-width: 0;
  padding: var(--rn-space-6);
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border: var(--rn-border-width) solid var(--rn-color-border);
  border-radius: var(--rn-radius-lg);
  box-shadow: var(--rn-shadow-xs);
}

.rn-card--raised {
  box-shadow: var(--rn-shadow-md);
}

.rn-card--soft {
  background: var(--rn-color-surface-soft);
  box-shadow: none;
}

.rn-card--glass {
  background: color-mix(in srgb, var(--rn-color-surface) 88%, transparent);
  border-color: color-mix(in srgb, var(--rn-color-accent-strong) 28%, transparent);
  box-shadow: var(--rn-shadow-lg);
  backdrop-filter: blur(18px);
}

.rn-card--brand {
  color: var(--rn-color-text);
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--rn-cyan) 26%, transparent), transparent 34%),
    var(--rn-color-surface-brand);
  border-color: color-mix(in srgb, var(--rn-color-primary) 35%, var(--rn-color-border));
  box-shadow: var(--rn-shadow-lg), var(--rn-glow-brand);
}

.rn-card--brand :is(h2, h3, h4) {
  color: var(--rn-color-heading);
}

.rn-card--interactive {
  cursor: pointer;
  transition: border-color var(--rn-duration-base) ease, box-shadow var(--rn-duration-base) ease, transform var(--rn-duration-base) var(--rn-ease-standard);
}

.rn-card--interactive:hover {
  border-color: var(--rn-color-accent-strong);
  box-shadow: var(--rn-shadow-md);
  transform: translateY(-2px);
}

.rn-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--rn-space-4);
  margin-bottom: var(--rn-space-5);
}

.rn-card__title {
  margin: 0;
  font-size: var(--rn-font-size-6);
}

.rn-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--rn-space-3);
  margin-top: var(--rn-space-6);
}

.rn-chip {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  gap: var(--rn-space-2);
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-brand);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-accent-strong) 45%, var(--rn-color-border));
  border-radius: var(--rn-radius-pill);
  font-size: var(--rn-font-size-2);
  font-weight: var(--rn-weight-semibold);
  line-height: 1.2;
  white-space: normal;
}

.rn-chip--neutral {
  color: var(--rn-color-text-subtle);
  background: var(--rn-color-surface-soft);
  border-color: var(--rn-color-border);
}

.rn-chip--success {
  color: var(--rn-color-success);
  background: var(--rn-color-success-surface);
  border-color: color-mix(in srgb, var(--rn-color-success) 35%, transparent);
}

.rn-chip--warning {
  color: var(--rn-color-warning);
  background: var(--rn-color-warning-surface);
  border-color: color-mix(in srgb, var(--rn-color-warning) 35%, transparent);
}

.rn-chip--danger {
  color: var(--rn-color-danger);
  background: var(--rn-color-danger-surface);
  border-color: color-mix(in srgb, var(--rn-color-danger) 35%, transparent);
}

.rn-badge {
  display: inline-flex;
  min-height: var(--rn-space-5);
  align-items: center;
  gap: var(--rn-space-1);
  padding-inline: var(--rn-space-2);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-brand);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-brand-text) 34%, var(--rn-color-border));
  border-radius: var(--rn-radius-pill);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-semibold);
  line-height: 1;
}

.rn-chip-button {
  min-height: var(--rn-target-min);
  color: var(--rn-neutral-0);
  background: var(--rn-color-link);
  border-color: var(--rn-color-link);
  cursor: pointer;
}

.rn-chip-button:hover,
.rn-chip-button[aria-pressed="true"] {
  color: var(--rn-neutral-0);
  border-color: var(--rn-color-link-hover);
  background: var(--rn-color-link-hover);
}

.rn-field {
  display: flex;
  flex-direction: column;
  gap: var(--rn-space-2);
  min-width: 0;
}

.rn-field__label {
  color: var(--rn-color-heading);
  font-size: var(--rn-font-size-3);
  font-weight: var(--rn-weight-semibold);
}

.rn-field__required {
  color: var(--rn-color-danger);
}

.rn-field__control,
.rn-field select,
.rn-field textarea {
  width: 100%;
  min-height: var(--rn-control-md);
  padding: var(--rn-space-3) var(--rn-space-4);
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border: var(--rn-border-width) solid var(--rn-color-control-border);
  border-radius: var(--rn-radius-md);
  outline: 0;
  transition: border-color var(--rn-duration-fast) ease, box-shadow var(--rn-duration-fast) ease, background-color var(--rn-duration-fast) ease;
}

.rn-field textarea {
  min-height: var(--rn-textarea-min-height);
  resize: vertical;
}

.rn-field__control::placeholder,
.rn-field textarea::placeholder {
  color: var(--rn-color-text-muted);
}

.rn-field__control:focus,
.rn-field select:focus,
.rn-field textarea:focus {
  background: var(--rn-color-surface);
  border-color: var(--rn-color-focus);
  box-shadow: var(--rn-focus-ring);
}

.rn-field__description,
.rn-field__error {
  margin: 0;
  font-size: var(--rn-font-size-2);
  line-height: 1.45;
}

.rn-field__description {
  color: var(--rn-color-text-subtle);
}

.rn-field__error {
  color: var(--rn-color-danger);
  font-weight: var(--rn-weight-medium);
}

.rn-field[data-invalid="true"] :is(.rn-field__control, select, textarea) {
  border-color: var(--rn-color-danger);
}

.rn-field__control:read-only,
.rn-field textarea:read-only {
  color: var(--rn-color-text-subtle);
  background: var(--rn-color-surface-muted);
  border-style: dashed;
}

.rn-file-upload {
  display: grid;
  min-height: calc(var(--rn-control-lg) * 2);
  place-items: center;
  gap: var(--rn-space-2);
  padding: var(--rn-space-5);
  color: var(--rn-color-text-subtle);
  border: var(--rn-border-width) dashed var(--rn-color-control-border);
  border-radius: var(--rn-radius-lg);
  background: var(--rn-color-surface-soft);
  text-align: center;
}

.rn-file-upload:focus-within {
  border-color: var(--rn-color-focus);
  box-shadow: var(--rn-focus-ring);
}

.rn-file-upload input[type="file"] {
  max-width: 100%;
}

.rn-check {
  display: inline-flex;
  min-height: var(--rn-target-min);
  align-items: center;
  gap: var(--rn-space-3);
  color: var(--rn-color-text);
  cursor: pointer;
}

.rn-check input {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  accent-color: var(--rn-color-primary);
}

.rn-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--rn-space-3);
  padding: var(--rn-space-4);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-brand);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-primary) 30%, transparent);
  border-radius: var(--rn-radius-md);
}

.rn-alert--success {
  color: var(--rn-color-success);
  background: var(--rn-color-success-surface);
  border-color: color-mix(in srgb, var(--rn-color-success) 30%, transparent);
}

.rn-alert--warning {
  color: var(--rn-color-warning);
  background: var(--rn-color-warning-surface);
  border-color: color-mix(in srgb, var(--rn-color-warning) 30%, transparent);
}

.rn-alert--danger {
  color: var(--rn-color-danger);
  background: var(--rn-color-danger-surface);
  border-color: color-mix(in srgb, var(--rn-color-danger) 30%, transparent);
}

.rn-alert__title {
  margin: 0 0 var(--rn-space-1);
  color: currentColor;
  font-size: var(--rn-font-size-3);
}

.rn-alert p {
  margin: 0;
  color: currentColor;
  font-size: var(--rn-font-size-3);
}

.rn-error-summary {
  padding: var(--rn-space-5);
  color: var(--rn-color-danger);
  background: var(--rn-color-danger-surface);
  border: var(--rn-border-width) solid var(--rn-color-danger);
  border-radius: var(--rn-radius-md);
}

.rn-error-summary:focus {
  outline: 3px solid var(--rn-color-focus);
  outline-offset: var(--rn-space-1);
}

.rn-error-summary h2,
.rn-error-summary h3 {
  margin-bottom: var(--rn-space-3);
  color: currentColor;
  font-size: var(--rn-font-size-5);
}

.rn-error-summary ul {
  margin: 0;
  padding-left: var(--rn-space-5);
}

.rn-error-summary a {
  color: currentColor;
  font-weight: var(--rn-weight-semibold);
}

.rn-section-label {
  display: inline-flex;
  align-items: center;
  gap: var(--rn-space-2);
  color: var(--rn-color-brand-text);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-bold);
  letter-spacing: var(--rn-tracking-eyebrow);
  text-transform: uppercase;
}

.rn-section-label::before {
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  background: var(--rn-gradient-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--rn-cyan) 14%, transparent);
}

.rn-topbar {
  position: sticky;
  top: 0;
  z-index: var(--rn-z-sticky);
  min-height: var(--rn-header-height);
  display: flex;
  align-items: center;
  color: var(--rn-color-heading);
  background: color-mix(in srgb, var(--rn-color-surface) 92%, transparent);
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
  backdrop-filter: blur(14px);
}

.rn-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rn-space-5);
}

.rn-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rn-space-2);
}

.rn-nav__link {
  min-height: var(--rn-target-min);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-text-subtle);
  border-radius: var(--rn-radius-sm);
  font-size: var(--rn-font-size-3);
  font-weight: var(--rn-weight-medium);
  text-decoration: none;
}

.rn-nav__link:hover,
.rn-nav__link[aria-current="page"] {
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-brand);
}

.rn-product-shell {
  display: grid;
  grid-template-columns: var(--rn-sidebar-width) minmax(0, 1fr);
  min-height: calc(100dvh - var(--rn-header-height));
}

.rn-sidebar {
  position: sticky;
  top: var(--rn-header-height);
  align-self: start;
  width: var(--rn-sidebar-width);
  max-height: calc(100dvh - var(--rn-header-height));
  overflow-y: auto;
  padding: var(--rn-space-4);
  border-right: var(--rn-border-width) solid var(--rn-color-border);
  background: var(--rn-color-surface);
}

.rn-sidebar__nav {
  display: grid;
  gap: var(--rn-space-1);
}

.rn-sidebar__link {
  display: flex;
  min-height: var(--rn-target-min);
  align-items: center;
  gap: var(--rn-space-3);
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-text-subtle);
  border-radius: var(--rn-radius-sm);
  text-decoration: none;
}

.rn-sidebar__link:hover,
.rn-sidebar__link[aria-current="page"] {
  color: var(--rn-color-heading);
  background: var(--rn-color-surface-brand);
  box-shadow: inset 3px 0 0 var(--rn-color-brand-text);
}

.rn-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rn-space-2);
  margin: 0;
  padding: 0;
  color: var(--rn-color-text-subtle);
  font-size: var(--rn-font-size-2);
  list-style: none;
}

.rn-breadcrumb li:not(:last-child)::after {
  margin-left: var(--rn-space-2);
  color: var(--rn-color-text-muted);
  content: "/";
}

.rn-breadcrumb [aria-current="page"] {
  color: var(--rn-color-heading);
  font-weight: var(--rn-weight-semibold);
}

.rn-tabs {
  display: flex;
  gap: var(--rn-space-1);
  overflow-x: auto;
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-tab {
  position: relative;
  display: inline-flex;
  min-height: var(--rn-target-min);
  flex: 0 0 auto;
  align-items: center;
  padding-inline: var(--rn-space-4);
  color: var(--rn-color-text-subtle);
  border: 0;
  background: transparent;
  font-weight: var(--rn-weight-semibold);
}

.rn-tab[aria-selected="true"],
.rn-tab[aria-pressed="true"] {
  color: var(--rn-color-heading);
}

.rn-tab[aria-selected="true"]::after,
.rn-tab[aria-pressed="true"]::after {
  position: absolute;
  right: var(--rn-space-3);
  bottom: 0;
  left: var(--rn-space-3);
  height: var(--rn-space-1);
  content: "";
  border-radius: var(--rn-radius-pill) var(--rn-radius-pill) 0 0;
  background: var(--rn-color-brand-text);
}

.rn-tab-panel {
  padding-block: var(--rn-space-5);
}

.rn-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--rn-space-4);
}

.rn-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rn-space-2);
}

.rn-pagination__page {
  display: inline-grid;
  min-width: var(--rn-target-min);
  min-height: var(--rn-target-min);
  place-items: center;
  color: var(--rn-color-text-subtle);
  border: var(--rn-border-width) solid var(--rn-color-border);
  border-radius: var(--rn-radius-sm);
  background: var(--rn-color-surface);
  text-decoration: none;
}

.rn-pagination__page:hover,
.rn-pagination__page[aria-current="page"] {
  color: var(--rn-color-heading);
  border-color: var(--rn-color-control-border);
  background: var(--rn-color-surface-brand);
}

.rn-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-block: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-list-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--rn-space-4);
  min-height: 3.625rem;
  padding: var(--rn-space-3) var(--rn-space-4);
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
  transition: background-color var(--rn-duration-fast) ease, box-shadow var(--rn-duration-fast) ease;
}

.rn-list-item:last-child {
  border-bottom: 0;
}

.rn-list-item:hover,
.rn-list-item[aria-selected="true"] {
  background: var(--rn-color-surface-brand);
  box-shadow: inset 3px 0 0 var(--rn-color-accent);
}

.rn-list-item__title {
  margin: 0;
  color: var(--rn-color-heading);
  font-size: var(--rn-font-size-3);
  font-weight: var(--rn-weight-semibold);
}

.rn-list-item__meta {
  margin: var(--rn-space-1) 0 0;
  color: var(--rn-color-text-subtle);
  font-size: var(--rn-font-size-2);
}

.rn-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: var(--rn-border-width) solid var(--rn-color-border);
  border-radius: var(--rn-radius-lg);
  background: var(--rn-color-surface);
}

.rn-table {
  width: 100%;
  min-width: var(--rn-table-min-width);
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.rn-table :is(th, td) {
  padding: var(--rn-space-3) var(--rn-space-4);
  text-align: left;
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-table th {
  color: var(--rn-color-text-subtle);
  background: var(--rn-color-surface-soft);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-bold);
  letter-spacing: var(--rn-tracking-label);
  text-transform: uppercase;
}

.rn-table tbody tr:hover {
  background: var(--rn-color-surface-brand);
}

.rn-kpi {
  display: flex;
  flex-direction: column;
  gap: var(--rn-space-2);
}

.rn-kpi__label {
  color: var(--rn-color-text-subtle);
  font-size: var(--rn-font-size-2);
  font-weight: var(--rn-weight-medium);
}

.rn-kpi__value {
  color: var(--rn-color-heading);
  font-size: clamp(var(--rn-font-size-8), 4vw, var(--rn-font-size-9));
  font-weight: var(--rn-weight-semibold);
  line-height: 1;
  letter-spacing: var(--rn-tracking-heading);
  font-variant-numeric: tabular-nums;
}

.rn-accordion {
  border-block: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-accordion details {
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-accordion details:last-child {
  border-bottom: 0;
}

.rn-accordion summary {
  min-height: var(--rn-target-min);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rn-space-4);
  padding-block: var(--rn-space-4);
  color: var(--rn-color-heading);
  font-weight: var(--rn-weight-semibold);
  list-style: none;
}

.rn-accordion summary::-webkit-details-marker {
  display: none;
}

.rn-accordion summary::after {
  content: "+";
  color: var(--rn-color-brand-text);
  font-size: var(--rn-font-size-6);
  font-weight: var(--rn-weight-regular);
}

.rn-accordion details[open] summary::after {
  content: "−";
}

.rn-accordion__content {
  max-width: var(--rn-content-reading);
  padding-bottom: var(--rn-space-5);
  color: var(--rn-color-text-subtle);
}

.rn-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--rn-z-overlay);
  display: grid;
  padding: var(--rn-page-gutter);
  place-items: center;
  background: var(--rn-color-overlay);
}

.rn-dialog {
  width: min(100%, var(--rn-dialog-width));
  max-height: calc(100dvh - (2 * var(--rn-page-gutter)));
  overflow: auto;
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border: var(--rn-border-width) solid var(--rn-color-border);
  border-radius: var(--rn-radius-xl);
  box-shadow: var(--rn-shadow-lg);
}

.rn-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: var(--rn-z-modal);
  width: min(100%, var(--rn-popover-width));
  height: 100dvh;
  overflow-y: auto;
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border-left: var(--rn-border-width) solid var(--rn-color-border);
  box-shadow: var(--rn-shadow-lg);
}

.rn-popover,
.rn-menu {
  width: min(calc(100vw - (2 * var(--rn-page-gutter))), var(--rn-popover-width));
  padding: var(--rn-space-2);
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border: var(--rn-border-width) solid var(--rn-color-control-border);
  border-radius: var(--rn-radius-md);
  box-shadow: var(--rn-shadow-md);
}

.rn-menu {
  margin: 0;
  list-style: none;
}

.rn-menu__item {
  display: flex;
  min-height: var(--rn-target-min);
  align-items: center;
  gap: var(--rn-space-3);
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-text);
  border-radius: var(--rn-radius-sm);
  text-decoration: none;
}

.rn-menu__item:hover,
.rn-menu__item:focus-visible {
  background: var(--rn-color-surface-brand);
}

.rn-dialog__header,
.rn-dialog__body,
.rn-dialog__footer {
  padding: var(--rn-space-5) var(--rn-space-6);
}

.rn-dialog__header,
.rn-dialog__footer {
  display: flex;
  align-items: center;
  gap: var(--rn-space-3);
}

.rn-dialog__header {
  justify-content: space-between;
  border-bottom: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-dialog__footer {
  justify-content: flex-end;
  border-top: var(--rn-border-width) solid var(--rn-color-border);
}

.rn-toast {
  position: fixed;
  right: var(--rn-page-gutter);
  bottom: var(--rn-page-gutter);
  z-index: var(--rn-z-toast);
  width: min(calc(100% - (2 * var(--rn-page-gutter))), var(--rn-toast-width));
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--rn-space-3);
  padding: var(--rn-space-4);
  color: var(--rn-color-text);
  background: var(--rn-color-surface);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-primary) 42%, var(--rn-color-border));
  border-radius: var(--rn-radius-md);
  box-shadow: var(--rn-shadow-lg);
}

.rn-empty-state {
  min-height: var(--rn-empty-min-height);
  display: grid;
  place-items: center;
  padding: var(--rn-space-8);
  text-align: center;
  background: var(--rn-color-surface-soft);
  border: var(--rn-border-width) dashed var(--rn-color-border-strong);
  border-radius: var(--rn-radius-xl);
}

.rn-empty-state__inner {
  max-width: 30rem;
}

/* --------------------------------------------------------------------------
 * Orçamento DNA — reusable primitives extracted from the canonical front.
 * These classes carry the dominant Vidia visual language into new experiences.
 * -------------------------------------------------------------------------- */

.rn-story-page {
  color: var(--rn-color-text);
  background: var(--rn-color-background);
}

.rn-story-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: var(--rn-z-toast);
  height: var(--rn-space-1);
  overflow: hidden;
  pointer-events: none;
}

.rn-story-progress::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--rn-gradient-progress);
  box-shadow: var(--rn-glow-brand);
  transform: scaleX(var(--rn-story-progress, 0));
  transform-origin: left center;
}

.rn-story-nav {
  position: sticky;
  top: 0;
  z-index: var(--rn-z-sticky);
  display: grid;
  grid-template-columns: auto minmax(var(--rn-space-8), 1fr) auto;
  align-items: center;
  gap: var(--rn-space-5);
  min-height: var(--rn-header-height);
  padding-inline: var(--rn-page-gutter);
  color: var(--rn-color-heading);
  background: color-mix(in srgb, var(--rn-color-background) 94%, transparent);
  backdrop-filter: blur(var(--rn-space-4));
}

.rn-story-nav__line {
  height: var(--rn-border-width);
  background: var(--rn-color-border);
}

.rn-story-nav__links {
  display: flex;
  align-items: center;
  gap: var(--rn-space-5);
}

.rn-story-nav__links a {
  min-height: var(--rn-target-min);
  display: inline-flex;
  align-items: center;
  color: var(--rn-color-heading);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-semibold);
  letter-spacing: var(--rn-tracking-eyebrow);
  text-decoration: none;
}

.rn-story-hero,
.rn-story-scene {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.rn-story-hero {
  min-height: var(--rn-story-hero-min-height);
  color: var(--rn-color-text);
  background-color: var(--rn-color-background);
  background-image:
    linear-gradient(var(--rn-grid-line) var(--rn-border-width), transparent var(--rn-border-width)),
    linear-gradient(90deg, var(--rn-grid-line) var(--rn-border-width), transparent var(--rn-border-width));
  background-size: var(--rn-grid-editorial-x) var(--rn-grid-editorial-y);
}

.rn-story-hero::before,
.rn-story-hero::after {
  position: absolute;
  z-index: 0;
  content: "";
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-link) 7%, transparent);
  border-radius: var(--rn-radius-pill);
  pointer-events: none;
}

.rn-story-hero::before {
  top: var(--rn-space-12);
  right: var(--rn-space-10);
  width: var(--rn-orbit-lg);
  aspect-ratio: 1;
}

.rn-story-hero::after {
  top: calc(var(--rn-space-12) + var(--rn-space-8));
  left: var(--rn-space-10);
  width: var(--rn-orbit-sm);
  aspect-ratio: 1;
}

.rn-story-hero > *,
.rn-story-scene > * {
  position: relative;
  z-index: 1;
}

.rn-story-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(var(--rn-space-5), 2.6vw, var(--rn-space-8));
  padding-block: var(--rn-space-12) var(--rn-space-10);
}

.rn-story-wordmark img {
  width: clamp(var(--rn-wordmark-icon-min), 9.6vw, var(--rn-wordmark-icon-max));
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(var(--rn-shadow-wordmark));
}

.rn-story-wordmark strong {
  color: var(--rn-color-primary);
  background: var(--rn-gradient-wordmark);
  background-clip: text;
  font-size: var(--rn-font-size-wordmark);
  font-weight: var(--rn-weight-extrabold);
  line-height: var(--rn-leading-wordmark);
  letter-spacing: var(--rn-tracking-tight);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rn-story-wordmark__letters {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

.rn-story-wordmark__letter {
  display: inline-block;
  color: var(--rn-color-primary);
  color: color-mix(in oklab, var(--rn-cyan) calc(100% - var(--rn-letter-index, 0) * 12%), var(--rn-blue-soft));
  font-style: normal;
  -webkit-text-fill-color: currentcolor;
  will-change: transform, opacity;
  animation: rn-wordmark-letter-in var(--rn-duration-count)
    calc(var(--rn-duration-slow) + var(--rn-letter-index, 0) * var(--rn-stagger-wordmark))
    var(--rn-ease-emphasized) both;
}

.rn-story-wordmark__letter--space {
  width: var(--rn-wordmark-letter-space);
  opacity: 1;
  animation: none;
}

@keyframes rn-wordmark-letter-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 125%, 0);
  }

  62% {
    opacity: 1;
  }

  76% {
    transform: translate3d(0, -10%, 0);
  }

  88% {
    transform: translate3d(0, 3%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rn-story-hero__content {
  display: grid;
  grid-template-columns: minmax(0, var(--rn-story-column-main)) minmax(0, var(--rn-story-column-aside));
  gap: var(--rn-story-column-gap);
  width: min(calc(100% - (2 * var(--rn-page-gutter))), var(--rn-content-wide));
  margin-inline: auto;
  align-items: end;
}

.rn-story-title {
  margin: 0;
  color: currentColor;
  font-size: var(--rn-font-size-hero);
  font-weight: var(--rn-weight-medium);
  line-height: var(--rn-leading-hero);
  letter-spacing: var(--rn-tracking-hero);
  text-wrap: balance;
}

.rn-story-title span,
.rn-story-heading span {
  color: var(--rn-color-link);
}

.rn-story-support {
  max-width: var(--rn-story-support-width);
  margin: 0;
  color: var(--rn-color-text-subtle);
  font-size: var(--rn-font-size-4);
  line-height: var(--rn-leading-support);
}

.rn-capability-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rn-space-2);
}

.rn-capability-chips span {
  display: inline-flex;
  min-height: var(--rn-control-sm);
  align-items: center;
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-link-hover);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-semibold);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-primary) 32%, transparent);
  border-radius: var(--rn-radius-pill);
  background: color-mix(in srgb, var(--rn-color-surface-brand) 78%, transparent);
  white-space: nowrap;
}

.rn-story-scene {
  min-height: var(--rn-story-scene-min-height);
  padding-block: var(--rn-story-section-space);
  color: var(--rn-color-text);
  background: var(--rn-color-background);
}

.rn-story-scene--dark {
  color: var(--rn-color-on-scene);
  background: var(--rn-color-scene);
}

.rn-story-scene--stage {
  color: var(--rn-color-on-scene);
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--rn-color-primary) 6%, transparent), transparent 38%),
    var(--rn-color-scene-stage);
  border-top: var(--rn-border-width) solid var(--rn-color-scene-border);
}

.rn-story-scene--deep {
  color: var(--rn-color-on-scene);
  background: var(--rn-gradient-scene);
}

.rn-story-scene__inner {
  width: min(calc(100% - (2 * var(--rn-page-gutter))), var(--rn-content-story));
  margin-inline: auto;
}

.rn-story-split {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.1fr);
  gap: clamp(var(--rn-space-8), 10vw, var(--rn-space-12));
  align-items: start;
}

.rn-story-heading {
  margin: 0;
  color: currentColor;
  font-size: var(--rn-font-size-section);
  font-weight: var(--rn-weight-medium);
  line-height: var(--rn-leading-section);
  letter-spacing: var(--rn-tracking-tight);
  text-wrap: balance;
}

.rn-story-scene--dark .rn-story-heading span,
.rn-story-scene--stage .rn-story-heading span,
.rn-story-scene--deep .rn-story-heading span {
  color: color-mix(in srgb, var(--rn-color-primary) 82%, var(--rn-color-on-scene));
}

.rn-story-copy {
  color: var(--rn-color-text-subtle);
  font-size: clamp(var(--rn-font-size-4), 1.5vw, var(--rn-font-size-6));
  line-height: var(--rn-leading-story-copy);
}

.rn-story-scene:is(.rn-story-scene--dark, .rn-story-scene--stage, .rn-story-scene--deep) .rn-story-copy {
  color: var(--rn-color-on-scene-muted);
}

.rn-story-copy strong {
  color: var(--rn-color-heading);
  font-weight: var(--rn-weight-semibold);
}

.rn-story-scene:is(.rn-story-scene--dark, .rn-story-scene--stage, .rn-story-scene--deep) .rn-story-copy strong {
  color: var(--rn-color-on-scene-strong);
}

.rn-story-media-frame {
  position: relative;
  min-height: calc(var(--rn-story-scene-min-height) - var(--rn-space-12));
  overflow: hidden;
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-on-scene) 6%, transparent);
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--rn-color-primary) 20%, transparent), transparent 28%),
    var(--rn-color-scene-stage);
  perspective: var(--rn-story-perspective);
}

.rn-story-media-frame img {
  filter: drop-shadow(var(--rn-shadow-device));
}

.rn-story-handoff {
  display: grid;
  grid-template-columns: minmax(var(--rn-space-8), 1fr) auto minmax(var(--rn-space-8), 1fr);
  align-items: center;
  gap: var(--rn-space-5);
  color: var(--rn-color-text-muted);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-semibold);
  letter-spacing: var(--rn-tracking-eyebrow);
  text-transform: uppercase;
}

.rn-story-handoff::before,
.rn-story-handoff::after {
  height: var(--rn-border-width);
  content: "";
  background: linear-gradient(90deg, transparent, var(--rn-color-border-strong));
}

.rn-story-handoff::after {
  background: linear-gradient(90deg, var(--rn-color-border-strong), transparent);
}

.rn-story-ticket {
  position: relative;
  overflow: hidden;
  padding: clamp(var(--rn-space-6), 5vw, var(--rn-space-10));
  color: var(--rn-color-text);
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--rn-cyan) 18%, transparent), transparent 30%),
    var(--rn-color-surface);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-primary) 34%, var(--rn-color-border));
  border-radius: var(--rn-radius-2xl);
  box-shadow: var(--rn-shadow-lg), var(--rn-glow-brand);
}

.rn-story-ticket::after {
  position: absolute;
  right: calc(var(--rn-space-8) * -1);
  bottom: calc(var(--rn-space-8) * -1);
  width: var(--rn-motif-icon-sm);
  aspect-ratio: 1;
  content: "";
  opacity: var(--rn-motif-opacity-sm);
  background: url("../assets/motifs/rn-pixels.svg") center / contain no-repeat;
  pointer-events: none;
}

.rn-story-ticket > * {
  position: relative;
  z-index: 1;
}

.rn-skeleton {
  position: relative;
  overflow: hidden;
  min-height: 1rem;
  background: var(--rn-color-surface-muted);
  border-radius: var(--rn-radius-sm);
}

.rn-skeleton::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--rn-color-surface) 72%, transparent), transparent);
  transform: translateX(-100%);
  animation: rn-skeleton 1.5s ease-in-out infinite;
}

@keyframes rn-spin {
  to { transform: rotate(1turn); }
}

@keyframes rn-skeleton {
  to { transform: translateX(100%); }
}

@media (max-width: 1150px) {
  .rn-story-hero__content,
  .rn-story-split {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--rn-space-8);
  }

  .rn-story-support {
    max-width: var(--rn-content-reading);
  }

  .rn-story-scene {
    min-height: auto;
  }
}

@media (max-width: 899px) {
  .rn-product-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .rn-sidebar {
    position: static;
    width: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    padding-block: var(--rn-space-2);
    border-right: 0;
    border-bottom: var(--rn-border-width) solid var(--rn-color-border);
  }

  .rn-sidebar__nav {
    display: flex;
    width: max-content;
    min-width: 100%;
  }

  .rn-sidebar__link {
    flex: 0 0 auto;
  }

  .rn-sidebar__link:hover,
  .rn-sidebar__link[aria-current="page"] {
    box-shadow: inset 0 calc(var(--rn-space-1) * -1) 0 var(--rn-color-brand-text);
  }
}

@media (max-width: 599px) {
  .rn-button:not(.rn-button--inline) {
    width: 100%;
  }

  .rn-card {
    padding: var(--rn-space-5);
  }

  .rn-dialog__header,
  .rn-dialog__body,
  .rn-dialog__footer {
    padding-inline: var(--rn-space-5);
  }

  .rn-dialog__footer {
    flex-direction: column-reverse;
  }

  .rn-dialog__footer .rn-button {
    width: 100%;
  }

  .rn-story-nav {
    grid-template-columns: auto minmax(var(--rn-space-6), 1fr);
  }

  .rn-story-nav__links {
    display: none;
  }

  .rn-story-wordmark {
    flex-direction: column;
    padding-block: var(--rn-space-10) var(--rn-space-8);
  }

  .rn-story-wordmark strong {
    font-size: var(--rn-font-size-wordmark-mobile);
  }

  .rn-story-hero::before {
    right: calc(var(--rn-space-10) * -1);
  }

  .rn-story-hero::after {
    left: var(--rn-space-4);
  }

  .rn-story-hero__content,
  .rn-story-split {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--rn-space-7);
  }

  .rn-story-title {
    font-size: var(--rn-font-size-hero-mobile);
  }

  .rn-story-scene {
    min-height: auto;
    padding-block: var(--rn-space-10);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rn-skeleton::after,
  .rn-button[aria-busy="true"]::before {
    animation: none;
  }

  .rn-story-wordmark__letter {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none;
  }

  .rn-story-progress::after {
    transition: none;
  }
}

/* Source: login.css */
.rn-auth-page {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  background: var(--rn-color-background);
}

.rn-auth-main {
  height: 100dvh;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(var(--rn-space-2), 3dvh, var(--rn-space-6)) var(--rn-page-gutter);
}

.rn-auth-container {
  width: min(100%, calc(var(--rn-dialog-width) - var(--rn-space-8) - var(--rn-space-2)));
  max-height: 100%;
  margin-inline: auto;
}

.rn-auth-card__brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rn-space-5);
}

.rn-auth-product {
  display: inline-flex;
  min-height: var(--rn-control-sm);
  align-items: center;
  gap: var(--rn-space-2);
  margin: 0;
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-brand);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-primary) 35%, var(--rn-color-border));
  border-radius: var(--rn-radius-pill);
  font-size: var(--rn-font-size-1);
  font-weight: var(--rn-weight-bold);
  letter-spacing: var(--rn-tracking-eyebrow);
  text-transform: uppercase;
}

.rn-auth-product span,
.rn-auth-security span {
  width: var(--rn-space-2);
  aspect-ratio: 1;
  flex: 0 0 auto;
  background: var(--rn-color-accent);
  border-radius: var(--rn-radius-pill);
  box-shadow: 0 0 0 var(--rn-space-1) color-mix(in srgb, var(--rn-color-accent) 18%, transparent);
}

.rn-auth-card {
  --rn-stack-gap: var(--rn-space-4);
  width: 100%;
  max-height: 100%;
  padding: clamp(var(--rn-space-5), 4dvh, var(--rn-space-7));
  border-radius: var(--rn-radius-xl);
}

.rn-auth-card__header {
  --rn-stack-gap: var(--rn-space-2);
}

.rn-auth-card__header h1 {
  margin: 0;
  font-size: clamp(var(--rn-font-size-8), 6vw, var(--rn-font-size-9));
  line-height: var(--rn-leading-tight);
}

.rn-auth-card__header .rn-muted {
  margin: 0;
  line-height: var(--rn-leading-body);
}

.rn-auth-form {
  --rn-stack-gap: var(--rn-space-4);
}

.rn-auth-form .rn-field__control {
  min-height: var(--rn-control-lg);
  font-size: var(--rn-font-size-4);
}

.rn-auth-password {
  position: relative;
}

.rn-auth-password .rn-field__control {
  padding-right: var(--rn-space-10);
}

.rn-auth-password__toggle {
  position: absolute;
  right: var(--rn-space-1);
  top: 50%;
  min-width: var(--rn-target-min);
  min-height: var(--rn-control-md);
  padding-inline: var(--rn-space-3);
  color: var(--rn-color-brand-text);
  background: var(--rn-color-surface-soft);
  border: 0;
  border-radius: var(--rn-radius-sm);
  font-size: var(--rn-font-size-2);
  font-weight: var(--rn-weight-semibold);
  transform: translateY(-50%);
  transition: color var(--rn-duration-fast) ease, background-color var(--rn-duration-fast) ease;
}

.rn-auth-password__toggle:hover,
.rn-auth-password__toggle[aria-pressed="true"] {
  color: var(--rn-color-heading);
  background: var(--rn-color-surface-brand);
}

.rn-auth-submit {
  width: 100%;
  justify-content: space-between;
  color: var(--rn-color-on-primary);
  background: var(--rn-gradient-brand);
  border-color: var(--rn-color-primary);
}

.rn-auth-submit:hover:not(:disabled) {
  color: var(--rn-color-on-primary);
  background: var(--rn-gradient-accent);
  border-color: var(--rn-color-focus);
}

.rn-auth-submit svg {
  width: var(--rn-icon-md);
  height: var(--rn-icon-md);
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.75;
}

.rn-auth-error {
  display: flex;
  flex-direction: column;
  gap: var(--rn-space-1);
  padding: var(--rn-space-4);
  color: var(--rn-color-danger);
  background: var(--rn-color-danger-surface);
  border: var(--rn-border-width) solid color-mix(in srgb, var(--rn-color-danger) 32%, var(--rn-color-border));
  border-radius: var(--rn-radius-md);
  font-size: var(--rn-font-size-3);
  line-height: var(--rn-leading-body);
}

.rn-auth-error strong {
  color: currentColor;
}

.rn-auth-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rn-space-4);
}

.rn-auth-security,
.rn-auth-slogan {
  margin: 0;
  color: var(--rn-color-text-subtle);
  font-size: var(--rn-font-size-2);
  line-height: var(--rn-leading-body);
}

.rn-auth-security {
  display: flex;
  align-items: center;
  gap: var(--rn-space-2);
}

.rn-auth-security span {
  background: var(--rn-color-success);
  box-shadow: 0 0 0 var(--rn-space-1) color-mix(in srgb, var(--rn-color-success) 14%, transparent);
}

.rn-auth-slogan {
  max-width: 22ch;
  text-align: right;
}

@media (max-width: 599px) {
  .rn-auth-card__brand {
    flex-direction: column;
    align-items: center;
    gap: var(--rn-space-3);
  }

  .rn-auth-card__brand .rn-brand-logo {
    --rn-logo-width: calc(var(--rn-space-12) + var(--rn-space-5));
  }

  .rn-auth-card {
    padding: var(--rn-space-5);
  }

  .rn-auth-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--rn-space-2);
  }

  .rn-auth-slogan {
    max-width: none;
    text-align: left;
  }
}

@media (max-height: 43rem) {
  .rn-auth-main {
    padding-block: var(--rn-space-2);
  }

  .rn-auth-card {
    --rn-stack-gap: var(--rn-space-3);
    padding: var(--rn-space-4);
  }

  .rn-auth-card__brand .rn-brand-logo {
    --rn-logo-width: var(--rn-space-12);
  }

  .rn-auth-card__header {
    --rn-stack-gap: var(--rn-space-1);
  }

  .rn-auth-card__header .rn-muted,
  .rn-auth-slogan {
    display: none;
  }

  .rn-auth-card__header h1 {
    font-size: var(--rn-font-size-8);
  }

  .rn-auth-form {
    --rn-stack-gap: var(--rn-space-3);
  }

  .rn-auth-form .rn-field {
    gap: var(--rn-space-1);
  }

  .rn-auth-form .rn-field__control,
  .rn-auth-submit {
    min-height: var(--rn-control-md);
  }

  .rn-auth-error {
    gap: var(--rn-space-0);
    padding: var(--rn-space-3);
    font-size: var(--rn-font-size-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rn-auth-password__toggle,
  .rn-auth-submit {
    transition: none;
  }
}

/* Source: login-premium.css */
/* Login: quiet product entry, without decorative AI motifs. */
.rn-auth-page { background: #f3f5f4; }
.rn-auth-main { background: #f3f5f4; }
.rn-brand-canvas { background-image: none !important; }
.rn-brand-canvas::before, .rn-brand-canvas::after { display: none !important; }
.rn-auth-card { border: 1px solid #dbe2e5; border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(17, 41, 53, .1); }
.rn-auth-card__brand { justify-content: flex-start; }
.rn-auth-wordmark { display: inline-flex; align-items: center; gap: 11px; color: #182126; }
.rn-auth-wordmark img { width: 42px; height: 42px; object-fit: contain; }
.rn-auth-wordmark span { display: flex; flex-direction: column; gap: 3px; }
.rn-auth-wordmark strong { font-size: 17px; font-weight: 750; letter-spacing: -.03em; }
.rn-auth-wordmark small { color: #7a878d; font-size:var(--text-xs); letter-spacing: .08em; text-transform: uppercase; }
.rn-auth-product { display: none; }
.rn-auth-card__header h1 { font-size: clamp(2rem, 6vw, 2.5rem); letter-spacing: -.045em; }
.rn-auth-card__header .rn-eyebrow { color:var(--theme-accent); }
.rn-auth-submit { color: #fff; background: #197da0; border-color: #197da0; }
.rn-auth-submit:hover:not(:disabled) { color: #fff; background: #146d8b; border-color: #146d8b; }
.rn-auth-footer { border-top: 1px solid #edf0f0; padding-top: 14px; }
.rn-auth-security span { box-shadow: none; }
@media (max-width: 599px) {
  .rn-auth-card__brand { align-items: flex-start; }
}

/* Source: auth-experience.css */
.rn-auth-page.studio-auth-page {
  min-height: 100svh;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  color: #1a262c;
  background: #e9eff1;
  font-family:var(--font-sans);
}

.studio-auth-page *,
.studio-auth-page *::before,
.studio-auth-page *::after { box-sizing: border-box; }

.studio-auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  width: min(1512px, calc(100% - 36px));
  min-height: min(920px, calc(100svh - 36px));
  margin: 18px auto;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(21, 48, 59, .09);
  border-radius: 26px;
  box-shadow: 0 28px 90px rgba(22, 48, 57, .14), 0 2px 8px rgba(22, 48, 57, .04);
}

.studio-auth-story {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  padding: clamp(34px, 5vw, 72px);
  color: #f7fbfc;
  background:
    radial-gradient(ellipse at 18% 5%, rgba(38, 105, 119, .3), transparent 34%),
    radial-gradient(ellipse at 85% 56%, rgba(153, 99, 82, .16), transparent 34%),
    linear-gradient(142deg, #14252d 0%, #101a21 53%, #111e24 100%);
}

.studio-auth-story::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  content: "";
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.6), transparent 65%);
  pointer-events: none;
}

.studio-auth-brand,
.studio-auth-story__copy,
.studio-auth-art,
.studio-auth-story__footer { position: relative; z-index: 1; }

.studio-auth-brand {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 13px;
  color: #f6fbfc;
  text-decoration: none;
}

.studio-auth-brand img { display: block; width: 44px; height: 44px; object-fit: contain; }
.studio-auth-brand span { display: flex; flex-direction: column; gap: 4px; }
.studio-auth-brand strong { font-family: Manrope, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -.045em; }
.studio-auth-brand small { color: #91a4aa; font-size:var(--text-xs); font-weight: 700; letter-spacing: .16em; }
.studio-auth-brand:focus-visible { outline: 3px solid #74d6df; outline-offset: 5px; border-radius: 5px; }
.studio-auth-brand--mobile { display: none; }

.studio-auth-story__copy { max-width: 580px; margin-top: clamp(42px, 7vh, 76px); }
.studio-auth-kicker,
.studio-auth-panel__eyebrow { margin: 0; font-size:var(--text-xs); font-weight: 700; letter-spacing: .16em; }
.studio-auth-kicker { display: flex; align-items: center; gap: 10px; color: #adc2c7; }
.studio-auth-kicker span { width: 7px; height: 7px; border-radius: 50%; background: #7ed3d9; box-shadow: 0 0 0 5px rgba(126, 211, 217, .12); }
.studio-auth-story__copy h1 { margin: 22px 0 16px; color: #f8fbfc; font-family: Manrope, "Segoe UI", sans-serif; font-size: clamp(42px, 5vw, 68px); font-weight: 700; line-height: .99; letter-spacing: -.075em; }
.studio-auth-story__copy h1 em { color: #87d6dc; font-style: normal; }
.studio-auth-story__description { max-width: 430px; margin: 0; color: #b2c0c4; font-size: 15px; line-height: 1.75; }

.studio-auth-art {
  width: min(100%, 610px);
  margin: auto auto 24px;
  padding: 11px 11px 13px;
  border: 1px solid rgba(229, 244, 245, .17);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
  box-shadow: 0 26px 55px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(14px);
}

.studio-auth-art__top { display: flex; min-height: 27px; align-items: flex-start; justify-content: space-between; padding: 0 6px; color: #adc0c4; font-size:var(--text-xs); font-weight: 700; letter-spacing: .12em; }
.studio-auth-art__live { display: inline-flex; align-items: center; gap: 6px; color: #d1dedf; }
.studio-auth-art__live i { width: 6px; height: 6px; border-radius: 50%; background: #8ed9be; box-shadow: 0 0 0 3px rgba(142,217,190,.12); }
.studio-auth-art__scene { display: block; width: 100%; height: auto; overflow: hidden; border-radius: 8px; }
.studio-auth-art__caption { display: flex; align-items: center; gap: 11px; padding: 12px 5px 10px; }
.studio-auth-play { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #eff9fa; background: rgba(255,255,255,.08); }
.studio-auth-play svg { width: 15px; height: 15px; fill: currentColor; }
.studio-auth-art__caption > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.studio-auth-art__caption strong { color: #f5f8f8; font-size:var(--text-xs); font-weight: 600; }
.studio-auth-art__caption small { color: #9fb0b4; font-size:var(--text-xs); }
.studio-auth-art__time { margin-left: auto; color: #c0ccce; font-variant-numeric: tabular-nums; font-size:var(--text-xs); }
.studio-auth-timeline { position: relative; display: flex; height: 4px; gap: 4px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.08); }
.studio-auth-timeline span { flex: 1; background: rgba(198, 222, 223, .22); }
.studio-auth-timeline span:nth-child(2) { background: rgba(126, 211, 217, .34); }
.studio-auth-timeline i { position: absolute; z-index: 2; top: -1px; left: 27%; width: 2px; height: 7px; background: #d6fbfa; box-shadow: 0 0 7px rgba(214,251,250,.7); }
.studio-auth-timeline b { position: absolute; top: 0; left: 0; width: 27%; height: 100%; background: #79cbd2; }
.studio-auth-story__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #879a9f; font-size:var(--text-xs); font-weight: 700; letter-spacing: .13em; }
.studio-auth-story__footer i { padding: 0 4px; color: #72cbd2; font-style: normal; }

.studio-auth-content { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(36px, 6vw, 88px); background: #fff; }
.studio-auth-content__inner { width: min(100%, 420px); margin: auto; }
.studio-auth-panel__eyebrow { margin-bottom: 15px; color: #17839b; }
.studio-auth-heading h2 { margin: 0; color: #17252b; font-family: Manrope, "Segoe UI", sans-serif; font-size: clamp(30px, 3.2vw, 39px); font-weight: 700; line-height: 1.12; letter-spacing: -.06em; }
.studio-auth-heading p { margin: 10px 0 0; color: #66767c; font-size: 14px; line-height: 1.65; }

.studio-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 27px 0 24px; padding: 4px; border: 1px solid #e7ecee; border-radius: 11px; background: #f5f7f8; }
.studio-auth-tabs a,
.studio-auth-tabs span { display: grid; min-height: 40px; place-items: center; border: 1px solid transparent; border-radius: 8px; color: #68777d; font-size: 13px; font-weight: 600; text-decoration: none; transition: color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.studio-auth-tabs a:hover { color: #1b6879; background: #e9f4f5; }
.studio-auth-tabs a.is-active { color: #17252b; border-color: #e8edef; background: #fff; box-shadow: 0 2px 5px rgba(24,48,57,.07); }
.studio-auth-tabs span { color: #a2adb1; cursor: not-allowed; }
.studio-auth-tabs a:focus-visible,
.studio-auth-quick-link a:focus-visible,
.studio-auth-field a:focus-visible,
.studio-auth-existing a:focus-visible { outline: 3px solid rgba(23,131,155,.35); outline-offset: 3px; border-radius: 4px; }

.studio-auth-form { display: grid; gap: 19px; }
.studio-auth-field { display: grid; min-width: 0; gap: 8px; }
.studio-auth-field label { color: #283940; font-size: 12px; font-weight: 700; }
.studio-auth-field__label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.studio-auth-field__label-row a { color: #167d93; font-size:var(--text-xs); font-weight: 600; text-decoration: none; }
.studio-auth-field__label-row a:hover,
.studio-auth-quick-link a:hover,
.studio-auth-existing a:hover { color: #105e71; text-decoration: underline; text-underline-offset: 3px; }
.auth-input { display: block; width: 100%; min-width: 0; min-height: 51px; padding: 0 15px; border: 1px solid #d9e1e4; border-radius: 9px; outline: none; color: #1d2c32; background: #fff; font: inherit; font-size: 14px; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.auth-input::placeholder { color: #a4afb3; }
.auth-input:hover { border-color: #b8c8cd; }
.auth-input:focus { border-color: #17839b; box-shadow: 0 0 0 4px rgba(23,131,155,.12); }
.auth-input[aria-invalid="true"],
.has-error .auth-input { border-color: #c84954; }
.auth-input:-webkit-autofill { -webkit-text-fill-color: #1d2c32; box-shadow: 0 0 0 1000px #fff inset; }
.studio-auth-password { position: relative; }
.studio-auth-password .auth-input { padding-right: 74px; }
.studio-auth-password__toggle { position: absolute; top: 50%; right: 8px; min-height: 34px; padding: 0 9px; transform: translateY(-50%); border: 0; border-radius: 6px; color: #60747b; background: transparent; font: inherit; font-size:var(--text-xs); font-weight: 700; cursor: pointer; transition: color .18s ease, background-color .18s ease; }
.studio-auth-password__toggle:hover,
.studio-auth-password__toggle[aria-pressed="true"] { color: #126d82; background: #eef6f7; }
.studio-auth-password__toggle:focus-visible { outline: 3px solid rgba(23,131,155,.3); outline-offset: 1px; }

.studio-auth-submit { display: flex; width: 100%; min-height:var(--control-height); align-items: center; justify-content: space-between; gap: 16px; margin-top: 3px; padding: 0 17px; border: 1px solid #177e96; border-radius:var(--control-radius); color:var(--action-text); background:var(--action-gradient); box-shadow: 0 8px 16px rgba(22, 117, 140, .16); font: inherit; font-size:var(--control-font); font-weight: 700; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.studio-auth-submit:hover:not(:disabled) { transform: translateY(-1px); background: linear-gradient(110deg, #126f87, #105c72); box-shadow: 0 11px 20px rgba(22,117,140,.22); }
.studio-auth-submit:active:not(:disabled) { transform: translateY(0); }
.studio-auth-submit:focus-visible { outline: 3px solid rgba(23,131,155,.32); outline-offset: 3px; }
.studio-auth-submit:disabled { cursor: wait; opacity: .75; }
.studio-auth-submit svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.studio-auth-alert { display: flex; align-items: flex-start; gap: 10px; margin: 19px 0 3px; padding: 12px; border: 1px solid #f0d5d6; border-radius: 8px; color: #893a3f; background: #fff6f6; font-size: 12px; line-height: 1.55; }
.studio-auth-alert svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.studio-auth-alert strong { color: #782e34; }
.studio-auth-field__error { color: #a63d44; font-size:var(--text-xs); line-height: 1.4; }
.studio-auth-field__error ul { margin: 0; padding: 0; list-style: none; }
.studio-auth-note { display: flex; align-items: flex-start; gap: 9px; color: #66767c; font-size:var(--text-xs); line-height: 1.6; }
.studio-auth-note svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; fill: none; stroke: #438b94; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.studio-auth-setup { display: flex; align-items: flex-start; gap: 13px; margin-top: 25px; padding: 16px; border: 1px solid #e5ecee; border-radius: 11px; background: #f7fafb; }
.studio-auth-setup__icon { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #187e96; background: #e6f2f4; }
.studio-auth-setup__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.studio-auth-setup strong { color: #293d44; font-size: 12px; }
.studio-auth-setup p { margin: 5px 0 0; color: #687a80; font-size:var(--text-xs); line-height: 1.55; }
.studio-auth-quick-link { display: grid; gap: 7px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #edf0f1; color: #77868b; font-size: 12px; }
.studio-auth-quick-link a { display: inline-flex; width: fit-content; align-items: center; gap: 6px; color: #147b91; font-weight: 700; text-decoration: none; }
.studio-auth-quick-link svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.studio-auth-existing { margin: 20px 0 0; color: #76858a; font-size: 12px; text-align: center; }
.studio-auth-existing a { margin-left: 4px; color: #147b91; font-weight: 700; text-decoration: none; }
.studio-auth-privacy { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 28px 0 0; color: #839096; font-size:var(--text-xs); line-height: 1.5; text-align: center; }
.studio-auth-privacy svg { width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: #61838a; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.studio-auth-copyright { padding-top: 26px; color: #9aa5a9; font-size:var(--text-xs); text-align: center; }

@media (max-width: 960px) {
  .studio-auth-shell { grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr); }
  .studio-auth-story { padding: 35px; }
  .studio-auth-story__copy { margin-top: 55px; }
  .studio-auth-story__copy h1 { font-size: clamp(39px, 5vw, 54px); }
  .studio-auth-content { padding: 42px; }
}

@media (max-width: 780px) {
  .studio-auth-shell { grid-template-columns: 1fr; width: min(100%, 620px); min-height: 0; margin: 0 auto; overflow: visible; border: 0; border-radius: 0; box-shadow: none; }
  .studio-auth-story { min-height: 350px; padding: 27px clamp(24px, 6vw, 42px); }
  .studio-auth-story__copy { max-width: 64%; margin-top: 33px; }
  .studio-auth-story__copy h1 { margin: 15px 0 10px; font-size: clamp(37px, 7vw, 52px); }
  .studio-auth-story__description { font-size: 12px; line-height: 1.6; }
  .studio-auth-art { position: absolute; right: -4px; bottom: 25px; width: 48%; margin: 0; padding: 7px; opacity: .78; }
  .studio-auth-art__top, .studio-auth-art__caption, .studio-auth-timeline { display: none; }
  .studio-auth-art__scene { border-radius: 6px; }
  .studio-auth-story__footer { display: none; }
  .studio-auth-brand:not(.studio-auth-brand--mobile) { display: none; }
  .studio-auth-brand--mobile { display: inline-flex; margin-bottom: 29px; color: #1a2a30; }
  .studio-auth-brand--mobile small { color: #879499; }
  .studio-auth-content { min-height: 480px; padding: 34px clamp(24px, 7vw, 54px) 26px; }
  .studio-auth-content__inner { margin: 0 auto; }
  .studio-auth-copyright { padding-top: 25px; }
}

@media (max-width: 460px) {
  .studio-auth-story { min-height: 294px; padding: 22px 23px; }
  .studio-auth-story__copy { max-width: 100%; margin-top: 27px; }
  .studio-auth-story__copy h1 { max-width: 12ch; font-size: clamp(36px, 10vw, 45px); }
  .studio-auth-story__description { max-width: 33ch; font-size:var(--text-xs); }
  .studio-auth-art { right: -38px; bottom: -13px; width: 74%; opacity: .2; }
  .studio-auth-content { min-height: 0; padding: 28px 23px 24px; }
  .studio-auth-brand--mobile { margin-bottom: 25px; }
  .studio-auth-heading h2 { font-size: 31px; }
  .studio-auth-heading p { font-size: 13px; }
  .studio-auth-tabs { margin: 22px 0 20px; }
  .studio-auth-form { gap: 17px; }
  .studio-auth-privacy { align-items: flex-start; margin-top: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .studio-auth-tabs a,
  .studio-auth-submit,
  .studio-auth-password__toggle,
  .auth-input { transition: none; }
  .studio-auth-submit:hover:not(:disabled) { transform: none; }
}

/* Source: viewport.css */
/* Navigation remains distinct from every page surface in both themes. */
.studio-auth-page{display:flow-root}
.preset-details-button{margin-top:8px;background:none;color:#167da2;border:0;padding:3px 0;font-size:var(--text-xs);font-weight:650;cursor:pointer;text-align:left}
[data-theme=dark] .preset-details-button{color:#7dd8f3}
.preset-recipe-dialog{position:fixed;inset:0;width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow-y:auto;border:1px solid var(--theme-line);border-radius:22px;background:var(--theme-surface);color:var(--theme-text);padding:28px;box-shadow:0 24px 90px #071d2950}
.preset-recipe-dialog::backdrop{background:#071e32b8;backdrop-filter:blur(6px)}
.preset-recipe-close{float:right;border:1px solid var(--theme-line);background:var(--theme-surface);color:var(--theme-text);width:40px;height:40px;border-radius:12px;font-size:24px;cursor:pointer}
.preset-recipe-dialog h2{margin:0 45px 7px 0;font-size:25px}.preset-recipe-dialog h3{font-size:14px;margin:20px 0 9px}.preset-recipe-dialog p{font-size:12px;line-height:1.6;color:var(--theme-muted)}
.preset-recipe-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.65;background:var(--theme-surface-raised);border:1px solid var(--theme-line);padding:15px;border-radius:12px}
.preset-recipe-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.preset-recipe-specs>div{background:var(--theme-surface-raised);border:1px solid var(--theme-line);padding:12px;border-radius:12px}.preset-recipe-specs dt{font-size:var(--text-xs);color:var(--theme-muted);margin-bottom:6px}.preset-recipe-specs dd{margin:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.preset-recipe-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.preset-recipe-actions .preset-use{background:#59c4e2;color:#103749}
.preset-loaded{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 18px;background:var(--vs-panel);border:1px solid var(--vs-line);border-radius:14px;margin-bottom:16px}.preset-loaded>div{display:grid;gap:5px}.preset-loaded strong{font-size:13px;color:var(--vs-text)}.preset-loaded span{font-size:var(--text-xs);color:var(--vs-accent-bright)}.preset-loaded small{font-size:var(--text-xs);line-height:1.4;color:var(--vs-muted)}.preset-loaded .button{font-size:var(--control-font);white-space:nowrap}
.preset-sync-status{padding:20px;display:grid;gap:12px}.preset-sync-status h2{font-size:19px;margin:0}.preset-sync-status p,.preset-sync-status span,.preset-sync-status small{font-size:12px;color:var(--theme-muted);margin:0}.preset-sync-status>div{display:grid;gap:5px;border-top:1px solid var(--theme-line);padding-top:10px}
/* Fit the icon rail to the available height, including the master links.
   Tooltips can extend outside it without creating a scroll container. */
@media(min-width:1025px){
 html[data-theme] body:has(.content-wrap--video) .sidebar{padding:12px 10px;overflow:visible;display:flex;flex-direction:column}
 html[data-theme] body:has(.content-wrap--video) .brand-lockup{flex:0 0 auto;padding-bottom:12px}
 html[data-theme] body:has(.content-wrap--video) .sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-height:0;overflow:visible;padding-top:10px}
 html[data-theme] body:has(.content-wrap--video) .sidebar-nav .nav-item{flex:0 1 42px;min-height:28px;height:42px;width:42px;margin-block:0}
 html[data-theme] body:has(.content-wrap--video) .sidebar-nav .nav-label{display:none}
 html[data-theme] body:has(.content-wrap--video) .sidebar-status{display:none}
 .video-studio__controls{display:flex;flex-direction:column}.video-studio__brand{flex-shrink:0}.video-creation-form{flex:1;min-height:0}
}
@media(min-width:1025px) and (min-height:700px) and (max-height:900px){
 html[data-theme] body:has(.content-wrap--video) .video-studio__controls{overflow:hidden}
 .video-creation-form{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
 html[data-theme] .video-studio .video-creation-form{padding-bottom:0}
 .video-studio__brand{padding:13px 20px;min-height:64px}
 html[data-theme] .video-studio .video-creation-form .control-section{padding:9px 20px;flex-shrink:0}html[data-theme] .video-studio .control-section__heading{margin-bottom:7px}
 .video-creation-form .control-section--prompt textarea[data-video-prompt]{min-height:92px;height:clamp(92px,16vh,128px);max-height:180px;resize:vertical}
 .video-creation-form .control-section--settings{gap:9px}.video-creation-form .creation-submit{margin-top:auto;padding:10px 20px 12px;flex-shrink:0}
 .video-creation-form .creation-submit .token-estimate{margin:8px 0}.video-creation-form .creation-submit .button{min-height:var(--control-height);}
 .video-creation-form .field-stack label{margin-bottom:4px}.video-creation-form .duration-field__hint{font-size:var(--text-xs)}
 html[data-theme] .video-studio .video-creation-form .settings-row{grid-template-columns:1.15fr 1fr 1fr;gap:9px;align-items:start}
 html[data-theme] .video-studio .video-creation-form .duration-field{grid-column:auto}
 html[data-theme] .video-studio .video-creation-form .control-section--settings{gap:8px}
 html[data-theme] .video-studio .video-creation-form .avatar-picker{padding:9px;min-height:68px}
 html[data-theme] .video-studio .video-creation-form .field-control{font-size:12px}
 html[data-theme] .video-studio .video-creation-form select.field-control{min-height:37px;height:37px;padding-inline:8px}
 html[data-theme] .video-studio .video-creation-form .creation-submit{padding:9px 20px 11px}
 html[data-theme] .video-studio .video-creation-form .creation-submit .token-estimate{padding:8px 10px;margin:6px 0 8px;min-height:46px}
 html[data-theme] .video-studio .video-creation-form .creation-submit .button{min-height:var(--control-height);}
 html[data-theme] .video-studio .video-creation-form .token-estimate__icon{width:26px;height:26px}
 html[data-theme] .video-studio .video-creation-form .duration-slider{min-height:37px;padding:4px 0;gap:5px;grid-template-columns:minmax(0,1fr) 27px}
 html[data-theme] .video-studio .video-creation-form .duration-slider__value{font-size:12px;min-width:0}
 html[data-theme] .video-studio .video-creation-form .duration-slider__limits{font-size:var(--text-xs)}
 html[data-theme] .video-studio .video-creation-form .avatar-picker__photo{width:40px;height:40px;flex-basis:40px}
 html[data-theme] .video-studio .video-creation-form .avatar-picker{min-height:60px;padding:7px}
 html[data-theme] .video-studio .video-creation-form .avatar-manager-trigger{height:28px;min-height:28px}
 html[data-theme] .video-studio .video-creation-form .control-section--prompt textarea[data-video-prompt]{height:clamp(76px,10.5vh,94px);min-height:76px}
 html[data-theme] .video-studio .video-creation-form [data-toggle-negative]{height:28px;min-height:28px;font-size:var(--text-xs);margin-top:3px}
 html[data-theme] .video-studio .video-creation-form .duration-field__hint{font-size:var(--text-xs);line-height:1.3;white-space:nowrap}
 html[data-theme] .video-studio .video-creation-form .duration-slider__limits{display:none}
 html[data-theme] .video-studio .video-creation-form .duration-slider{height:37px;min-height:37px}
 html[data-theme] .video-studio .video-creation-form .control-section--settings .control-section__heading{margin-bottom:0}
 html[data-theme] .video-studio .video-creation-form .generate-video-button{height:auto;min-height:var(--control-height);}
 html[data-theme] .video-studio .video-creation-form .creation-submit .token-estimate{min-height:42px;padding:5px 10px}
 body:has(.preset-loaded) .generation-stage{min-height:clamp(260px,44dvh,500px)}
}
@media(max-width:600px){.preset-recipe-dialog{padding:20px}.preset-recipe-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-loaded{align-items:flex-start;padding:12px}.preset-loaded .button{padding:7px;font-size:var(--control-font);}.preset-loaded strong{font-size:var(--text-xs)}.preset-loaded small{font-size:var(--text-xs)}}
@media(min-width:1025px) and (min-height:700px) and (max-height:760px){
 html[data-theme] .video-studio .video-studio__brand{min-height:54px;height:54px;padding-block:9px}
 html[data-theme] .video-studio .video-creation-form .control-section{padding-block:6px}
 html[data-theme] .video-studio .video-creation-form .control-section--prompt textarea[data-video-prompt]{height:64px;min-height:64px}
}
.preset-card__media{width:100%}
.preset-card__media>img,.preset-card__media>video{max-width:none;width:100%;height:100%;object-fit:cover}
.preset-fallback>strong{font-size:22px;line-height:1.1}
@media(max-height:900px){.preset-fallback{padding:16px}.preset-fallback>span{display:none}}
html[data-theme] body .topbar{height:54px;min-height:54px;padding-inline:24px;color:#edf8fc;background:#12394a;border-bottom:1px solid #28576a;box-shadow:0 3px 16px #071d2920;backdrop-filter:none}
html[data-theme] body .breadcrumbs{color:#a3c2d0}html[data-theme] body .breadcrumbs strong{color:#f0f8fc}html[data-theme] body .breadcrumbs span{color:#628f9f}
html[data-theme] body .topbar :is(.command-trigger,.model-chip,.icon-button,.theme-switch,.topbar-token-balance){color:#d7edf7;background:#1b485b;border-color:#3a6475;box-shadow:none}
html[data-theme] body .topbar-token-balance strong{color:#d7f3ff}html[data-theme] body .theme-switch__option{color:#b5d5e4}html[data-theme] body .theme-switch__option[aria-pressed=true]{color:#143749;background:#d9f1fa;border-color:#d9f1fa}
html[data-theme] body .command-trigger kbd{color:#bcd9e6;background:#123d50;border-color:#416777}
html[data-theme] body .sidebar{height:100dvh;max-height:100dvh;background:#0d2836;border-right:1px solid #2d5060;color:#c5d8e1;padding-top:16px;padding-bottom:12px}
html[data-theme] body .sidebar-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-top:12px;gap:3px}
html[data-theme] body .brand-lockup{border-bottom-color:#2b4c5a}html[data-theme] body .brand-lockup strong{color:#eef8fd}html[data-theme] body .brand-lockup small{color:#9cb7c6}html[data-theme] body .nav-label{color:#8cabb9;margin-top:9px}
html[data-theme] body .nav-item,html[data-theme] body .nav-item svg{color:#bbd0dc}html[data-theme] body .nav-item:hover{color:#fff;background:#174459;border-color:#356376}html[data-theme] body .nav-item.is-active{color:#d5f7ff;background:#19516a;border-color:#397c91;box-shadow:inset 3px 0 #5ac4e0}html[data-theme] body .nav-item.is-active svg{color:#89def1}
html[data-theme] body .sidebar-status{flex-shrink:0;background:#123747;border-color:#33586a;color:#bcd6e1;margin-top:12px}html[data-theme] body .sidebar-status strong{color:#d6edf8}html[data-theme] body .sidebar-status small{color:#96b9ca;overflow-wrap:anywhere}
html[data-theme] body .mobile-bottom-nav{background:#12394a;border-color:#356477;color:#d7edf5;box-shadow:0 4px 20px #09293935}html[data-theme] body .mobile-bottom-nav a{color:#bad5e2}html[data-theme] body .mobile-bottom-nav a.is-active{color:#8be0f5}
.app-main,.content-wrap,.billing-page,.panel,.billing-admin-grid>*{min-width:0}.content-wrap{width:100%;max-width:1500px;padding:22px 28px 28px}.content-wrap--video{max-width:none;padding:0}
.billing-page{gap:16px;padding-bottom:12px}.billing-hero{padding:22px 26px;border-radius:20px;gap:20px}.billing-hero h1{font-size:32px;margin:7px 0 9px}.billing-hero p{font-size:13px;max-width:570px}.billing-balance{min-width:160px;padding:14px 18px;border-radius:15px}.billing-balance strong{font-size:30px}.billing-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.billing-product{padding:22px!important;gap:10px}.billing-product h2{font-size:21px}.billing-product__tokens{margin-top:6px}.billing-product__tokens strong{font-size:32px}.billing-product__price{font-size:21px;padding-top:12px}.billing-interval-switch{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.billing-interval-switch button{min-height:40px;padding:8px 16px;border:1px solid var(--theme-line);border-radius:11px;background:var(--theme-surface);color:var(--theme-text);font-size:12px;font-weight:700;cursor:pointer}.billing-interval-switch button[aria-pressed=true]{background:#14516b;border-color:#14516b;color:#fff}.billing-interval-switch span{margin-left:auto;color:var(--theme-muted);font-size:12px}
.preset-page{padding:0 0 10px}.preset-hero{min-height:0;padding:25px 30px;border-radius:20px;grid-template-columns:1.4fr 1fr;gap:16px}.preset-hero h1{font-size:clamp(27px,2.5vw,39px);line-height:1.06;letter-spacing:-1.3px;margin:15px 0 10px}.preset-hero h1 br{display:none}.preset-hero p{font-size:12px;line-height:1.55;margin:0;max-width:470px}.preset-cta{margin-top:14px;padding:10px 15px;font-size:12px}.preset-hero__art{min-height:160px}.preset-hero__art>strong{font-size:55px;letter-spacing:-3px}.preset-art-caption{margin-top:15px;font-size:var(--text-xs)}.preset-section-title{margin:20px 0 12px;gap:10px}.preset-section-title h2{font-size:22px;margin:4px 0}.preset-section-title .eyebrow{font-size:var(--text-xs)}.preset-filters{margin-bottom:8px;gap:7px}.preset-search input{padding:11px 0!important;font-size:12px}.preset-select{padding-inline:9px}.preset-select select{max-width:130px}.preset-filter-toggle{font-size:var(--text-xs);padding:10px}.preset-count{margin-bottom:12px;font-size:var(--text-xs)}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.preset-card{border-radius:16px}.preset-card__media{aspect-ratio:16/8;max-height:clamp(120px,21vh,210px)}.preset-card__body{padding:15px}.preset-card h3{font-size:18px;margin:8px 0 6px}.preset-card p{min-height:35px;font-size:var(--text-xs);margin-bottom:13px}.preset-use{padding:10px 12px;font-size:var(--text-xs)}.preset-category{font-size:var(--text-xs)}.preset-featured,.preset-origin{font-size:var(--text-xs);padding:5px 8px}.preset-pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:15px}.preset-pagination .button{min-height:var(--control-height);padding:8px 14px;font-size:var(--control-font);}.preset-pagination span{color:var(--preset-muted);font-size:12px}.preset-pagination button:disabled{opacity:.45;cursor:default}.preset-attribution{font-size:var(--text-xs);line-height:1.5;margin:16px 0 0;max-width:1000px}
@media(min-width:1025px){body:has(.content-wrap--video) .video-studio{height:calc(100dvh - 54px);min-height:0;grid-template-columns:350px minmax(0,1fr)}body:has(.content-wrap--video) .video-studio__controls{top:54px;height:calc(100dvh - 54px);min-height:0;overflow-y:auto}body:has(.content-wrap--video) .video-studio__workspace{height:calc(100dvh - 54px);min-height:0;padding:22px 26px;overflow-y:auto;overscroll-behavior:contain}body:has(.content-wrap--video) .generation-stage{min-height:clamp(300px,57dvh,630px)}body:has(.content-wrap--video) .sidebar-nav{gap:4px;padding-top:8px}body:has(.content-wrap--video) .nav-item{width:42px;height:42px;min-height:42px;flex-basis:42px}}
@media(max-width:1200px){.content-wrap{padding:18px 20px}.content-wrap--video{padding:0}.preset-hero{padding:22px}.preset-filters{gap:6px}.preset-select span{display:none}.preset-search{min-width:200px}}
@media(max-width:1024px){.billing-product-grid,.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-wrap{padding-bottom:95px}.content-wrap--video{padding:0}.preset-hero__art{display:none}.preset-hero{grid-template-columns:1fr}.preset-hero__copy{max-width:none}.preset-hero h1{font-size:32px}.preset-search{flex-basis:100%}}
@media(max-width:600px){html[data-theme] body .topbar{height:52px;min-height:52px;padding:0 12px;gap:7px}html[data-theme] body .topbar-actions{gap:6px;min-width:0}html[data-theme] body .topbar :is(.icon-button,.theme-switch,.command-trigger,.topbar-token-balance){min-height:32px;height:32px;border-radius:9px}.theme-switch__option{min-height:24px;padding:0 5px}.topbar-actions .model-chip{display:none}.content-wrap{padding:14px 12px 96px}.content-wrap--video{padding:0}.billing-hero{padding:19px;gap:14px;flex-direction:row;align-items:center;flex-wrap:wrap}.billing-hero>div:first-child{flex:1;min-width:180px}.billing-hero h1{font-size:27px}.billing-hero p{font-size:12px;line-height:1.5}.billing-balance{min-width:0;padding:12px;gap:2px;box-shadow:none}.billing-balance strong{font-size:25px}.billing-balance small{font-size:var(--text-xs)}.billing-product-grid,.preset-grid{grid-template-columns:1fr}.billing-interval-switch span{width:100%;margin:0;font-size:var(--text-xs)}.billing-interval-switch button{flex:1}.billing-product{padding:19px!important}.preset-hero{padding:18px 20px}.preset-kicker{font-size:var(--text-xs);letter-spacing:1.2px}.preset-hero h1{font-size:26px;margin:11px 0 8px}.preset-hero p{font-size:var(--text-xs)}.preset-cta{margin-top:10px;padding:8px 12px;font-size:var(--text-xs)}.preset-section-title{margin:15px 0 10px;flex-direction:row;align-items:center}.preset-section-title h2{font-size:18px}.preset-section-title .button{font-size:var(--control-font);padding:7px;min-height:var(--control-height);}.preset-select{padding:5px 8px;flex:1}.preset-select select{font-size:var(--text-xs);max-width:none;width:100%}.preset-filter-toggle{flex:1;font-size:var(--text-xs);padding:8px}.preset-filters{margin-bottom:8px}.preset-search{min-width:0}.preset-card__media{max-height:160px;aspect-ratio:16/8}.preset-card__body{padding:13px}.preset-card p{min-height:0;margin-bottom:10px}.preset-pagination{margin-top:10px}.preset-attribution{margin-top:12px}.preset-hero__copy{max-width:100%}}
@media(max-height:750px) and (min-width:1025px){.preset-hero{padding:20px 25px}.preset-hero__art{min-height:135px}.preset-hero__art>strong{font-size:47px}.preset-hero h1{font-size:31px;margin:10px 0 8px}.preset-kicker{font-size:var(--text-xs)}.preset-section-title{margin-top:14px}.preset-card__media{max-height:140px}.preset-card p{margin-bottom:10px;min-height:30px}.preset-attribution{margin-top:10px}}
/* Keep the entire signup form usable on laptop screens without tiny controls. */
@media(min-width:850px){.studio-auth-page .studio-auth-shell{min-height:calc(100dvh - 24px);margin:12px}.studio-auth-page .studio-auth-content{padding:24px 32px}.studio-auth-page .studio-auth-content__inner{max-width:460px}.studio-auth-page .studio-auth-heading h2{font-size:30px;margin:10px 0}.studio-auth-page .studio-auth-heading p{font-size:12px;line-height:1.5}.studio-auth-page .studio-auth-tabs{margin-block:16px}.studio-auth-page .studio-auth-form{gap:12px}.studio-auth-page .studio-auth-field input{min-height:42px;height:42px}.studio-auth-page .studio-auth-field label{font-size:var(--text-xs)}.studio-auth-page .studio-auth-field small{font-size:var(--text-xs);line-height:1.4}.studio-auth-page .studio-auth-field .helptext{font-size:var(--text-xs)}.studio-auth-page .studio-auth-field ul{font-size:var(--text-xs);line-height:1.45;margin:6px 0;padding-left:17px}.studio-auth-page .studio-auth-submit{min-height:var(--control-height);}.studio-auth-page .studio-auth-hint{font-size:var(--text-xs);line-height:1.4}.studio-auth-page .studio-auth-story{padding:32px 40px}.studio-auth-page .studio-auth-story h1{font-size:clamp(34px,4.5vw,65px)}.studio-auth-page .studio-auth-preview{max-height:250px}.studio-auth-page .studio-auth-privacy{margin-top:16px}.studio-auth-page .studio-auth-copyright{margin-top:12px}}

/* Match the studio theme selector specificity for shared navigation. */
html[data-theme] body:has(.content-wrap--video) .topbar{background:#12394a;color:#edf8fc;border-bottom-color:#28576a}
html[data-theme] body:has(.content-wrap--video) .sidebar{background:#0d2836;border-right-color:#2d5060}
html[data-theme] body:has(.content-wrap--video) .breadcrumbs{color:#a3c2d0}
html[data-theme] body:has(.content-wrap--video) .breadcrumbs strong{color:#f0f8fc}
html[data-theme] body:has(.content-wrap--video) .brand-lockup{border-bottom-color:#2b4c5a}
html[data-theme] body:has(.content-wrap--video) .nav-item,html[data-theme] body:has(.content-wrap--video) .nav-item svg{color:#bbd0dc}
html[data-theme] body:has(.content-wrap--video) .nav-item.is-active{color:#d5f7ff;background:#19516a;border-color:#397c91;box-shadow:inset 3px 0 #5ac4e0}
html[data-theme] body:has(.content-wrap--video) .topbar :is(.icon-button,.command-trigger,.model-chip){color:#d7edf7;background:#1b485b;border-color:#3a6475}
@media(min-width:1025px) and (max-height:900px){
 .preset-hero{padding:15px 24px}.preset-hero__art{min-height:95px}.preset-hero__art>strong{font-size:36px;letter-spacing:-2px}.preset-art-caption{margin-top:9px;font-size:var(--text-xs)}.preset-hero h1{font-size:28px;line-height:1.07;margin:10px 0 7px}.preset-hero p{font-size:var(--text-xs)}.preset-cta{margin-top:10px;padding:8px 12px}.preset-kicker{font-size:var(--text-xs)}.preset-section-title{margin:14px 0 10px}.preset-section-title h2{font-size:20px}.preset-card__media{max-height:110px;aspect-ratio:16/6}.preset-card__body{padding:12px}.preset-card h3{font-size:17px;margin:7px 0 5px}.preset-card p{font-size:var(--text-xs);min-height:30px;margin-bottom:10px;line-height:1.45}.preset-count{margin-bottom:9px}.preset-pagination{margin-top:10px}.preset-attribution{margin-top:10px;font-size:var(--text-xs);line-height:1.45}.content-wrap:has(.preset-page){padding-top:16px;padding-bottom:16px}
}
@media(min-width:850px){
 .studio-auth-page .studio-auth-shell{height:calc(100dvh - 24px);min-height:0;width:calc(100% - 24px);margin:12px auto}
 .studio-auth-page .studio-auth-story,.studio-auth-page .studio-auth-content{min-height:0}
 .studio-auth-page .studio-auth-content{overflow-y:auto;padding:18px 28px}
 .studio-auth-page .studio-auth-story__copy{margin-top:28px}
 .studio-auth-page .studio-auth-story__copy h1{font-size:clamp(34px,4vw,53px);margin:15px 0}
 .studio-auth-page .studio-auth-story__description{font-size:13px}
 .studio-auth-page .studio-auth-art{max-width:520px;margin-bottom:18px;padding:9px}
 .studio-auth-page .studio-auth-art__scene{height:clamp(110px,24vh,210px);object-fit:cover}
 .studio-auth-page .studio-auth-content__inner{margin:auto}
 .studio-auth-page .studio-auth-copyright{padding-top:8px;font-size:var(--text-xs);margin-top:7px}
 .studio-auth-page .studio-auth-panel__eyebrow{margin-bottom:8px;font-size:var(--text-xs)}
 .studio-auth-page .studio-auth-heading h2{font-size:27px;margin:8px 0}
 .studio-auth-page .studio-auth-heading p{font-size:var(--text-xs)}
 .studio-auth-page .studio-auth-tabs{margin-block:13px}.studio-auth-page .studio-auth-tabs a{min-height:34px;font-size:12px}
 .studio-auth-page .studio-auth-form{gap:10px}.studio-auth-page .studio-auth-field{gap:5px}
 .studio-auth-page .studio-auth-privacy{margin-top:13px;font-size:var(--text-xs)}
}
@media(max-width:600px){
 .content-wrap:has(.preset-page){padding-top:10px;padding-bottom:82px}
 .preset-hero{padding:13px 17px}.preset-hero h1{font-size:22px;line-height:1.08;margin:9px 0 6px}.preset-hero p{font-size:var(--text-xs)}.preset-cta{font-size:var(--text-xs);padding:7px 10px;margin-top:8px}
 .preset-section-title{margin:12px 0 8px}.preset-section-title h2{font-size:16px}.preset-section-title .eyebrow{font-size:var(--text-xs)}
 .preset-card__media{height:110px;max-height:110px;aspect-ratio:auto}.preset-card__body{padding:12px}.preset-card h3{font-size:17px}.preset-card p{font-size:var(--text-xs);line-height:1.4;margin-bottom:9px}.preset-fallback>strong{font-size:25px}
 .preset-count{margin-bottom:8px}.preset-pagination{margin-top:8px}.preset-pagination .button{min-height:var(--control-height);padding:6px 12px;font-size:var(--control-font);}.preset-attribution{font-size:var(--text-xs);margin-top:8px;line-height:1.4}
 .studio-auth-page .studio-auth-story{min-height:0;padding:16px 23px}.studio-auth-page .studio-auth-story__copy{margin-top:0}.studio-auth-page .studio-auth-story__copy h1{font-size:25px;max-width:100%;margin:9px 0}.studio-auth-page .studio-auth-story__description{max-width:100%;font-size:var(--text-xs)}.studio-auth-page .studio-auth-art{display:none}.studio-auth-page .studio-auth-kicker{font-size:var(--text-xs)}.studio-auth-page .studio-auth-content{padding:20px 23px}.studio-auth-page .studio-auth-brand--mobile{margin-bottom:14px}.studio-auth-page .studio-auth-heading h2{font-size:25px}.studio-auth-page .studio-auth-heading p{font-size:var(--text-xs)}.studio-auth-page .studio-auth-tabs{margin:14px 0}.studio-auth-page .studio-auth-form{gap:11px}.studio-auth-page .studio-auth-field{gap:5px}.studio-auth-page .studio-auth-field input{min-height:43px;height:43px}.studio-auth-page .studio-auth-field ul{font-size:var(--text-xs);margin:5px 0;padding-left:16px;line-height:1.4}.studio-auth-page .studio-auth-field small{font-size:var(--text-xs)}.studio-auth-page .studio-auth-submit{min-height:var(--control-height);}.studio-auth-page .studio-auth-hint{font-size:var(--text-xs)}.studio-auth-page .studio-auth-privacy{margin-top:14px}.studio-auth-page .studio-auth-copyright{padding-top:15px}
}
/* Keep the restored hero spacious while nine cards remain on each page. */
.preset-hero{min-height:250px;padding:30px 36px;grid-template-columns:1.3fr 1fr}
.preset-hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.06;margin:16px 0 12px;letter-spacing:-1.5px}
.preset-hero p{font-size:13px;line-height:1.6}.preset-cta{margin-top:15px;padding:11px 16px;font-size:12px}
.preset-hero__art{min-height:180px}.preset-hero__art>strong{font-size:64px;letter-spacing:-3px}.preset-art-caption{font-size:var(--text-xs);margin-top:16px}
.preset-card__media>video.is-ready{opacity:1}
@media(max-width:1024px){.preset-hero{grid-template-columns:1fr;min-height:230px;padding:28px}.preset-hero h1{font-size:36px}}
@media(max-width:600px){.preset-hero{min-height:230px;padding:25px 22px}.preset-hero h1{font-size:32px}.preset-hero p{font-size:12px}.preset-cta{margin-top:13px;padding:10px 14px}}
/* One navigation surface, with all global actions in the left sidebar. */
html[data-theme] body .sidebar{width:220px;padding:12px 10px;display:flex;flex-direction:column;gap:0;overflow:visible;position:fixed;top:0;left:0;height:100dvh;z-index:80}
html[data-theme] body .brand-lockup{flex-shrink:0;padding:2px 7px 12px;min-height:52px;gap:9px}
html[data-theme] body .brand-lockup img{width:46px;max-height:36px;object-fit:contain}
html[data-theme] body .brand-lockup{display:flex;align-items:center}
html[data-theme] body .brand-lockup>span{display:flex!important;flex-direction:column;gap:3px}
html[data-theme] body .brand-lockup strong{font-size:12px}
html[data-theme] body .brand-lockup small{font-size:var(--text-xs)}
html[data-theme] body .sidebar-nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible;padding-top:9px;gap:3px;justify-content:flex-start}
html[data-theme] body .sidebar-nav .nav-label{display:none}
html[data-theme] body .sidebar-nav .nav-item{width:100%;min-height:26px;height:35px;flex:0 1 35px;padding:0 10px;margin:0;gap:9px;border-radius:9px;font-size:var(--text-xs);transform:none}
html[data-theme] body .sidebar-nav .nav-item__label{display:inline!important}
html[data-theme] body .sidebar-nav .nav-item::after{display:none}
html[data-theme] body .sidebar-nav .nav-item__icon{width:19px;min-width:19px;height:19px}
html[data-theme] body .sidebar-nav .nav-item svg{width:19px;height:19px}
html[data-theme] body:has(.content-wrap--video) .sidebar-nav .nav-item{display:flex;width:100%;height:35px;min-height:26px;flex:0 1 35px;line-height:1.4}
html[data-theme] body .sidebar-nav .nav-item__icon{position:static;inset:auto;display:grid;place-items:center;flex-shrink:0}
html[data-theme] body .sidebar-nav .nav-item__label{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;line-height:1.4}
html[data-theme] body .app-main{width:calc(100% - 220px);margin-left:220px;padding-top:0}
.sidebar-tools{flex-shrink:0;padding:15px 9px 0;margin-top:12px;border-top:1px solid #ffffff18}
.sidebar-actions{display:grid;grid-template-columns:1fr;gap:4px;align-items:center}
html[data-theme] body .sidebar-actions .sidebar-balance{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;min-height:92px;padding:0 0 10px;color:#fff;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;text-decoration:none}
html[data-theme] body .sidebar-actions .sidebar-balance__label{display:block;font-size:var(--text-xs);font-weight:500;color:#b5c9d3;line-height:1.4}
html[data-theme] body .sidebar-actions .sidebar-balance__amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html[data-theme] body .sidebar-actions .sidebar-balance__amount strong{color:#fff;font-size:36px;font-weight:700;line-height:1.05;letter-spacing:-1px;font-variant-numeric:tabular-nums}
html[data-theme] body .sidebar-actions .sidebar-balance__amount>span{display:inline;color:#c1d3dc;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}
html[data-theme] body .sidebar-actions .sidebar-balance__action{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:600;color:#9ed8ec;line-height:1.4}
html[data-theme] body .sidebar-actions .sidebar-balance__action svg{width:14px;height:14px}
html[data-theme] body .sidebar-actions .sidebar-balance:hover .sidebar-balance__action{color:#fff;text-decoration:underline;text-underline-offset:3px}
html[data-theme] body .sidebar-utility-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-top:4px;border-top:1px solid #ffffff12}
html[data-theme] body .sidebar-actions .theme-switch__option{position:relative;flex:1;min-height:44px;height:44px;justify-content:flex-start;padding:0;font-size:var(--text-xs);color:#b5c9d3;background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer}
.sidebar-actions .theme-switch__option svg{width:14px;height:14px}
html[data-theme] body .sidebar-actions .sidebar-theme-toggle{display:flex;align-items:center;gap:6px;width:100%;min-width:44px;color:#fff}
html[data-theme=dark] .sidebar-theme-toggle [data-theme-icon=light],html[data-theme=light] .sidebar-theme-toggle [data-theme-icon=dark]{display:none}
.sidebar-actions .logout-form{margin:0}
html[data-theme] body .sidebar-actions .logout-button{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:44px;width:100%;padding:0;font:inherit;font-size:var(--text-xs);color:#b5c9d3;background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer}
.sidebar-actions .logout-button svg{width:17px;height:17px}
html[data-theme] body .sidebar-actions :is(.theme-switch__option,.logout-button):hover{color:#fff;background:transparent;box-shadow:none}
html[data-theme] body .sidebar-actions :is(.theme-switch__option,.logout-button,.sidebar-balance):focus-visible{outline:2px solid #59c4e2;outline-offset:4px}
html[data-theme] body .sidebar-actions .theme-switch__option>span{display:inline;position:static;width:auto;height:auto;overflow:visible;clip:auto}
.sidebar-launcher{display:none}
html[data-theme] :is(.preset-use,.preset-cta,.preset-featured,.preset-filter-toggle,.button:not(.button--danger),.generate-video-button,.theme-switch__option[aria-pressed=true],.duration-slider__value,.avatar-manager-trigger){color:var(--action-text);background:var(--action-gradient);border:1px solid #59c4e2}
html[data-theme] :is(.preset-use,.preset-cta,.preset-filter-toggle,.button:not(.button--danger),.generate-video-button):hover{color:var(--action-text);background:var(--action-gradient);border-color:#7eddf3}
html[data-theme] body .sidebar .nav-item.is-active{color:#fff;background:#17647f;border-color:#59c4e2}
html[data-theme] body .sidebar .nav-item.is-active svg{color:#fff}
html[data-theme] body:has(.content-wrap--video) .video-studio{height:100dvh;grid-template-columns:350px minmax(0,1fr)}
html[data-theme] body:has(.content-wrap--video) .video-studio__controls{top:0;height:100dvh}
html[data-theme] body:has(.content-wrap--video) .video-studio__workspace{height:100dvh}
@media(max-width:1024px){
 html[data-theme] body .sidebar{width:240px;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 35px #071c3050}
 html[data-theme] body .sidebar.is-open{transform:translateX(0)}
 html[data-theme] body .app-main{width:100%;margin-left:0}
 .sidebar-launcher{display:grid;position:fixed;left:12px;top:12px;width:36px;height:36px;z-index:85;background:#174f66;color:#fff;border:1px solid #59c4e2;border-radius:9px}
 .sidebar-launcher svg{width:20px;height:20px}
 .sidebar-launcher.is-open{left:192px}
 html[data-theme] body .sidebar.is-open~*{pointer-events:auto}
 html[data-theme] body .content-wrap{padding-top:60px;padding-bottom:24px}
 html[data-theme] body .content-wrap--video{padding-top:52px;padding-bottom:0}
 html[data-theme] body:has(.content-wrap--video) .video-studio{height:auto;min-height:calc(100dvh - 52px);grid-template-columns:1fr}
 html[data-theme] body:has(.content-wrap--video) .video-studio__controls,html[data-theme] body:has(.content-wrap--video) .video-studio__workspace{height:auto;min-height:calc(100dvh - 100px)}
}
@media(max-height:750px){
 html[data-theme] body .sidebar{padding-top:8px;padding-bottom:8px}
 html[data-theme] body .brand-lockup{min-height:43px;padding-bottom:8px}
 html[data-theme] body .sidebar-nav{gap:2px;padding-top:7px}
 html[data-theme] body .sidebar-nav .nav-item{height:31px;min-height:24px;flex-basis:31px}
 html[data-theme] body:has(.content-wrap--video) .sidebar-nav .nav-item{height:31px;min-height:24px;flex-basis:31px}
 .sidebar-tools{margin-top:6px;padding-top:7px}.sidebar-actions{gap:5px}
}
.preset-environment-control{margin-top:5px;font-size:var(--text-xs);color:var(--vs-muted)}
.preset-environment-control summary{cursor:pointer;color:var(--vs-accent-bright);padding:5px 0}
.preset-environment-control textarea{height:82px!important;min-height:82px!important;margin-top:6px;font-size:var(--text-xs)}

/* Source: launch.css */
/* Celeste accents, editorial spacing and interaction effects without layout jumps. */
body:has(.legal-document) .studio-auth-brand strong{color:#153b4c}
html[data-theme] body .launch-store .launch-product .billing-button-secondary{color:#fff!important;background:#18576e!important;border-color:#24b7dc!important}
html[data-theme] body .launch-store .launch-product .billing-button-secondary:hover{background:#10455a!important}
.launch-store{gap:26px}.launch-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.75fr);align-items:center;gap:24px;padding:42px;border:1px solid var(--theme-line);border-radius:28px;background:var(--theme-surface);overflow:hidden;isolation:isolate}.launch-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--theme-muted);font-size:var(--text-xs);font-weight:750;letter-spacing:.13em}.launch-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#28b9e4;box-shadow:0 0 0 5px #28b9e415}.launch-hero h1{font-size:clamp(32px,3.5vw,54px);line-height:1.1;letter-spacing:-.055em;margin:20px 0;color:var(--theme-text)}.launch-hero h1 em{font-style:normal;color:#1685ad}.launch-hero__copy>p{max-width:560px;font-size:14px;line-height:1.75;color:var(--theme-muted);margin:0}.launch-hero__copy>p strong{color:var(--theme-text)}.launch-deadline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:var(--text-xs);color:var(--theme-muted);line-height:1.7}.launch-live-dot{width:6px;height:6px;background:#29bce3;border-radius:50%;box-shadow:0 0 0 4px #29bce314}.launch-hero__copy .launch-expiry{margin-top:10px;font-size:12px}.launch-hero__art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:260px;isolation:isolate;color:var(--theme-text)}.launch-hero__art>strong{font-size:148px;font-weight:800;letter-spacing:-.1em;line-height:1;text-shadow:0 18px 45px #25b8dd22}.launch-hero__art>strong span{font-size:80px;color:#24b7dc;vertical-align:middle}.launch-hero__art>small{margin-top:15px;font-size:var(--text-xs);font-weight:750;letter-spacing:.2em}.launch-orbit{position:absolute;z-index:-1;width:260px;height:260px;border:1px solid #26b7dc33;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}.launch-orbit:before{content:'';position:absolute;left:10%;top:10%;width:11px;height:11px;border-radius:50%;background:#2ac2e8;box-shadow:0 0 25px #2ac2e877}.launch-orbit--one{animation:launch-orbit 20s linear infinite}.launch-orbit--two{width:220px;height:220px;transform:rotate(55deg) scaleY(.75);border-style:dashed}.launch-art-chip{position:absolute;bottom:3px;right:8px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface);padding:8px 11px;font-size:var(--text-xs);letter-spacing:.1em;box-shadow:0 8px 16px #18304208}.launch-shop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.launch-shop-heading h2{margin:7px 0 0;font-size:25px;letter-spacing:-.04em}.launch-wallet{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 12px;text-align:right}.launch-wallet>span,.launch-wallet small{color:var(--theme-muted);font-size:var(--text-xs)}.launch-wallet strong{grid-row:span 2;font-size:38px;color:#1685ad;font-variant-numeric:tabular-nums}.launch-product{position:relative;overflow:hidden;isolation:isolate;border-radius:22px!important;transition:border-color .25s,box-shadow .25s!important}.launch-product:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,0%),#2ebee317,transparent 70%);opacity:0;transition:opacity .25s}.launch-product:hover:before,.launch-product:focus-within:before{opacity:1}.launch-product:hover,.launch-product:focus-within{border-color:#2cb7dc!important;box-shadow:0 16px 35px #1398c514!important}.launch-product--featured{border-color:#2cb7dc!important;box-shadow:0 10px 30px #1398c50c!important}.launch-product .billing-type{background:transparent;color:var(--theme-muted);border-color:var(--theme-line)}.launch-product .billing-product__tokens{display:grid;gap:8px;margin-top:18px}.launch-product .billing-product__tokens strong{font-size:clamp(48px,4.5vw,68px);font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.launch-product .billing-product__tokens span{color:var(--theme-muted)}.launch-bonus-badge{display:inline-flex;align-self:flex-start;max-width:100%;color:#fff;background:#147ea6;padding:6px 10px;border-radius:6px;font-size:var(--text-xs);font-weight:700;line-height:1.6;position:relative;overflow:hidden}.launch-bonus-badge:after{content:'';position:absolute;inset:0;transform:translateX(-140%);background:linear-gradient(100deg,transparent,#ffffff28,transparent);animation:launch-shine 7s ease-in-out infinite}.launch-product p.launch-token-breakdown{display:flex;flex-wrap:wrap;gap:6px;min-height:0;font-size:var(--text-xs);margin:2px 0 0}.launch-product .launch-card-expiry{min-height:34px;font-size:var(--text-xs);line-height:1.6}.launch-product .billing-product__price{font-size:26px;display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.launch-product .billing-actions{flex-direction:column;gap:9px}.launch-product .billing-actions .button{min-height:var(--control-height);position:relative;overflow:hidden;transition:box-shadow .2s,background .2s!important;transform:none!important;font-size:var(--control-font);}.launch-product .button--primary{color:var(--action-text);background:var(--action-gradient);border:1px solid #147ea6!important}.launch-product .button--primary:hover{background:var(--action-gradient);box-shadow:0 5px 16px #1798c32e}.launch-product .billing-button-secondary{color:var(--theme-text)!important;border-color:var(--theme-line)!important;background:var(--theme-surface-raised)!important}.launch-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:24px 0;border-block:1px solid var(--theme-line)}.launch-benefits div{display:grid;gap:9px}.launch-benefits span{font-size:var(--text-xs);color:#1685ad;letter-spacing:.1em}.launch-benefits strong{font-size:14px}.launch-benefits p{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.6}.launch-faq{padding:20px 24px;border:1px solid var(--theme-line);border-radius:14px;background:var(--theme-surface)}.launch-faq summary{cursor:pointer;font-size:14px;font-weight:650}.launch-faq p{font-size:12px;line-height:1.8;color:var(--theme-muted)}.launch-store-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--theme-muted);font-size:var(--text-xs)}.launch-store-footer nav{display:flex;gap:16px;flex-wrap:wrap}.launch-store-footer a,.launch-store-footer button{color:var(--theme-muted);font:inherit}.launch-store-footer button{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.launch-strip{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid #2ab6dd66;border-radius:18px;background:var(--theme-surface)}.launch-strip__mark{font-size:36px;letter-spacing:-.08em;color:#1685ad;font-weight:800}.launch-strip div{display:grid;gap:5px;flex:1}.launch-strip strong{font-size:14px}.launch-strip div>span{font-size:var(--text-xs);line-height:1.6;color:var(--theme-muted)}.launch-strip .button{color:#fff!important;background:#147ea6!important;white-space:nowrap}.launch-order-bonus{padding:18px 0;border-bottom:1px solid var(--theme-line)}.launch-order-bonus p{font-size:12px;color:var(--theme-muted);line-height:1.6}.launch-reveal-pending{opacity:0;transform:translateY(12px)}.launch-reveal-ready{opacity:1;transform:none;transition:opacity .5s ease-out,transform .5s ease-out}.launch-ripple{position:absolute;width:12px;height:12px;pointer-events:none;border-radius:50%;background:#ffffff44;animation:launch-ripple .55s ease-out forwards}.bonus-account-summary{display:grid;gap:10px;padding:24px!important}.bonus-account-summary p{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.65}.bonus-account-summary h2{font-size:20px;margin:0 0 4px}.bonus-account-lot{display:flex;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid var(--theme-line);font-size:12px}.bonus-account-lot span{color:var(--theme-muted)}.legal-document{font-size:14px;line-height:1.85;max-width:760px;margin:0 auto;color:#d8e8ee}.legal-document h2{font-size:36px;line-height:1.15;color:#fff}.legal-document h3{font-size:18px;margin:28px 0 8px;color:#fff}.legal-document a,.terms-check a{color:#83d9f2;text-underline-offset:3px}.legal-operator{padding-top:16px;border-top:1px solid #ffffff22}.terms-check{display:flex!important;align-items:flex-start;gap:12px;font-size:12px!important;line-height:1.65!important;color:var(--theme-text);font-weight:400!important}.terms-check input{flex:0 0 19px;width:19px;height:19px;min-height:19px!important;margin:3px 0 0;padding:0;accent-color:#1eb8df}.terms-summary{padding:18px 0;font-size:13px;line-height:1.7;color:#bdcfd9}.terms-summary strong{color:#eef8fc}body:has(.legal-document) .studio-auth-story{display:none}body:has(.legal-document) .studio-auth-shell{grid-template-columns:1fr;height:auto;min-height:100dvh}body:has(.legal-document) .studio-auth-content{padding:45px 25px;overflow:visible}body:has(.legal-document) .studio-auth-content__inner{width:100%;max-width:760px}body:has(.legal-document) .studio-auth-brand--mobile{display:flex}
html[data-theme=dark] .launch-hero h1 em,html[data-theme=dark] .launch-wallet strong,html[data-theme=dark] .launch-strip__mark,html[data-theme=dark] .launch-benefits span{color:#82ddf5}
.launch-motion-paused *,.launch-motion-paused *:before,.launch-motion-paused *:after{animation:none!important;transition:none!important}.launch-motion-paused .launch-reveal-pending{opacity:1;transform:none}
@keyframes launch-orbit{to{transform:rotate(335deg) scaleY(.7)}}@keyframes launch-shine{0%,75%{transform:translateX(-140%)}100%{transform:translateX(140%)}}@keyframes launch-ripple{to{transform:scale(28);opacity:0}}
@media(max-width:1000px){.launch-hero{padding:30px;grid-template-columns:minmax(0,1fr) 220px}.launch-hero__art>strong{font-size:120px}.launch-orbit{width:215px;height:215px}.launch-product{padding:22px!important}}
@media(max-width:780px){.launch-hero{grid-template-columns:1fr;padding:28px}.launch-hero__art{display:none}.launch-shop-heading{align-items:flex-start}.launch-wallet{display:flex;flex-direction:column;gap:4px}.launch-wallet strong{font-size:32px}.launch-shop-heading h2{font-size:22px}.launch-strip{flex-wrap:wrap}.launch-strip div{flex-basis:calc(100% - 65px)}.launch-strip .button{width:100%}.launch-benefits{grid-template-columns:1fr;gap:18px}.launch-benefits div{grid-template-columns:24px 1fr;gap:4px 10px}.launch-benefits span{grid-row:span 2}.launch-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.launch-store *,.launch-store *:after,.launch-strip *{animation:none!important;transition:none!important}.launch-reveal-pending{opacity:1;transform:none}}
.legal-document{color:#304b59}.legal-document h2,.legal-document h3{color:#153b4c}.legal-document a,.terms-check a{color:#116886}.legal-operator{border-color:#dce7ec}.terms-check{color:var(--theme-text)}.terms-summary{color:#496575}.terms-summary strong{color:#183c4c}.studio-auth-copyright a{color:inherit;text-underline-offset:3px}
.auth-launch-offer{display:grid;gap:7px;margin-top:20px;padding:15px 0;border-top:1px solid #ffffff20;color:#effaff;font-size:13px;line-height:1.6}.auth-launch-offer span{color:#b6d2df;font-size:var(--text-xs)}.preset-card{transition:box-shadow .25s,border-color .25s!important}.preset-card:hover,.preset-card:focus-within{box-shadow:0 12px 28px #21b4db20!important;border-color:#29b8de!important}.preset-card__media:after{content:'';position:absolute;inset:0;border:1px solid #ffffff12;pointer-events:none;border-radius:inherit}

/* Source: auth-polish.css */
.rn-auth-page.studio-auth-page{background:#101112;color:#ededee}
.studio-auth-page .studio-auth-shell{width:min(1380px,calc(100% - 64px));min-height:calc(100svh - 64px);margin:32px auto;background:#151617;border:1px solid #303133;border-radius:24px;box-shadow:0 30px 100px #0004;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)}
.studio-auth-page .studio-auth-story{background:#161719;padding:40px 48px;border-right:1px solid #323335}
.studio-auth-page .studio-auth-brand{color:#f1f1f2}.studio-auth-page .studio-auth-brand small{color:#b2b2b5}.studio-auth-page .studio-auth-brand img{width:40px;height:40px}
.studio-auth-page .studio-auth-kicker{color:#aaa;font-size:var(--text-xs);letter-spacing:.16em}.studio-auth-page .studio-auth-kicker span{background:#aaa;box-shadow:none}
.studio-auth-page .studio-auth-story h1{font-size:clamp(40px,4.3vw,68px);color:#fafafa;line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:24px 0}
.studio-auth-page .studio-auth-story h1 em{color:#a9aaad;font-style:normal}
.studio-auth-page .studio-auth-story__description{color:#b1b1b5;font-size:14px;line-height:1.8;max-width:350px}.studio-auth-page .studio-auth-story__copy{margin:48px 0 28px}
.studio-auth-page .studio-auth-art{border:1px solid #404143;border-radius:16px;max-width:440px;box-shadow:none;background:#222325;transform:rotate(-2deg);margin:26px 0}
.studio-auth-page .studio-auth-art__scene{filter:grayscale(1);height:auto;max-height:210px;object-fit:cover}
.studio-auth-page :is(.studio-auth-art__top,.studio-auth-art__caption,.studio-auth-timeline){background:#202123;color:#e1e1e3;border-color:#3b3c3e}
.studio-auth-page .studio-auth-art__live{color:#bbb}.studio-auth-page .studio-auth-art__live i{background:#bdbdbd;box-shadow:none}
.studio-auth-page .studio-auth-timeline :is(i,b){background:#cecece}.studio-auth-page .studio-auth-play{color:#eee;background:#3a3b3d;border-color:#555}.studio-auth-page .studio-auth-story__footer{color:#999;border-color:#343537;font-size:var(--text-xs)}
.studio-auth-page .studio-auth-content{background:#111213;padding:54px 46px 24px;display:flex;flex-direction:column;justify-content:center}.studio-auth-page .studio-auth-content__inner{width:100%;max-width:360px;margin:auto}
.studio-auth-page .studio-auth-panel__eyebrow{color:#aeafb3;font-size:var(--text-xs);letter-spacing:.14em;margin-bottom:18px}
.studio-auth-page .studio-auth-heading h2{color:#f2f2f3;font-size:32px;letter-spacing:-.055em;font-weight:600;line-height:1.2}.studio-auth-page .studio-auth-heading p{color:#a7a7ab;font-size:13px;line-height:1.7;margin-top:12px}
.studio-auth-page .studio-auth-tabs{border-color:#393a3c;gap:24px;margin:30px 0 26px;background:none}.studio-auth-page .studio-auth-tabs :is(a,span){color:#9b9b9f;background:none;font-size:12px;border-color:transparent}.studio-auth-page .studio-auth-tabs .is-active{color:#fff;border-color:#e2e2e2;background:none;box-shadow:none}
.studio-auth-page :is(.studio-auth-field label,.studio-auth-field__label-row a){color:#c8c8ca;font-size:12px}.studio-auth-page .studio-auth-form{gap:20px}
.studio-auth-page .auth-input{height:48px;min-height:48px;background:#202123;color:#f4f4f4;border:1px solid #3c3d40;border-radius:10px;box-shadow:none;font-size:13px;padding:12px 14px}
.studio-auth-page .auth-input::placeholder{color:#8b8c90}.studio-auth-page .auth-input:focus{border-color:#a1a1a4;box-shadow:0 0 0 3px #ffffff0b;outline:none}.studio-auth-page .studio-auth-password__toggle{color:#c4c4c7;background:none;font-size:var(--text-xs)}
.studio-auth-page .studio-auth-submit{height:auto;min-height:var(--control-height);border:1px solid #ececec;border-radius:var(--control-radius);background:var(--action-gradient);color:var(--action-text);box-shadow:none;font-weight:650;font-size:var(--control-font);gap:14px;margin-top:8px}
.studio-auth-page .studio-auth-submit:hover:not(:disabled){background:var(--action-hover);color:var(--action-text);transform:none;box-shadow:var(--action-glow)}.studio-auth-page .studio-auth-submit:disabled{background:#393a3c;color:#aaa;border-color:#4a4b4d;cursor:not-allowed}
.studio-auth-page .studio-auth-quick-link{border-color:#333436;color:#999;padding-top:24px;margin-top:26px;gap:8px}.studio-auth-page .studio-auth-quick-link a{color:#e4e4e5;font-size:12px}.studio-auth-page .studio-auth-privacy{color:#8f9094;font-size:var(--text-xs);margin-top:26px;line-height:1.6}
.studio-auth-page .studio-auth-copyright{color:#999;font-size:var(--text-xs);margin-top:35px}.studio-auth-page .studio-auth-copyright a{color:#aaa}.studio-auth-page .studio-auth-alert{background:#282121;color:#f2c6c6;border-color:#705151}.studio-auth-page .studio-auth-alert strong{color:#f0cece}
.studio-auth-page .auth-launch-offer{margin-top:20px;padding:13px 15px;border:1px solid #454649;border-radius:10px;background:#222325;color:#eee;box-shadow:none;animation:none}.studio-auth-page .auth-launch-offer span{color:#b5b5b9;font-size:var(--text-xs)}.studio-auth-page .auth-launch-offer strong{color:#e8e8e9;font-size:12px}
.studio-auth-page .terms-check{color:var(--theme-text);font-size:12px;line-height:1.6}.studio-auth-page .terms-check input{accent-color:var(--action-bg);width:17px;height:17px;flex-shrink:0}.studio-auth-page .terms-check a{color:var(--shell-accent);text-decoration:underline;text-underline-offset:3px}
.studio-auth-page .legal-document :is(h2,h3){color:#eee}.studio-auth-page .legal-document{color:#bdbdc1}.studio-auth-page .legal-document a{color:#fff}.studio-auth-page :is(a,button,input):focus-visible{outline:2px solid #eee;outline-offset:4px}
.terms-ambient{position:fixed;inset:0;display:grid;grid-template-columns:280px 1fr 240px;gap:12px;padding:18px;background:#101112;filter:blur(5px);opacity:.5;pointer-events:none}.terms-ambient>div{border:1px solid #444;border-radius:16px;padding:25px;background:#1a1b1d;display:flex;flex-direction:column;gap:18px}.terms-ambient span{height:42px;border-radius:9px;background:#303133}.terms-ambient .terms-ambient__canvas{margin-top:32px;height:65vh;background:#252628;border-radius:12px}
.terms-dialog{position:fixed;inset:0;z-index:1000;width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:0;background:var(--theme-surface);color:var(--theme-text);border:1px solid #505154;border-radius:20px;box-shadow:0 35px 130px #000b;overflow:hidden;font-family:var(--font-sans)}.terms-dialog::backdrop{background:#08090ad9;backdrop-filter:blur(6px)}
.terms-dialog__header{padding:25px 28px 18px;border-bottom:1px solid #38393b}.terms-dialog__header small{color:var(--theme-muted);font-size:var(--text-xs);letter-spacing:.08em}.terms-dialog__header h1{margin:12px 0 7px;font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:600}.terms-dialog__header p{color:var(--theme-muted);font-size:12px;line-height:1.7;margin:0}
.terms-dialog__body{padding:22px 28px;max-height:42dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#606166 #191a1c;font-size:12px;line-height:1.8;color:var(--theme-muted);}.terms-dialog__body h2{font-size:18px;color:var(--theme-text);margin:0 0 10px}.terms-dialog__body h3{font-size:13px;color:var(--theme-text);margin:20px 0 7px}.terms-dialog__body p{margin:0 0 10px}.terms-dialog__body a{color:var(--shell-accent);text-decoration:underline}.terms-dialog__body strong{color:var(--theme-text);font-weight:600}
.terms-dialog__footer{padding:20px 28px;border-top:1px solid #38393b;background:var(--theme-surface-raised);}.terms-dialog__footer .terms-check{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.terms-dialog__footer .studio-auth-submit{width:100%;margin:0}.terms-dialog__exit{margin-top:12px;text-align:center}.terms-dialog__exit button{border:0;background:transparent;color:var(--theme-muted);font-size:var(--text-xs);text-decoration:underline;cursor:pointer;padding:6px}
@media(max-width:1000px){.studio-auth-page .studio-auth-shell{width:calc(100% - 32px);margin:16px auto;min-height:calc(100svh - 32px);grid-template-columns:minmax(0,1fr) minmax(350px,1fr)}.studio-auth-page .studio-auth-story{padding:32px}.studio-auth-page .studio-auth-content{padding:36px 30px 22px}.studio-auth-page .studio-auth-story h1{font-size:46px}.studio-auth-page .studio-auth-story__copy{margin-top:48px}.studio-auth-page .studio-auth-art{transform:none}}
@media(max-width:760px){.studio-auth-page .studio-auth-shell{display:block;min-height:calc(100svh - 24px);width:calc(100% - 24px);margin:12px auto;border-radius:18px}.studio-auth-page .studio-auth-story{display:none}.studio-auth-page .studio-auth-content{min-height:calc(100svh - 26px);padding:26px 22px;background:#151617}.studio-auth-page .studio-auth-brand--mobile{display:flex;margin-bottom:42px}.studio-auth-page .studio-auth-heading h2{font-size:30px}.studio-auth-page .studio-auth-content__inner{max-width:380px}.studio-auth-page .studio-auth-tabs{margin-top:24px}.terms-dialog__header{padding:20px}.terms-dialog__header h1{font-size:23px}.terms-dialog__body{padding:18px 20px;max-height:38dvh}.terms-dialog__footer{padding:18px 20px}.terms-ambient{grid-template-columns:1fr}}
@media(max-height:700px) and (min-width:761px){.studio-auth-page .studio-auth-story__copy{margin-top:30px}.studio-auth-page .studio-auth-art__scene{max-height:110px}.studio-auth-page .studio-auth-story h1{font-size:44px}.studio-auth-page .studio-auth-content{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.studio-auth-page *{animation:none!important;transition:none!important}}
.studio-auth-page .terms-dialog :is(h1,h2,h3){color:var(--theme-text);}
.studio-auth-page .terms-check{color:var(--theme-text);}
.studio-auth-page .terms-dialog__body:focus-visible{outline:1px solid #aaa;outline-offset:-2px}
.studio-auth-page .terms-dialog :is(.terms-dialog__header,.terms-dialog__footer){border-color:var(--theme-line);}
.studio-auth-page .studio-auth-story__copy{margin:28px 0 12px}
.studio-auth-page .studio-auth-story h1{font-size:clamp(42px,4vw,60px);margin:18px 0}
.studio-auth-page .studio-auth-art{margin:18px 0 12px}
.studio-auth-page .studio-auth-art__scene{max-height:130px}
@media(max-height:700px) and (min-width:761px){.studio-auth-page .studio-auth-art{display:none}.studio-auth-page .studio-auth-story h1{font-size:44px}}