.hero-panel.svelte-1mfo99u{gap:var(--spacing-40);padding:var(--spacing-40);background:linear-gradient(150deg, oklch(from var(--color-royalblue) 26% .048 h), oklch(from var(--color-royalblue) 19% .036 h));border-radius:var(--radius-16);box-shadow:0 20px 50px -20px oklch(from var(--color-royalblue-100) l c h / 45%);border:1px solid #0000;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.dark .hero-panel.svelte-1mfo99u{background:linear-gradient(150deg, oklch(from var(--color-royalblue) 36% .055 h), oklch(from var(--color-royalblue) 27% .042 h));border-color:color-mix(in oklch, var(--color-white) 12%, transparent);box-shadow:none}.controls.svelte-1mfo99u{gap:var(--spacing-20);flex-direction:column;display:flex}.controls-heading.svelte-1mfo99u{font-size:var(--text-sm);font-weight:var(--font-weight-600);color:color-mix(in oklch, var(--color-white) 68%, transparent);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.readout.svelte-1mfo99u{padding-left:var(--spacing-40);border-left:1px solid color-mix(in oklch, var(--color-white) 14%, transparent);flex-direction:column;justify-content:center;display:flex}.live-note.svelte-1mfo99u{margin-top:var(--spacing-10);margin-bottom:var(--spacing-20);font-size:var(--text-sm);color:color-mix(in oklch, var(--color-fg) 62%, transparent);text-align:right}@media (width<=62rem){.hero-panel.svelte-1mfo99u{gap:var(--spacing-24);padding:var(--spacing-24);grid-template-columns:minmax(0,1fr)}.readout.svelte-1mfo99u{padding-top:var(--spacing-24);border-top:1px solid color-mix(in oklch, var(--color-white) 14%, transparent);border-left:0;padding-left:0}.live-note.svelte-1mfo99u{text-align:left}}