.studio-surface-canvas{background-color:var(--background-primary)}.studio-surface-panel{background-color:var(--background-secondary)}.studio-surface-card{background-color:color-mix(in oklab, var(--background-secondary) 50%, var(--background-elevated))}.studio-surface-elevated{background-color:var(--background-elevated)}.studio-hairline{border:1px solid var(--border-hairline)}.studio-hairline-strong{border:1px solid var(--border-hairline-strong)}.studio-accent-glow{box-shadow:0 0 0 1px var(--accent-soft-strong), 0 8px 28px -10px color-mix(in oklab, var(--color-brand-primary) 35%, transparent)}.studio-stroke-top{position:relative}.studio-stroke-top:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-soft-strong), transparent);height:1px;position:absolute;inset:0 0 auto}.studio-blueprint-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg stroke='%234856f7' stroke-width='1' stroke-opacity='.55'%3E%3Cpath d='M36 30v12M30 36h12'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(color-mix(in oklab, var(--color-brand-primary) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--color-brand-primary) 13%, transparent) 1px, transparent 1px), linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px);background-size:72px 72px,72px 72px,72px 72px,12px 12px,12px 12px;-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000 25%,#0000 78%);mask-image:radial-gradient(70% 65% at 50% 45%,#000 25%,#0000 78%)}