.studio-v2[data-studio-skin=slate]{--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(54% .013 262);--line: oklch(90.5% .009 255);--sun: oklch(52% .078 256);--sun-deep: oklch(44% .075 257);--sun-tint: oklch(95.5% .026 254);--on-sun: oklch(99% .003 255);--warn: oklch(82% .1 82);--warn-deep: oklch(53% .105 72);--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);--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)}.studio-v2[data-studio-skin=slate][data-studio-mode=dark]{--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(70% .095 254);--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(70% .13 26);--brick-tint: oklch(30% .05 26);--cap: oklch(14% .008 260 / .94);--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: inset 0 0 0 1px var(--line);--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);--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)}.studio-v2[data-studio-skin=slate-prime]{--paper: oklch(98.8% .003 255);--paper-deep: oklch(96.4% .005 255);--ink: oklch(23% .015 262);--ink-2: oklch(37% .015 262);--ink-3: oklch(46% .014 260);--line: oklch(88.5% .01 255);--sun: oklch(45% .095 257);--sun-deep: oklch(38% .09 258);--sun-tint: oklch(95% .03 254);--on-sun: oklch(99% .003 255);--warn: oklch(80% .1 82);--warn-deep: oklch(48% .1 70);--warn-tint: oklch(95.5% .04 82);--on-warn: oklch(26% .04 78);--ember: oklch(48% .1 256);--ember-deep: oklch(43% .1 256);--ember-tint: oklch(95% .03 254);--leaf: oklch(47% .085 160);--leaf-tint: oklch(95% .03 160);--brick: oklch(49% .135 25);--brick-tint: oklch(95.5% .028 25);--cap: oklch(22% .02 262 / .93);--sh-card: 0 1px 2px oklch(23% .015 262 / .05), 0 4px 12px oklch(23% .015 262 / .07);--sh-menu: 0 2px 6px oklch(23% .015 262 / .07), 0 12px 28px oklch(23% .015 262 / .12);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(23% .015 262 / .18), 0 1px 3px oklch(23% .015 262 / .07);--sh-btn-active: inset 0 0 0 1px oklch(23% .015 262 / .24), inset 0 1px 2px oklch(23% .015 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)}.studio-v2[data-studio-skin=slate-prime][data-studio-mode=dark]{--paper: oklch(21.5% .01 260);--paper-deep: oklch(18% .009 260);--ink: oklch(95% .008 260);--ink-2: oklch(84% .009 260);--ink-3: oklch(70% .011 258);--line: oklch(33% .014 260);--sun: oklch(78% .09 252);--sun-deep: oklch(82% .095 250);--sun-tint: oklch(32% .055 254);--on-sun: oklch(16% .03 262);--warn: oklch(80% .1 82);--warn-deep: oklch(84% .1 84);--warn-tint: oklch(30% .05 82);--on-warn: oklch(18% .03 80);--ember: oklch(78% .11 254);--ember-deep: oklch(82% .11 252);--ember-tint: oklch(30% .055 255);--leaf: oklch(80% .1 160);--leaf-tint: oklch(29% .05 160);--brick: oklch(76% .12 26);--brick-tint: oklch(30% .055 26);--cap: oklch(13% .008 260 / .95);--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: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(100% 0 0 / .18), 0 1px 3px oklch(0% 0 0 / .3);--sh-btn-active: inset 0 0 0 1px oklch(100% 0 0 / .24), inset 0 1px 2px oklch(0% 0 0 / .3);--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)}.studio-v2[data-studio-skin=kinetic-graphite]{--paper: oklch(100% 0 0);--paper-deep: oklch(97.5% 0 0);--ink: oklch(24% 0 0);--ink-2: oklch(32% 0 0);--ink-3: oklch(50% 0 0);--line: oklch(92.5% 0 0);--sun: oklch(38% 0 0);--sun-deep: oklch(22% 0 0);--sun-tint: oklch(96% 0 0);--on-sun: oklch(100% 0 0);--warn: oklch(53% .12 70);--warn-deep: oklch(47% .12 72);--warn-tint: oklch(96% .035 80);--on-warn: oklch(100% 0 0);--ember: oklch(62% .2 42);--ember-deep: oklch(54% .185 41);--ember-tint: oklch(96.5% .03 56);--leaf: oklch(48% .1 152);--leaf-tint: oklch(95.5% .03 152);--brick: oklch(53% .17 25);--brick-tint: oklch(96% .03 25);--cap: oklch(20% .01 250 / .9);--sh-card: 0 1px 2px oklch(0% 0 0 / .04), 0 1px 1px oklch(0% 0 0 / .03);--sh-menu: 0 8px 24px oklch(0% 0 0 / .1), 0 2px 6px oklch(0% 0 0 / .06);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(87% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(80% 0 0), inset 0 1px 2px oklch(0% 0 0 / .06);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--ember)}.studio-v2[data-studio-skin=kinetic-graphite][data-studio-mode=dark]{--paper: oklch(20% 0 0);--paper-deep: oklch(16% 0 0);--ink: oklch(98% 0 0);--ink-2: oklch(92% 0 0);--ink-3: oklch(72% 0 0);--line: oklch(30% 0 0);--sun: oklch(80% 0 0);--sun-deep: oklch(92% 0 0);--sun-tint: oklch(28% 0 0);--on-sun: oklch(16% 0 0);--warn: oklch(74% .13 78);--warn-deep: oklch(82% .12 80);--warn-tint: oklch(30% .05 72 / .55);--on-warn: oklch(18% .02 70);--ember: oklch(74% .19 50);--ember-deep: oklch(80% .17 52);--ember-tint: oklch(32% .07 48 / .5);--leaf: oklch(72% .13 152);--leaf-tint: oklch(30% .06 152 / .5);--brick: oklch(68% .17 26);--brick-tint: oklch(32% .08 26 / .5);--cap: oklch(18% .01 250 / .92);--sh-card: 0 1px 2px oklch(0% 0 0 / .4), 0 1px 1px oklch(0% 0 0 / .3);--sh-menu: 0 10px 30px oklch(0% 0 0 / .55), 0 2px 8px oklch(0% 0 0 / .4);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(38% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(44% 0 0), inset 0 1px 2px oklch(0% 0 0 / .35);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--ember)}.studio-v2[data-studio-skin=kinetic-prime]{--paper: oklch(100% 0 0);--paper-deep: oklch(97.3% 0 0);--ink: oklch(21% 0 0);--ink-2: oklch(33% 0 0);--ink-3: oklch(46% 0 0);--line: oklch(90% 0 0);--sun: oklch(36% 0 0);--sun-deep: oklch(20% 0 0);--sun-tint: oklch(95.7% 0 0);--on-sun: oklch(100% 0 0);--warn: oklch(49% .115 68);--warn-deep: oklch(46% .115 70);--warn-tint: oklch(96% .035 80);--on-warn: oklch(100% 0 0);--ember: oklch(54% .19 40);--ember-deep: oklch(48% .175 40);--ember-tint: oklch(96% .032 55);--leaf: oklch(46% .1 152);--leaf-tint: oklch(95.5% .03 152);--brick: oklch(50% .16 25);--brick-tint: oklch(96% .028 25);--cap: oklch(18% .01 250 / .92);--sh-card: 0 1px 2px oklch(0% 0 0 / .04), 0 1px 1px oklch(0% 0 0 / .03);--sh-menu: 0 8px 24px oklch(0% 0 0 / .1), 0 2px 6px oklch(0% 0 0 / .06);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(84% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(77% 0 0), inset 0 1px 2px oklch(0% 0 0 / .06);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--ember)}.studio-v2[data-studio-skin=kinetic-prime][data-studio-mode=dark]{--paper: oklch(19% 0 0);--paper-deep: oklch(15% 0 0);--ink: oklch(98% 0 0);--ink-2: oklch(90% 0 0);--ink-3: oklch(72% 0 0);--line: oklch(31% 0 0);--sun: oklch(82% 0 0);--sun-deep: oklch(93% 0 0);--sun-tint: oklch(28.5% 0 0);--on-sun: oklch(15% 0 0);--warn: oklch(78% .13 80);--warn-deep: oklch(82% .12 82);--warn-tint: oklch(78% .13 80 / .13);--on-warn: oklch(16% .02 75);--ember: oklch(77% .17 52);--ember-deep: oklch(81% .16 54);--ember-tint: oklch(77% .17 52 / .1);--leaf: oklch(80% .13 152);--leaf-tint: oklch(80% .13 152 / .1);--brick: oklch(79% .125 32);--brick-tint: oklch(79% .125 32 / .09);--cap: oklch(15% 0 0 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .4), 0 1px 1px oklch(0% 0 0 / .3);--sh-menu: 0 10px 30px oklch(0% 0 0 / .55), 0 2px 8px oklch(0% 0 0 / .4);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(40% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(46% 0 0), inset 0 1px 2px oklch(0% 0 0 / .35);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--ember)}.studio-v2[data-studio-skin=ember-graphite]{--paper: oklch(98% .006 80);--paper-deep: oklch(95.5% .009 75);--ink: oklch(22% .012 60);--ink-2: oklch(33% .011 55);--ink-3: oklch(50% .012 55);--line: oklch(91% .008 75);--sun: oklch(36% .012 60);--sun-deep: oklch(20% .011 60);--sun-tint: oklch(95% .009 70);--on-sun: oklch(98% .006 80);--warn: oklch(53% .115 70);--warn-deep: oklch(50% .115 70);--warn-tint: oklch(58% .12 75 / .1);--on-warn: oklch(98% .006 80);--ember: oklch(60% .19 42);--ember-deep: oklch(52% .19 40);--ember-tint: oklch(60% .19 42 / .1);--leaf: oklch(48% .09 152);--leaf-tint: oklch(48% .09 152 / .1);--brick: oklch(54% .155 25);--brick-tint: oklch(54% .155 25 / .1);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px hsl(28 30% 12% / .06), 0 2px 8px hsl(28 30% 12% / .06);--sh-menu: 0 4px 12px hsl(28 30% 12% / .1), 0 12px 32px hsl(28 30% 12% / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(86% .009 72), 0 1px 2px hsl(28 30% 12% / .06);--sh-btn-active: inset 0 1px 2px hsl(28 30% 12% / .12);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(52% .19 40 / .55)}.studio-v2[data-studio-skin=ember-graphite][data-studio-mode=dark]{--paper: oklch(20% .008 60);--paper-deep: oklch(17% .008 55);--ink: oklch(97% .012 80);--ink-2: oklch(91% .012 78);--ink-3: oklch(73% .012 70);--line: oklch(30% .008 55);--sun: oklch(80% .013 78);--sun-deep: oklch(90% .013 80);--sun-tint: oklch(97% .012 80 / .08);--on-sun: oklch(18% .01 60);--warn: oklch(79% .13 76);--warn-deep: oklch(81% .125 78);--warn-tint: oklch(79% .13 76 / .12);--on-warn: oklch(18% .01 60);--ember: oklch(77% .15 52);--ember-deep: oklch(80% .145 54);--ember-tint: oklch(77% .15 52 / .12);--leaf: oklch(78% .13 152);--leaf-tint: oklch(78% .13 152 / .12);--brick: oklch(78% .125 30);--brick-tint: oklch(78% .125 30 / .12);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px hsl(28 30% 4% / .4), 0 2px 10px hsl(28 30% 4% / .4);--sh-menu: 0 6px 16px hsl(28 30% 3% / .5), 0 16px 40px hsl(28 30% 3% / .55);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(36% .009 55), 0 1px 2px hsl(28 30% 4% / .4);--sh-btn-active: inset 0 1px 3px hsl(28 30% 3% / .55);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(70% .18 48 / .6)}.studio-v2[data-studio-skin=midnight-pro]{--paper: oklch(97% .008 250);--paper-deep: oklch(94.5% .012 248);--ink: oklch(28% .04 260);--ink-2: oklch(40% .035 258);--ink-3: oklch(52% .03 256);--line: oklch(89% .014 250);--sun: oklch(52% .12 226);--sun-deep: oklch(44% .11 228);--sun-tint: oklch(95% .03 220);--on-sun: oklch(99% .004 230);--warn: oklch(72% .13 75);--warn-deep: oklch(53% .12 65);--warn-tint: oklch(95.5% .04 80);--on-warn: oklch(26% .05 70);--ember: oklch(62% .13 278);--ember-deep: oklch(52% .15 278);--ember-tint: oklch(95.5% .03 278);--leaf: oklch(51% .11 155);--leaf-tint: oklch(95% .04 158);--brick: oklch(53% .15 24);--brick-tint: oklch(95% .035 22);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(45% .03 260 / .08), 0 2px 8px oklch(45% .03 260 / .06);--sh-menu: 0 4px 12px oklch(40% .03 260 / .12), 0 12px 32px oklch(40% .03 260 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(82% .02 250), 0 1px 2px oklch(45% .03 260 / .06);--sh-btn-active: inset 0 1px 2px oklch(45% .04 260 / .14);--hover-wash: oklch(95.5% .018 240);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=midnight-pro][data-studio-mode=dark]{--paper: oklch(16% .012 260);--paper-deep: oklch(13% .012 262);--ink: oklch(95% .012 240);--ink-2: oklch(82% .018 245);--ink-3: oklch(66% .022 248);--line: oklch(28% .016 258);--sun: oklch(75% .13 220);--sun-deep: oklch(72% .145 218);--sun-tint: oklch(30% .05 222);--on-sun: oklch(14% .02 240);--warn: oklch(80% .13 78);--warn-deep: oklch(84% .12 82);--warn-tint: oklch(30% .05 70);--on-warn: oklch(16% .03 70);--ember: oklch(72% .13 277);--ember-deep: oklch(76% .13 277);--ember-tint: oklch(30% .06 277);--leaf: oklch(78% .13 158);--leaf-tint: oklch(29% .05 158);--brick: oklch(72% .15 23);--brick-tint: oklch(30% .07 22);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(0% 0 0 / .4), 0 2px 10px oklch(0% 0 0 / .3);--sh-menu: 0 6px 16px oklch(0% 0 0 / .5), 0 18px 44px oklch(0% 0 0 / .45);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(36% .02 256), 0 1px 2px oklch(0% 0 0 / .35);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .5);--hover-wash: oklch(20% .018 256);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun)}.studio-v2[data-studio-skin=nord-frost]{--paper: oklch(94.5% .008 250);--paper-deep: oklch(91.5% .011 250);--ink: oklch(33% .024 264);--ink-2: oklch(41% .026 261);--ink-3: oklch(50% .028 258);--line: oklch(88% .014 251);--sun: oklch(52% .08 252);--sun-deep: oklch(45% .075 253);--sun-tint: oklch(93% .024 230);--on-sun: oklch(96% .008 250);--warn: oklch(82% .084 84);--warn-deep: oklch(50% .095 72);--warn-tint: oklch(93.5% .038 88);--on-warn: oklch(25% .03 78);--ember: oklch(56% .065 252);--ember-deep: oklch(47% .07 255);--ember-tint: oklch(93% .022 248);--leaf: oklch(48% .07 142);--leaf-tint: oklch(93% .034 140);--brick: oklch(50% .11 24);--brick-tint: oklch(92.5% .032 22);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(33% .024 264 / .06), 0 2px 8px oklch(33% .024 264 / .06);--sh-menu: 0 4px 12px oklch(33% .024 264 / .1), 0 12px 32px oklch(33% .024 264 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(82% .02 250);--sh-btn-active: inset 0 1px 2px oklch(33% .024 264 / .12);--hover-wash: oklch(91% .016 240);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=nord-frost][data-studio-mode=dark]{--paper: oklch(33.5% .022 264);--paper-deep: oklch(30% .022 266);--ink: oklch(94.5% .008 250);--ink-2: oklch(90% .01 250);--ink-3: oklch(75% .018 254);--line: oklch(42% .024 262);--sun: oklch(80% .066 222);--sun-deep: oklch(78% .07 230);--sun-tint: oklch(38% .038 240);--on-sun: oklch(24% .02 264);--warn: oklch(84% .088 84);--warn-deep: oklch(84% .084 84);--warn-tint: oklch(41% .05 82);--on-warn: oklch(24% .03 78);--ember: oklch(78% .058 252);--ember-deep: oklch(80% .062 252);--ember-tint: oklch(40% .038 252);--leaf: oklch(82% .08 140);--leaf-tint: oklch(41% .05 142);--brick: oklch(77% .11 25);--brick-tint: oklch(37.5% .055 24);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(18% .02 264 / .4), 0 2px 8px oklch(18% .02 264 / .36);--sh-menu: 0 4px 14px oklch(15% .02 264 / .5), 0 14px 36px oklch(15% .02 264 / .55);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(50% .028 258);--sh-btn-active: inset 0 1px 3px oklch(15% .02 264 / .5);--hover-wash: oklch(38% .024 260);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=sepia-press]{--paper: oklch(96% .018 85);--paper-deep: oklch(92.5% .022 82);--ink: oklch(30% .03 60);--ink-2: oklch(42% .03 60);--ink-3: oklch(52% .028 62);--line: oklch(84% .022 75);--sun: oklch(51% .07 200);--sun-deep: oklch(45% .07 200);--sun-tint: oklch(93% .028 200);--on-sun: oklch(98% .012 90);--warn: oklch(72% .1 80);--warn-deep: oklch(52% .09 75);--warn-tint: oklch(93% .04 82);--on-warn: oklch(28% .04 70);--ember: oklch(58% .11 35);--ember-deep: oklch(48% .12 33);--ember-tint: oklch(93% .035 38);--leaf: oklch(50% .075 122);--leaf-tint: oklch(92.5% .04 120);--brick: oklch(52% .13 28);--brick-tint: oklch(92% .04 30);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(30% .03 60 / .08), 0 2px 8px oklch(30% .03 60 / .06);--sh-menu: 0 4px 12px oklch(30% .03 60 / .12), 0 12px 32px oklch(30% .03 60 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(78% .03 75), 0 1px 2px oklch(30% .03 60 / .08);--sh-btn-active: inset 0 1px 2px oklch(30% .03 60 / .14);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=sepia-press][data-studio-mode=dark]{--paper: oklch(22% .015 60);--paper-deep: oklch(18.5% .014 60);--ink: oklch(92% .022 85);--ink-2: oklch(80% .022 80);--ink-3: oklch(67% .022 75);--line: oklch(32% .018 62);--sun: oklch(66% .08 200);--sun-deep: oklch(72% .085 200);--sun-tint: oklch(34% .045 200);--on-sun: oklch(20% .02 220);--warn: oklch(78% .11 82);--warn-deep: oklch(80% .1 82);--warn-tint: oklch(35% .05 80);--on-warn: oklch(22% .03 70);--ember: oklch(66% .12 38);--ember-deep: oklch(72% .12 38);--ember-tint: oklch(34% .06 36);--leaf: oklch(70% .09 122);--leaf-tint: oklch(33% .05 122);--brick: oklch(71% .13 30);--brick-tint: oklch(31% .06 30);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(0% 0 0 / .35), 0 2px 10px oklch(0% 0 0 / .3);--sh-menu: 0 6px 16px oklch(0% 0 0 / .45), 0 16px 40px oklch(0% 0 0 / .5);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(40% .02 62), 0 1px 2px oklch(0% 0 0 / .3);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .45);--hover-wash: oklch(26% .018 62);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun)}.studio-v2[data-studio-skin=neon-dusk]{--paper: oklch(96.5% .012 300);--paper-deep: oklch(93% .018 300);--ink: oklch(28% .07 300);--ink-2: oklch(42% .05 295);--ink-3: oklch(52% .045 295);--line: oklch(86% .022 300);--sun: oklch(54% .2 352);--sun-deep: oklch(47% .19 352);--sun-tint: oklch(94% .04 345);--on-sun: oklch(97% .01 340);--warn: oklch(72% .14 72);--warn-deep: oklch(52% .12 70);--warn-tint: oklch(95% .05 78);--on-warn: oklch(25% .06 65);--ember: oklch(54% .11 215);--ember-deep: oklch(49% .11 215);--ember-tint: oklch(94% .04 210);--leaf: oklch(50% .13 155);--leaf-tint: oklch(94% .045 160);--brick: oklch(52% .18 22);--brick-tint: oklch(95% .04 22);--cap: oklch(20% .02 260 / .9);--sh-card: 0 1px 2px oklch(40% .06 300 / .08), 0 4px 12px oklch(40% .06 300 / .1);--sh-menu: 0 4px 12px oklch(35% .06 300 / .14), 0 16px 40px oklch(35% .06 300 / .18);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(80% .05 350), 0 1px 2px oklch(40% .06 300 / .1);--sh-btn-active: inset 0 1px 2px oklch(40% .08 300 / .18);--hover-wash: oklch(95% .025 345);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(58% .2 352 / .55)}.studio-v2[data-studio-skin=neon-dusk][data-studio-mode=dark]{--paper: oklch(17% .03 285);--paper-deep: oklch(14% .028 285);--ink: oklch(96% .012 250);--ink-2: oklch(82% .02 260);--ink-3: oklch(66% .025 265);--line: oklch(28% .035 285);--sun: oklch(74% .18 350);--sun-deep: oklch(72% .21 352);--sun-tint: oklch(32% .07 345);--on-sun: oklch(18% .04 300);--warn: oklch(82% .14 75);--warn-deep: oklch(80% .13 75);--warn-tint: oklch(33% .06 72);--on-warn: oklch(20% .04 70);--ember: oklch(80% .14 200);--ember-deep: oklch(80% .13 200);--ember-tint: oklch(30% .06 205);--leaf: oklch(80% .15 155);--leaf-tint: oklch(31% .07 158);--brick: oklch(72% .18 18);--brick-tint: oklch(31% .09 20);--cap: oklch(16% .02 260 / .9);--sh-card: 0 1px 2px oklch(8% .02 285 / .5), 0 6px 18px oklch(6% .02 285 / .55);--sh-menu: 0 6px 18px oklch(6% .02 285 / .6), 0 22px 52px oklch(4% .02 285 / .7);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(45% .1 350), 0 0 10px oklch(72% .2 352 / .18);--sh-btn-active: inset 0 1px 3px oklch(6% .02 285 / .6);--hover-wash: oklch(22% .045 320);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(74% .21 352 / .7), 0 0 14px oklch(74% .21 352 / .35)}.studio-v2[data-studio-skin=graphene]{--paper: oklch(99% 0 0);--paper-deep: oklch(97% 0 0);--ink: oklch(20% 0 0);--ink-2: oklch(38% 0 0);--ink-3: oklch(52% 0 0);--line: oklch(91% 0 0);--sun: oklch(55% .21 282);--sun-deep: oklch(50% .2 281);--sun-tint: oklch(96% .03 280);--on-sun: oklch(99% 0 0);--warn: oklch(54% .12 72);--warn-deep: oklch(52% .12 75);--warn-tint: oklch(96% .04 75);--on-warn: oklch(99% 0 0);--ember: oklch(55% .21 282);--ember-deep: oklch(50% .2 281);--ember-tint: oklch(96% .03 280);--leaf: oklch(51% .12 150);--leaf-tint: oklch(96% .04 150);--brick: oklch(54% .155 26);--brick-tint: oklch(96% .03 27);--cap: oklch(20% .02 280 / .9);--sh-card: 0 1px 2px oklch(20% 0 0 / .05);--sh-menu: 0 8px 24px oklch(20% 0 0 / .12), 0 2px 6px oklch(20% 0 0 / .08);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(85% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(80% 0 0), inset 0 1px 2px oklch(20% 0 0 / .08);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=graphene][data-studio-mode=dark]{--paper: oklch(14% 0 0);--paper-deep: oklch(11% 0 0);--ink: oklch(96% 0 0);--ink-2: oklch(78% 0 0);--ink-3: oklch(64% 0 0);--line: oklch(26% 0 0);--sun: oklch(70% .2 280);--sun-deep: oklch(74% .19 280);--sun-tint: oklch(30% .08 280);--on-sun: oklch(14% 0 0);--warn: oklch(76% .13 75);--warn-deep: oklch(80% .12 75);--warn-tint: oklch(30% .06 75);--on-warn: oklch(14% 0 0);--ember: oklch(70% .2 280);--ember-deep: oklch(74% .19 280);--ember-tint: oklch(30% .08 280);--leaf: oklch(72% .14 150);--leaf-tint: oklch(30% .06 150);--brick: oklch(68% .16 27);--brick-tint: oklch(30% .07 27);--cap: oklch(20% .02 280 / .9);--sh-card: 0 1px 2px oklch(0% 0 0 / .4);--sh-menu: 0 10px 28px oklch(0% 0 0 / .6), 0 2px 6px oklch(0% 0 0 / .5);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(34% 0 0);--sh-btn-active: inset 0 0 0 1px oklch(40% 0 0), inset 0 1px 2px oklch(0% 0 0 / .5);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--sun-deep)}.studio-v2[data-studio-skin=matcha]{--paper: oklch(97.8% .01 115);--paper-deep: oklch(95.2% .014 112);--ink: oklch(25% .02 145);--ink-2: oklch(37% .02 145);--ink-3: oklch(50% .022 145);--line: oklch(89.5% .018 115);--sun: oklch(48% .095 148);--sun-deep: oklch(41% .09 150);--sun-tint: oklch(93.5% .032 130);--on-sun: oklch(98.5% .01 115);--warn: oklch(54% .115 70);--warn-deep: oklch(50% .11 68);--warn-tint: oklch(94.5% .045 82);--on-warn: oklch(98.5% .01 100);--ember: oklch(56% .13 45);--ember-deep: oklch(50% .125 43);--ember-tint: oklch(94% .032 50);--leaf: oklch(48% .1 152);--leaf-tint: oklch(93.5% .038 150);--brick: oklch(52% .14 28);--brick-tint: oklch(94% .032 28);--cap: oklch(22% .02 145 / .92);--sh-card: 0 1px 2px oklch(25% .02 145 / .06), 0 3px 10px oklch(25% .02 145 / .06);--sh-menu: 0 4px 12px oklch(25% .02 145 / .1), 0 12px 32px oklch(25% .02 145 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(83% .024 120), 0 1px 2px oklch(25% .02 145 / .06);--sh-btn-active: inset 0 1px 2px oklch(25% .02 145 / .12);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(48% .095 148 / .55)}.studio-v2[data-studio-skin=matcha][data-studio-mode=dark]{--paper: oklch(21% .015 145);--paper-deep: oklch(17.5% .014 145);--ink: oklch(95% .014 120);--ink-2: oklch(84% .016 125);--ink-3: oklch(69% .02 135);--line: oklch(31% .02 145);--sun: oklch(78% .11 145);--sun-deep: oklch(82% .115 145);--sun-tint: oklch(31% .05 148);--on-sun: oklch(17% .02 145);--warn: oklch(80% .12 82);--warn-deep: oklch(83% .115 84);--warn-tint: oklch(32% .05 78);--on-warn: oklch(18% .02 80);--ember: oklch(76% .12 52);--ember-deep: oklch(80% .115 54);--ember-tint: oklch(32% .05 48);--leaf: oklch(80% .13 150);--leaf-tint: oklch(30% .055 150);--brick: oklch(73% .14 28);--brick-tint: oklch(31% .06 28);--cap: oklch(13% .015 145 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .35), 0 3px 12px oklch(0% 0 0 / .35);--sh-menu: 0 6px 16px oklch(0% 0 0 / .45), 0 16px 40px oklch(0% 0 0 / .5);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(39% .022 145), 0 1px 2px oklch(0% 0 0 / .3);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .45);--hover-wash: oklch(25% .018 145);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(78% .11 145 / .6)}.studio-v2[data-studio-skin=porcelain]{--paper: oklch(98.8% .004 240);--paper-deep: oklch(96.3% .007 235);--ink: oklch(24% .03 270);--ink-2: oklch(38% .03 268);--ink-3: oklch(51% .03 265);--line: oklch(90.5% .012 245);--sun: oklch(46% .11 272);--sun-deep: oklch(39% .1 273);--sun-tint: oklch(95% .025 265);--on-sun: oklch(99% .004 240);--warn: oklch(55% .11 78);--warn-deep: oklch(51% .105 75);--warn-tint: oklch(95.5% .04 85);--on-warn: oklch(99% .004 240);--ember: oklch(55% .16 32);--ember-deep: oklch(50% .155 30);--ember-tint: oklch(94.5% .03 32);--leaf: oklch(50% .09 155);--leaf-tint: oklch(94.5% .032 155);--brick: oklch(52% .15 25);--brick-tint: oklch(94.5% .03 25);--cap: oklch(20% .03 270 / .92);--sh-card: 0 1px 2px oklch(24% .03 270 / .05), 0 3px 10px oklch(24% .03 270 / .06);--sh-menu: 0 4px 12px oklch(24% .03 270 / .1), 0 12px 32px oklch(24% .03 270 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(84% .018 250), 0 1px 2px oklch(24% .03 270 / .06);--sh-btn-active: inset 0 1px 2px oklch(24% .03 270 / .12);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(46% .11 272 / .55)}.studio-v2[data-studio-skin=porcelain][data-studio-mode=dark]{--paper: oklch(19% .022 272);--paper-deep: oklch(15.5% .02 272);--ink: oklch(95% .008 250);--ink-2: oklch(83% .012 255);--ink-3: oklch(67% .018 260);--line: oklch(30% .03 270);--sun: oklch(76% .09 265);--sun-deep: oklch(80% .09 262);--sun-tint: oklch(32% .06 270);--on-sun: oklch(16% .02 270);--warn: oklch(80% .12 82);--warn-deep: oklch(83% .11 84);--warn-tint: oklch(32% .05 78);--on-warn: oklch(18% .02 80);--ember: oklch(74% .14 35);--ember-deep: oklch(78% .13 38);--ember-tint: oklch(32% .06 32);--leaf: oklch(78% .12 155);--leaf-tint: oklch(30% .05 155);--brick: oklch(72% .15 26);--brick-tint: oklch(31% .06 26);--cap: oklch(12% .02 272 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .4), 0 3px 12px oklch(0% 0 0 / .35);--sh-menu: 0 6px 16px oklch(0% 0 0 / .5), 0 16px 40px oklch(0% 0 0 / .5);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(38% .03 268), 0 1px 2px oklch(0% 0 0 / .35);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .5);--hover-wash: oklch(23% .025 270);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(76% .09 265 / .6)}.studio-v2[data-studio-skin=rose-quartz]{--paper: oklch(98.2% .006 30);--paper-deep: oklch(95.8% .009 25);--ink: oklch(26% .02 350);--ink-2: oklch(39% .02 350);--ink-3: oklch(51% .022 350);--line: oklch(90% .013 20);--sun: oklch(50% .14 3);--sun-deep: oklch(43% .135 5);--sun-tint: oklch(94.5% .025 5);--on-sun: oklch(98.5% .006 20);--warn: oklch(54% .115 70);--warn-deep: oklch(50% .11 68);--warn-tint: oklch(94.5% .04 78);--on-warn: oklch(98.5% .006 30);--ember: oklch(52% .12 330);--ember-deep: oklch(46% .115 330);--ember-tint: oklch(94.5% .028 335);--leaf: oklch(50% .085 145);--leaf-tint: oklch(94% .032 145);--brick: oklch(52% .15 25);--brick-tint: oklch(94.5% .03 25);--cap: oklch(22% .02 350 / .92);--sh-card: 0 1px 2px oklch(26% .02 350 / .06), 0 3px 10px oklch(26% .02 350 / .06);--sh-menu: 0 4px 12px oklch(26% .02 350 / .1), 0 12px 32px oklch(26% .02 350 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(84% .018 15), 0 1px 2px oklch(26% .02 350 / .06);--sh-btn-active: inset 0 1px 2px oklch(26% .02 350 / .12);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(50% .14 3 / .5)}.studio-v2[data-studio-skin=rose-quartz][data-studio-mode=dark]{--paper: oklch(20% .016 345);--paper-deep: oklch(16.5% .015 345);--ink: oklch(95% .008 20);--ink-2: oklch(83% .012 15);--ink-3: oklch(68% .018 5);--line: oklch(30% .02 350);--sun: oklch(77% .12 5);--sun-deep: oklch(81% .115 8);--sun-tint: oklch(32% .06 0);--on-sun: oklch(17% .02 350);--warn: oklch(80% .12 80);--warn-deep: oklch(83% .11 82);--warn-tint: oklch(32% .05 76);--on-warn: oklch(18% .02 78);--ember: oklch(76% .11 330);--ember-deep: oklch(80% .105 332);--ember-tint: oklch(32% .055 332);--leaf: oklch(78% .11 148);--leaf-tint: oklch(30% .05 148);--brick: oklch(73% .14 26);--brick-tint: oklch(31% .06 26);--cap: oklch(12% .015 345 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .38), 0 3px 12px oklch(0% 0 0 / .34);--sh-menu: 0 6px 16px oklch(0% 0 0 / .48), 0 16px 40px oklch(0% 0 0 / .5);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(38% .022 350), 0 1px 2px oklch(0% 0 0 / .32);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .46);--hover-wash: oklch(24% .018 345);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(77% .12 5 / .6)}.studio-v2[data-studio-skin=hearth]{--paper: oklch(96% .025 95);--paper-deep: oklch(93% .03 92);--ink: oklch(30% .02 60);--ink-2: oklch(40% .02 60);--ink-3: oklch(51% .02 62);--line: oklch(86% .025 90);--sun: oklch(53% .14 50);--sun-deep: oklch(46% .14 45);--sun-tint: oklch(92.5% .04 60);--on-sun: oklch(97.5% .02 95);--warn: oklch(54% .12 75);--warn-deep: oklch(50% .115 72);--warn-tint: oklch(92.5% .05 85);--on-warn: oklch(97.5% .02 95);--ember: oklch(48% .08 175);--ember-deep: oklch(43% .075 176);--ember-tint: oklch(92% .035 175);--leaf: oklch(48% .1 120);--leaf-tint: oklch(92.5% .05 115);--brick: oklch(48% .17 28);--brick-tint: oklch(92.5% .035 28);--cap: oklch(24% .015 65 / .92);--sh-card: 0 1px 2px oklch(30% .02 60 / .08), 0 3px 10px oklch(30% .02 60 / .07);--sh-menu: 0 4px 12px oklch(30% .02 60 / .12), 0 12px 32px oklch(30% .02 60 / .15);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(79% .03 85), 0 1px 2px oklch(30% .02 60 / .08);--sh-btn-active: inset 0 1px 2px oklch(30% .02 60 / .14);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(53% .14 50 / .55)}.studio-v2[data-studio-skin=hearth][data-studio-mode=dark]{--paper: oklch(23% .012 75);--paper-deep: oklch(19.5% .011 75);--ink: oklch(93% .03 90);--ink-2: oklch(83% .032 88);--ink-3: oklch(69% .03 85);--line: oklch(33% .015 75);--sun: oklch(74% .15 58);--sun-deep: oklch(78% .145 60);--sun-tint: oklch(33% .06 55);--on-sun: oklch(19% .012 70);--warn: oklch(80% .13 85);--warn-deep: oklch(83% .125 86);--warn-tint: oklch(33% .055 82);--on-warn: oklch(19% .012 75);--ember: oklch(78% .1 170);--ember-deep: oklch(81% .1 170);--ember-tint: oklch(31% .05 172);--leaf: oklch(79% .13 118);--leaf-tint: oklch(31% .055 118);--brick: oklch(70% .16 28);--brick-tint: oklch(31% .07 28);--cap: oklch(14% .01 75 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .4), 0 3px 12px oklch(0% 0 0 / .35);--sh-menu: 0 6px 16px oklch(0% 0 0 / .5), 0 16px 40px oklch(0% 0 0 / .52);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(41% .018 75), 0 1px 2px oklch(0% 0 0 / .35);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .5);--hover-wash: oklch(27% .014 75);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(74% .15 58 / .6)}.studio-v2[data-studio-skin=phosphor]{--paper: oklch(98% .005 140);--paper-deep: oklch(95.5% .008 140);--ink: oklch(22% .015 150);--ink-2: oklch(36% .016 150);--ink-3: oklch(50% .018 150);--line: oklch(90% .012 140);--sun: oklch(45% .12 148);--sun-deep: oklch(38% .11 150);--sun-tint: oklch(94% .045 145);--on-sun: oklch(98.5% .005 140);--warn: oklch(54% .12 72);--warn-deep: oklch(50% .115 70);--warn-tint: oklch(94.5% .05 80);--on-warn: oklch(98.5% .005 140);--ember: oklch(52% .12 70);--ember-deep: oklch(47% .115 68);--ember-tint: oklch(94.5% .05 75);--leaf: oklch(47% .11 150);--leaf-tint: oklch(93.5% .045 148);--brick: oklch(52% .15 28);--brick-tint: oklch(94.5% .03 28);--cap: oklch(20% .02 150 / .92);--sh-card: 0 1px 2px oklch(22% .015 150 / .06), 0 3px 10px oklch(22% .015 150 / .06);--sh-menu: 0 4px 12px oklch(22% .015 150 / .1), 0 12px 32px oklch(22% .015 150 / .14);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(83% .02 145), 0 1px 2px oklch(22% .015 150 / .06);--sh-btn-active: inset 0 1px 2px oklch(22% .015 150 / .12);--hover-wash: var(--paper-deep);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(45% .12 148 / .55)}.studio-v2[data-studio-skin=phosphor][data-studio-mode=dark]{--paper: oklch(15% .012 150);--paper-deep: oklch(12% .011 150);--ink: oklch(93% .05 145);--ink-2: oklch(84% .07 145);--ink-3: oklch(68% .08 145);--line: oklch(27% .03 148);--sun: oklch(80% .2 145);--sun-deep: oklch(85% .21 145);--sun-tint: oklch(28% .07 147);--on-sun: oklch(13% .02 150);--warn: oklch(82% .14 85);--warn-deep: oklch(85% .13 86);--warn-tint: oklch(29% .05 85);--on-warn: oklch(14% .02 85);--ember: oklch(80% .13 80);--ember-deep: oklch(84% .125 82);--ember-tint: oklch(28% .05 78);--leaf: oklch(82% .18 148);--leaf-tint: oklch(27% .07 148);--brick: oklch(72% .17 28);--brick-tint: oklch(29% .07 28);--cap: oklch(10% .015 150 / .94);--sh-card: 0 1px 2px oklch(0% 0 0 / .5), 0 3px 12px oklch(0% 0 0 / .4);--sh-menu: 0 6px 16px oklch(0% 0 0 / .55), 0 16px 40px oklch(0% 0 0 / .6);--sh-btn: inset 0 0 0 1px var(--line);--sh-btn-hover: inset 0 0 0 1px oklch(36% .05 147), 0 0 10px oklch(80% .2 145 / .15);--sh-btn-active: inset 0 1px 3px oklch(0% 0 0 / .55);--hover-wash: oklch(19% .02 148);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px oklch(80% .2 145 / .65), 0 0 12px oklch(80% .2 145 / .3)}.studio-v2[data-studio-font=paper-serif]{--font-display: "Gelica Studio", "Gelica", "Fraunces", Georgia, "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", serif;--font-ui: "DM Sans", "Noto Sans JP", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.studio-v2[data-studio-font=swiss]{--font-display: "Inter", "Public Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-ui: "Inter", "Public Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.studio-v2[data-studio-font=editorial]{--font-display: "Source Serif 4", "Gelica", Georgia, serif;--font-ui: "Public Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.studio-v2[data-studio-font=native]{--font-display: ui-serif, "New York", Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.studio-v2[data-studio-font=brand]{--font-display: "TikTok Sans", "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-ui: "TikTok Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}.studio-v2[data-studio-font=mono-lab]{--font-display: "Roboto Mono", ui-monospace, "SF Mono", monospace;--font-ui: "Inter", "DM Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-code: "Roboto Mono", ui-monospace, "SF Mono", monospace}.studio-v2[data-studio-font=cozy]{--font-display: "Baloo 2", "Baloo 2 ExtraBold", "Nunito", ui-rounded, sans-serif;--font-ui: "Nunito", "DM Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace}