.studio-demo{--sd-radius:0.2rem;--sd-background:oklch(0.97 0.005 260);--sd-foreground:oklch(0.22 0.02 260);--sd-stage:oklch(0.92 0.01 260);--sd-shell:oklch(0.99 0.002 260);--sd-rail:oklch(0.985 0.003 260);--sd-panel:oklch(1 0 0);--sd-panel-raised:oklch(0.96 0.008 260);--sd-hairline:oklch(0.88 0.01 260);--sd-muted:oklch(0.48 0.02 260);--sd-ember:oklch(0.5 0.19 258);--sd-primary:oklch(0.5 0.2 258);--sd-record:oklch(0.55 0.2 24);--sd-clip-video:oklch(0.52 0.2 255);--sd-clip-zoom:oklch(0.58 0.16 210);--sd-clip-zoom-fg:oklch(0.12 0.02 210);color:var(--sd-foreground);background:var(--sd-shell);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif}.studio-demo.dark{color-scheme:dark;--sd-background:oklch(0.1 0 0);--sd-foreground:oklch(0.93 0 0);--sd-stage:oklch(0.05 0 0);--sd-shell:oklch(0.115 0 0);--sd-rail:oklch(0.115 0 0);--sd-panel:oklch(0.145 0 0);--sd-panel-raised:oklch(0.19 0 0);--sd-hairline:oklch(0.23 0 0);--sd-muted:oklch(0.58 0 0);--sd-ember:oklch(0.64 0.18 255);--sd-primary:oklch(0.6 0.2 258);--sd-record:oklch(0.55 0.2 24);--sd-clip-video:oklch(0.52 0.22 260);--sd-clip-zoom:oklch(0.58 0.16 210);--sd-clip-zoom-fg:oklch(0.12 0.02 210)}.studio-demo .sd-hairline-b{border-bottom:1px solid var(--sd-hairline)}.studio-demo .sd-hairline-r{border-right:1px solid var(--sd-hairline)}.studio-demo .sd-hairline-t{border-top:1px solid var(--sd-hairline)}.studio-demo .sd-hairline-l{border-left:1px solid var(--sd-hairline)}