.studio-v2{--paper: oklch(98.6% .003 255);--paper-deep: oklch(96.2% .005 255);--ink: oklch(27% .013 262);--ink-2: oklch(43% .013 262);--ink-3: oklch(57% .013 262);--line: oklch(90.5% .009 255);--sun: oklch(84% .052 254);--sun-deep: oklch(52% .078 256);--sun-tint: oklch(95.5% .026 254);--on-sun: oklch(27% .03 262);--warn: oklch(82% .1 82);--warn-deep: oklch(71% .11 78);--warn-tint: oklch(96% .04 82);--on-warn: oklch(30% .04 80);--ember: oklch(57% .09 256);--ember-deep: oklch(50% .1 256);--ember-tint: oklch(95% .03 254);--leaf: oklch(52% .08 160);--leaf-tint: oklch(95.5% .025 160);--brick: oklch(53% .13 25);--brick-tint: oklch(95.5% .025 25);--cap: oklch(24% .02 262 / .92);--font-display: "Gelica", "Fraunces", Georgia, serif;--font-ui: "TikTok Sans", "Noto Sans JP", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-h: 1.0625rem;--t-body: 1rem;--t-row: .9375rem;--t-small: .875rem;--t-cap: .8125rem;--t-micro: .7rem;--t-display: clamp(2.7rem, 5.6vw + .6rem, 4.8rem);--t-h1: clamp(1.9rem, 2.8vw + .4rem, 2.7rem);--r-pill: 9999px;--r-lg: 13px;--r-md: 9px;--r-sm: 6px;--r-xs: 4px;--key: none;--press-rest: none;--press-hover: none;--press-down: none;--sh-card: 0 1px 2px oklch(27% .013 262 / .05), 0 4px 12px oklch(27% .013 262 / .07);--sh-menu: 0 2px 6px oklch(27% .013 262 / .07), 0 12px 28px oklch(27% .013 262 / .12);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(27% .013 262 / .16), 0 1px 3px oklch(27% .013 262 / .07);--sh-btn-active: inset 0 0 0 1px oklch(27% .013 262 / .22), inset 0 1px 2px oklch(27% .013 262 / .07);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px color-mix(in oklab, var(--sun-deep) 70%, white);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-move: cubic-bezier(.4, 0, .2, 1);--dur-tap: .12s;--dur-ui: .24s;--dur-blink: 2.4s;font-family:var(--font-ui);background:var(--paper);color:var(--ink-2)}.studio-v2.night,.dark .studio-v2{--paper: oklch(23% .009 260);--paper-deep: oklch(19.5% .008 260);--ink: oklch(94% .008 260);--ink-2: oklch(82% .009 260);--ink-3: oklch(66% .01 260);--line: oklch(32% .012 260);--sun: oklch(80% .08 252);--sun-deep: oklch(66% .095 256);--sun-tint: oklch(32% .05 255);--on-sun: oklch(18% .03 262);--warn: oklch(80% .1 82);--warn-deep: oklch(74% .1 80);--warn-tint: oklch(31% .05 82);--on-warn: oklch(20% .03 80);--ember: oklch(70% .12 254);--ember-deep: oklch(74% .12 254);--ember-tint: oklch(31% .055 255);--leaf: oklch(72% .09 160);--leaf-tint: oklch(29% .05 160);--brick: oklch(67% .13 26);--brick-tint: oklch(30% .05 26);--cap: oklch(14% .008 260 / .94);--key: none;--sh-card: 0 1px 2px oklch(0% 0 0 / .3), 0 6px 16px oklch(0% 0 0 / .4);--sh-menu: 0 2px 8px oklch(0% 0 0 / .36), 0 16px 36px oklch(0% 0 0 / .5);--sh-btn-hover: inset 0 0 0 1px oklch(100% 0 0 / .16), 0 1px 3px oklch(0% 0 0 / .3);--sh-btn-active: inset 0 0 0 1px oklch(100% 0 0 / .22), inset 0 1px 2px oklch(0% 0 0 / .3)}.studio-v2 .sh-tabs{display:flex;align-items:flex-end;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--paper);flex:none}.studio-v2 .sh-tab{font-family:var(--font-ui);font-size:var(--t-small);font-weight:650;color:var(--ink-3);background:transparent;border:0;border-radius:0;padding:11px 12px 9px;cursor:pointer;position:relative}.studio-v2 :is(button,[role=button]):focus-visible,.studio-v2 a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.studio-v2 .sh-tab:hover{color:var(--ink-2)}.studio-v2 .sh-tab[aria-selected=true]{color:var(--ink);background:transparent;box-shadow:none}.studio-v2 .sh-tab[aria-selected=true]:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--sun-deep)}.studio-v2 .sh-tabs .gap{flex:1}.studio-v2 .sh-langs{font-family:var(--font-code);font-size:11.5px;color:var(--ink-3);padding-bottom:9px}.studio-v2 .sh-langs b{color:var(--ink);font-weight:600}@media (max-width: 560px){.studio-v2 .sh-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.studio-v2 .sh-tabs::-webkit-scrollbar{display:none}.studio-v2 .sh-tab{flex:none}.studio-v2 .sh-tabs .gap{display:none}.studio-v2 .sh-langs{flex:none;padding-left:10px;white-space:nowrap}}.studio-v2 .sv2-tab-content{flex:1;min-height:0;overflow-y:auto}.studio-v2 .sv2-tab-content.cue-mode{display:flex;flex-direction:column;overflow:hidden}