:root{--cockpit-panel-bg:rgba(255,255,255,.65);--cockpit-panel-bg-strong:rgba(255,255,255,.92);--cockpit-panel-blur:20px;--cockpit-panel-radius:20px;--cockpit-panel-shadow:0 20px 60px rgba(15,23,42,.08);--cockpit-panel-ring:inset 0 0 0 1px rgba(255,255,255,.55);--cockpit-stage-tint-1:rgba(120,160,255,.22);--cockpit-stage-tint-2:rgba(168,139,250,.14);--cockpit-stage-base-top:#f8fbff;--cockpit-stage-base-bot:#eef4ff;--cockpit-ambient-soft:0 24px 60px -32px rgba(15,23,42,.18);--cockpit-ambient-strong:0 36px 96px -40px rgba(15,23,42,.32)}.studio-stage-bg{isolation:isolate;background:radial-gradient(circle at 50% 38%,var(--cockpit-stage-tint-1),transparent 55%),radial-gradient(circle at 18% 100%,var(--cockpit-stage-tint-2),transparent 60%),linear-gradient(180deg,var(--cockpit-stage-base-top)0%,var(--cockpit-stage-base-bot)100%);position:relative}.studio-panel{background:var(--cockpit-panel-bg);-webkit-backdrop-filter:blur(var(--cockpit-panel-blur));backdrop-filter:blur(var(--cockpit-panel-blur));border-radius:var(--cockpit-panel-radius);box-shadow:var(--cockpit-panel-ring),var(--cockpit-panel-shadow)}.studio-panel-flat{background:var(--cockpit-panel-bg-strong);border-radius:var(--cockpit-panel-radius);box-shadow:var(--cockpit-panel-ring),var(--cockpit-panel-shadow)}@media (prefers-reduced-transparency:reduce){.studio-panel{background:var(--cockpit-panel-bg-strong);-webkit-backdrop-filter:none;backdrop-filter:none}}