@layer variables{@layer color{:root{--p1:oklch(40% .012 65);--p2:oklch(55% .08 60);--p3:oklch(55% .155 22);--p4:oklch(55% .012 65);--p5:oklch(55% .07 50);--t-bg-l:.96;--t-surface-l:.99;--t-accent-l:.38;--t-a-l:.46;--t-b-l:.42;--t-bg-c:.22;--t-surface-c:.13;--t-accent-c:1;--t-a-c:1;--t-b-c:1;--t-bg-h:0;--t-surface-h:0;--t-accent-h:0;--t-a-h:0;--t-b-h:0;--t-bg-a:1;--t-surface-a:1;--t-accent-a:1;--t-a-a:1;--t-b-a:1;--t-bg-source:var(--p1);--t-surface-source:var(--p1);--t-accent-source:var(--p2);--t-a-source:var(--p3);--t-b-source:var(--p4);--t-bg-blend:var(--p1);--t-bg-blend-amt:0%;--t-surface-blend:var(--p1);--t-surface-blend-amt:0%;--t-accent-blend:var(--p1);--t-accent-blend-amt:0%;--t-a-blend:var(--p1);--t-a-blend-amt:0%;--t-b-blend:var(--p1);--t-b-blend-amt:0%;--t-grad-a-source:var(--p1);--t-grad-b-source:var(--p2);--t-grad-via-source:var(--p5);--t-grad-a-l:var(--t-bg-l);--t-grad-b-l:var(--t-accent-l);--t-grad-via-l:.75;--t-grad-a-c:var(--t-bg-c);--t-grad-b-c:1;--t-grad-via-c:.5;--t-grad-a-h:0;--t-grad-b-h:0;--t-grad-via-h:0;--t-grad-a-a:1;--t-grad-b-a:1;--t-grad-via-a:1;--t-grad-a-blend:var(--p1);--t-grad-a-blend-amt:0%;--t-grad-b-blend:var(--p1);--t-grad-b-blend-amt:0%;--t-grad-angle:135deg;--t-grad-a-pos:0%;--t-grad-via-pos:45%;--t-grad-b-pos:100%;--base-spacing:1rem;--base-radius:.75rem;--p-bg-in:color-mix(in oklch, var(--t-bg-source) calc(100% - var(--t-bg-blend-amt)), var(--t-bg-blend) var(--t-bg-blend-amt));--p-surface-in:color-mix(in oklch, var(--t-surface-source) calc(100% - var(--t-surface-blend-amt)), var(--t-surface-blend) var(--t-surface-blend-amt));--p-accent-in:color-mix(in oklch, var(--t-accent-source) calc(100% - var(--t-accent-blend-amt)), var(--t-accent-blend) var(--t-accent-blend-amt));--p-a-in:color-mix(in oklch, var(--t-a-source) calc(100% - var(--t-a-blend-amt)), var(--t-a-blend) var(--t-a-blend-amt));--p-b-in:color-mix(in oklch, var(--t-b-source) calc(100% - var(--t-b-blend-amt)), var(--t-b-blend) var(--t-b-blend-amt));--p-grad-a-in:color-mix(in oklch, var(--t-grad-a-source) calc(100% - var(--t-grad-a-blend-amt)), var(--t-grad-a-blend) var(--t-grad-a-blend-amt));--p-grad-b-in:color-mix(in oklch, var(--t-grad-b-source) calc(100% - var(--t-grad-b-blend-amt)), var(--t-grad-b-blend) var(--t-grad-b-blend-amt));--color-bg:oklch(from var(--p-bg-in) var(--t-bg-l) calc(c * var(--t-bg-c)) calc(h + var(--t-bg-h)) / var(--t-bg-a));--color-surface:oklch(from var(--p-surface-in) var(--t-surface-l) calc(c * var(--t-surface-c)) calc(h + var(--t-surface-h)) / var(--t-surface-a));--color-accent:oklch(from var(--p-accent-in) var(--t-accent-l) calc(c * var(--t-accent-c)) calc(h + var(--t-accent-h)) / var(--t-accent-a));--color-a:oklch(from var(--p-a-in) var(--t-a-l) calc(c * var(--t-a-c)) calc(h + var(--t-a-h)) / var(--t-a-a));--color-b:oklch(from var(--p-b-in) var(--t-b-l) calc(c * var(--t-b-c)) calc(h + var(--t-b-h)) / var(--t-b-a));--color-negative:var(--color-a);--color-positive:var(--color-b);--color-caution:oklch(from var(--p5) var(--t-a-l)  calc(c * var(--t-a-c)) calc(h + var(--t-a-h)));--color-fg:oklch(from var(--color-bg) clamp(.15, 1 - l, .85) c h);--color-fg-muted:oklch(from var(--color-bg) calc(.6 - l * .2) c h);--color-fg-subtle:oklch(from var(--color-bg) calc(.45 - l * .1) c h);--color-surface-raised:oklch(from var(--color-surface) calc(l + .03) c h);--color-surface-overlay:oklch(from var(--color-surface) calc(l + .06) c h);--color-border:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .08) c h);--color-border-muted:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .04) c h);--color-border-strong:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .16) c h);--color-accent-subtle:oklch(from var(--color-accent) l c h / .1);--color-accent-dim:oklch(from var(--color-accent) l c h / .24);--color-accent-border:oklch(from var(--color-accent) l c h / .45);--color-accent-on:oklch(from var(--color-accent) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-accent-tint:oklch(from var(--color-accent) calc(l * .3 + .6) calc(c * .3) h);--color-negative-surface:oklch(from var(--color-negative) l c h / .1);--color-negative-border:oklch(from var(--color-negative) l c h / .4);--color-negative-on:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-negative-tint:oklch(from var(--color-negative) calc(l * .3 + .6) calc(c * .3) h);--color-negative-fg:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-surface:oklch(from var(--color-positive) l c h / .1);--color-positive-border:oklch(from var(--color-positive) l c h / .4);--color-positive-on:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-tint:oklch(from var(--color-positive) calc(l * .3 + .6) calc(c * .3) h);--color-positive-fg:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-surface:oklch(from var(--color-caution) l c h / .1);--color-caution-border:oklch(from var(--color-caution) l c h / .4);--color-caution-on:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-tint:oklch(from var(--color-caution) calc(l * .3 + .6) calc(c * .3) h);--color-caution-fg:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--shadow-sm:0 1px 3px oklch(from var(--color-bg) calc(l - .08) c h / .3);--shadow-md:0 4px 12px oklch(from var(--color-bg) calc(l - .1) c h / .4);--shadow-lg:0 8px 32px oklch(from var(--color-bg) calc(l - .12) c h / .5);--shadow-overlay:0 16px 48px oklch(from var(--color-bg) calc(l - .14) c h / .6);--gradient-stop-a:oklch(from var(--p-grad-a-in) var(--t-grad-a-l) calc(c * var(--t-grad-a-c)) calc(h + var(--t-grad-a-h)) / var(--t-grad-a-a));--gradient-stop-b:oklch(from var(--p-grad-b-in) var(--t-grad-b-l) calc(c * var(--t-grad-b-c)) calc(h + var(--t-grad-b-h)) / var(--t-grad-b-a));--gradient-stop-via:color-mix(in oklch, var(--gradient-stop-a) 50%, var(--gradient-stop-b) 50%);--gradient-surface:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-via) var(--t-grad-via-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-surface-simple:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-accent:linear-gradient(var(--t-grad-angle), var(--color-bg) var(--t-grad-a-pos), var(--color-accent) var(--t-grad-b-pos));--gradient-semantic:linear-gradient(var(--t-grad-angle), var(--color-negative) var(--t-grad-a-pos), var(--color-caution) var(--t-grad-via-pos), var(--color-positive) var(--t-grad-b-pos))}[data-theme]{--color-fg:oklch(from var(--color-bg) clamp(.15, 1 - l, .85) c h);--color-fg-muted:oklch(from var(--color-bg) calc(.6 - l * .2) c h);--color-fg-subtle:oklch(from var(--color-bg) calc(.45 - l * .1) c h);--color-border:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .08) c h);--color-border-muted:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .04) c h);--color-border-strong:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .16) c h);--color-surface-raised:oklch(from var(--color-surface) calc(l + .03) c h);--color-surface-overlay:oklch(from var(--color-surface) calc(l + .06) c h);--color-accent-subtle:oklch(from var(--color-accent) l c h / .1);--color-accent-dim:oklch(from var(--color-accent) l c h / .24);--color-accent-border:oklch(from var(--color-accent) l c h / .45);--color-accent-on:oklch(from var(--color-accent) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-accent-tint:oklch(from var(--color-accent) calc(l * .3 + .6) calc(c * .3) h);--color-negative-surface:oklch(from var(--color-negative) l c h / .1);--color-negative-border:oklch(from var(--color-negative) l c h / .4);--color-negative-on:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-negative-tint:oklch(from var(--color-negative) calc(l * .3 + .6) calc(c * .3) h);--color-negative-fg:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-surface:oklch(from var(--color-positive) l c h / .1);--color-positive-border:oklch(from var(--color-positive) l c h / .4);--color-positive-on:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-tint:oklch(from var(--color-positive) calc(l * .3 + .6) calc(c * .3) h);--color-positive-fg:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-surface:oklch(from var(--color-caution) l c h / .1);--color-caution-border:oklch(from var(--color-caution) l c h / .4);--color-caution-on:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-tint:oklch(from var(--color-caution) calc(l * .3 + .6) calc(c * .3) h);--color-caution-fg:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--shadow-sm:0 1px 3px oklch(from var(--color-bg) calc(l - .08) c h / .3);--shadow-md:0 4px 12px oklch(from var(--color-bg) calc(l - .1) c h / .4);--shadow-lg:0 8px 32px oklch(from var(--color-bg) calc(l - .12) c h / .5);--shadow-overlay:0 16px 48px oklch(from var(--color-bg) calc(l - .14) c h / .6);--gradient-stop-a:oklch(from var(--p-grad-a-in) var(--t-grad-a-l) calc(c * var(--t-grad-a-c)) calc(h + var(--t-grad-a-h)) / var(--t-grad-a-a));--gradient-stop-b:oklch(from var(--p-grad-b-in) var(--t-grad-b-l) calc(c * var(--t-grad-b-c)) calc(h + var(--t-grad-b-h)) / var(--t-grad-b-a));--gradient-stop-via:color-mix(in oklch, var(--gradient-stop-a) 50%, var(--gradient-stop-b) 50%);--gradient-surface:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-via) var(--t-grad-via-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-surface-simple:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-accent:linear-gradient(var(--t-grad-angle), var(--color-bg) var(--t-grad-a-pos), var(--color-accent) var(--t-grad-b-pos));--gradient-semantic:linear-gradient(var(--t-grad-angle), var(--color-negative) var(--t-grad-a-pos), var(--color-caution) var(--t-grad-via-pos), var(--color-positive) var(--t-grad-b-pos));color:var(--color-fg)}[data-palette]{--t-a-source:var(--p3);--t-b-source:var(--p4);--p-bg-in:color-mix(in oklch, var(--t-bg-source) calc(100% - var(--t-bg-blend-amt)), var(--t-bg-blend) var(--t-bg-blend-amt));--p-surface-in:color-mix(in oklch, var(--t-surface-source) calc(100% - var(--t-surface-blend-amt)), var(--t-surface-blend) var(--t-surface-blend-amt));--p-accent-in:color-mix(in oklch, var(--t-accent-source) calc(100% - var(--t-accent-blend-amt)), var(--t-accent-blend) var(--t-accent-blend-amt));--p-a-in:color-mix(in oklch, var(--t-a-source) calc(100% - var(--t-a-blend-amt)), var(--t-a-blend) var(--t-a-blend-amt));--p-b-in:color-mix(in oklch, var(--t-b-source) calc(100% - var(--t-b-blend-amt)), var(--t-b-blend) var(--t-b-blend-amt));--p-grad-a-in:color-mix(in oklch, var(--t-grad-a-source) calc(100% - var(--t-grad-a-blend-amt)), var(--t-grad-a-blend) var(--t-grad-a-blend-amt));--p-grad-b-in:color-mix(in oklch, var(--t-grad-b-source) calc(100% - var(--t-grad-b-blend-amt)), var(--t-grad-b-blend) var(--t-grad-b-blend-amt));--color-bg:oklch(from var(--p-bg-in) var(--t-bg-l) calc(c * var(--t-bg-c)) calc(h + var(--t-bg-h)) / var(--t-bg-a));--color-surface:oklch(from var(--p-surface-in) var(--t-surface-l) calc(c * var(--t-surface-c)) calc(h + var(--t-surface-h)) / var(--t-surface-a));--color-accent:oklch(from var(--p-accent-in) var(--t-accent-l) calc(c * var(--t-accent-c)) calc(h + var(--t-accent-h)) / var(--t-accent-a));--color-a:oklch(from var(--p-a-in) var(--t-a-l) calc(c * var(--t-a-c)) calc(h + var(--t-a-h)) / var(--t-a-a));--color-b:oklch(from var(--p-b-in) var(--t-b-l) calc(c * var(--t-b-c)) calc(h + var(--t-b-h)) / var(--t-b-a));--color-negative:var(--color-a);--color-positive:var(--color-b);--color-caution:oklch(from var(--p5) var(--t-a-l) calc(c * var(--t-a-c)) calc(h + var(--t-a-h)));--color-fg:oklch(from var(--color-bg) clamp(.15, 1 - l, .85) c h);--color-fg-muted:oklch(from var(--color-bg) calc(.6 - l * .2) c h);--color-fg-subtle:oklch(from var(--color-bg) calc(.45 - l * .1) c h);--color-border:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .08) c h);--color-border-muted:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .04) c h);--color-border-strong:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .16) c h);--color-surface-raised:oklch(from var(--color-surface) calc(l + .03) c h);--color-surface-overlay:oklch(from var(--color-surface) calc(l + .06) c h);--color-accent-subtle:oklch(from var(--color-accent) l c h / .1);--color-accent-dim:oklch(from var(--color-accent) l c h / .24);--color-accent-border:oklch(from var(--color-accent) l c h / .45);--color-accent-on:oklch(from var(--color-accent) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-accent-tint:oklch(from var(--color-accent) calc(l * .3 + .6) calc(c * .3) h);--color-negative-surface:oklch(from var(--color-negative) l c h / .1);--color-negative-border:oklch(from var(--color-negative) l c h / .4);--color-negative-on:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-negative-tint:oklch(from var(--color-negative) calc(l * .3 + .6) calc(c * .3) h);--color-negative-fg:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-surface:oklch(from var(--color-positive) l c h / .1);--color-positive-border:oklch(from var(--color-positive) l c h / .4);--color-positive-on:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-tint:oklch(from var(--color-positive) calc(l * .3 + .6) calc(c * .3) h);--color-positive-fg:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-surface:oklch(from var(--color-caution) l c h / .1);--color-caution-border:oklch(from var(--color-caution) l c h / .4);--color-caution-on:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-tint:oklch(from var(--color-caution) calc(l * .3 + .6) calc(c * .3) h);--color-caution-fg:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--shadow-sm:0 1px 3px oklch(from var(--color-bg) calc(l - .08) c h / .3);--shadow-md:0 4px 12px oklch(from var(--color-bg) calc(l - .1) c h / .4);--shadow-lg:0 8px 32px oklch(from var(--color-bg) calc(l - .12) c h / .5);--shadow-overlay:0 16px 48px oklch(from var(--color-bg) calc(l - .14) c h / .6);--gradient-stop-a:oklch(from var(--p-grad-a-in) var(--t-grad-a-l) calc(c * var(--t-grad-a-c)) calc(h + var(--t-grad-a-h)) / var(--t-grad-a-a));--gradient-stop-b:oklch(from var(--p-grad-b-in) var(--t-grad-b-l) calc(c * var(--t-grad-b-c)) calc(h + var(--t-grad-b-h)) / var(--t-grad-b-a));--gradient-stop-via:color-mix(in oklch, var(--gradient-stop-a) 50%, var(--gradient-stop-b) 50%);--gradient-surface:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-via) var(--t-grad-via-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-surface-simple:linear-gradient(var(--t-grad-angle), var(--gradient-stop-a) var(--t-grad-a-pos), var(--gradient-stop-b) var(--t-grad-b-pos));--gradient-accent:linear-gradient(var(--t-grad-angle), var(--color-bg) var(--t-grad-a-pos), var(--color-accent) var(--t-grad-b-pos));--gradient-semantic:linear-gradient(var(--t-grad-angle), var(--color-negative) var(--t-grad-a-pos), var(--color-caution) var(--t-grad-via-pos), var(--color-positive) var(--t-grad-b-pos))}}:root{--color-fg:oklch(from var(--color-bg) clamp(.15, 1 - l, .85) c h);--color-fg-muted:oklch(from var(--color-bg) calc(.6 - l * .2) c h);--color-fg-subtle:oklch(from var(--color-bg) calc(.45 - l * .1) c h);--color-surface-raised:oklch(from var(--color-surface) calc(l + .03) c h);--color-surface-overlay:oklch(from var(--color-surface) calc(l + .06) c h);--color-border:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .08) c h);--color-focus:var(--color-accent);--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);--color-accent-subtle:oklch(from var(--color-accent) l c h / .12);--color-accent-dim:oklch(from var(--color-accent) l c h / .25);--color-accent-border:oklch(from var(--color-accent) l c h / .45);--color-accent-on:oklch(from var(--color-accent) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--t-accent-fg-l:.65;--t-accent-fg-c:1;--t-accent-fg-h:0;--color-accent-fg:oklch(from var(--color-accent) var(--t-accent-fg-l) calc(c * var(--t-accent-fg-c)) calc(h + var(--t-accent-fg-h)));--color-negative-surface:oklch(from var(--color-negative) l c h / .12);--color-negative-border:oklch(from var(--color-negative) l c h / .4);--color-negative-on:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-surface:oklch(from var(--color-positive) l c h / .12);--color-positive-border:oklch(from var(--color-positive) l c h / .4);--color-positive-on:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-surface:oklch(from var(--color-caution) l c h / .12);--color-caution-border:oklch(from var(--color-caution) l c h / .4);--color-caution-on:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-a-surface:oklch(from var(--color-a) l c h / .12);--color-a-border:oklch(from var(--color-a) l c h / .4);--color-a-on:oklch(from var(--color-a) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-b-surface:oklch(from var(--color-b) l c h / .12);--color-b-border:oklch(from var(--color-b) l c h / .4);--color-b-on:oklch(from var(--color-b) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-info:var(--color-accent);--color-info-surface:var(--color-accent-subtle);--color-info-border:var(--color-accent-border);--color-info-on:var(--color-accent-on);--space-1:calc(var(--base-spacing) * .25);--space-2:calc(var(--base-spacing) * .5);--space-3:calc(var(--base-spacing) * .75);--space-4:var(--base-spacing);--space-5:calc(var(--base-spacing) * 1.5);--space-6:calc(var(--base-spacing) * 2);--space-7:calc(var(--base-spacing) * 2.5);--space-8:calc(var(--base-spacing) * 3);--radius-sm:calc(var(--base-radius) * .5);--radius-md:var(--base-radius);--radius-lg:calc(var(--base-radius) * 1.5);--radius-full:9999px;--radius-control:var(--space-2);--radius-container:var(--base-radius);--radius-overlay:var(--radius-lg);--region-padding:var(--space-4);--region-gap:var(--space-3);--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-display:clamp(2rem, 5vw, 3.5rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.6;--line-height-tight:1.25;--shadow-sm:0 1px 3px oklch(0% 0 0/.12);--shadow-overlay:0 8px 32px oklch(from var(--color-bg) calc(l - .1) c h / .5);--opacity-disabled:.45;--opacity-loading:.7;--opacity-reduced:.6;--opacity-backdrop:.75;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--max-width-sm:40rem;--max-width-md:60rem;--max-width-lg:80rem;--max-width-xl:90rem}[data-theme=studio]{--p1:oklch(30% .006 260);--p2:oklch(60% .09 250);--p3:oklch(58% .12 25);--p4:oklch(58% .08 160);--p5:oklch(62% .09 80);--t-bg-l:.19;--t-surface-l:.235;--t-accent-l:.5;--t-accent-fg-l:.82;--t-a-l:.66;--t-b-l:.68;--t-bg-c:.5;--t-surface-c:.5;--t-accent-c:1;--t-accent-fg-c:.8;--t-a-c:.75;--t-b-c:.75;--t-bg-h:0;--t-surface-h:0;--t-accent-h:0;--t-accent-fg-h:0;--t-a-h:0;--t-b-h:0;--t-bg-a:1;--t-surface-a:1;--t-accent-a:1;--t-a-a:1;--t-b-a:1;--t-bg-source:var(--p1);--t-surface-source:var(--p1);--t-accent-source:var(--p2);--t-a-source:var(--p3);--t-b-source:var(--p4);--t-bg-blend:var(--p1);--t-bg-blend-amt:0%;--t-surface-blend:var(--p1);--t-surface-blend-amt:0%;--t-accent-blend:var(--p1);--t-accent-blend-amt:10%;--t-a-blend:var(--p1);--t-a-blend-amt:15%;--t-b-blend:var(--p1);--t-b-blend-amt:15%;--t-grad-a-source:var(--p1);--t-grad-b-source:var(--p2);--t-grad-via-source:var(--p1);--t-grad-a-l:var(--t-bg-l);--t-grad-b-l:.3;--t-grad-via-l:.23;--t-grad-a-c:var(--t-bg-c);--t-grad-b-c:.35;--t-grad-via-c:.5;--t-grad-a-h:0;--t-grad-b-h:0;--t-grad-via-h:0;--t-grad-a-a:1;--t-grad-b-a:1;--t-grad-via-a:1;--t-grad-a-blend:var(--p1);--t-grad-a-blend-amt:0%;--t-grad-b-blend:var(--p1);--t-grad-b-blend-amt:30%;--t-grad-angle:180deg;--t-grad-a-pos:0%;--t-grad-via-pos:50%;--t-grad-b-pos:100%;--base-spacing:1rem;--base-radius:.375rem}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{min-height:100dvh;line-height:var(--line-height,1.5);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring,0 0 0 2px currentColor);outline:2px solid #0000}:root{--scrollbar-width-kw:thin;--scrollbar-size:10px;--scrollbar-thumb-source:var(--color-border-strong);--scrollbar-track-source:var(--color-surface);--scrollbar-intensity:1;--scrollbar-radius:var(--radius-full);--scrollbar-thumb-current:color-mix(in oklch, transparent, var(--scrollbar-thumb-source) calc(clamp(0, var(--scrollbar-intensity), 1) * 100%));--scrollbar-track-current:var(--scrollbar-track-source)}html{scrollbar-width:var(--scrollbar-width-kw);scrollbar-color:var(--scrollbar-thumb-current) var(--scrollbar-track-current)}::-webkit-scrollbar{inline-size:var(--scrollbar-size);block-size:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track-current)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-current);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--scrollbar-thumb-source) calc(l + sign(.5 - l) * .1) c h)}::-webkit-scrollbar-corner{background:var(--scrollbar-track-current)}}@layer base{html,body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height)}}@layer concepts{.zone{display:contents}:root{--elevation:0;--elevation-step:.04;--color-bg-current:oklch(from var(--color-bg) calc(l + var(--elevation) * var(--elevation-step)) c h);--elevation-shadow:0 calc(var(--elevation) * 1px) calc(var(--elevation) * 6px) oklch(0 0 0 / calc(var(--elevation) * .08));--elevation-border-l-shift:calc(var(--elevation) * .02)}[data-theme]{--color-bg-current:oklch(from var(--color-bg) calc(l + var(--elevation) * var(--elevation-step)) c h);--elevation-shadow:0 calc(var(--elevation) * 1px) calc(var(--elevation) * 6px) oklch(0 0 0 / calc(var(--elevation) * .08));--elevation-border-l-shift:calc(var(--elevation) * .02)}.zone[data-elevation]{--elevation:1;--color-bg-current:oklch(from var(--color-bg) calc(l + var(--elevation) * var(--elevation-step)) c h);--elevation-shadow:0 calc(var(--elevation) * 1px) calc(var(--elevation) * 6px) oklch(0 0 0 / calc(var(--elevation) * .08));--elevation-border-l-shift:calc(var(--elevation) * .02)}.zone[data-elevation] .zone[data-elevation]{--elevation:2}.zone[data-elevation] .zone[data-elevation] .zone[data-elevation]{--elevation:3}.zone[data-elevation] .zone[data-elevation] .zone[data-elevation] .zone[data-elevation]{--elevation:4}.zone[data-elevation] .zone[data-elevation] .zone[data-elevation] .zone[data-elevation] .zone[data-elevation]{--elevation:5}:root{--density:0;--density-scale:1;--space-control-block:calc(var(--space-2) * 1);--space-control-inline:calc(var(--space-4) * 1);--space-region:calc(var(--region-padding) * 1);--line-height-density:var(--line-height);--line-height-tight-density:var(--line-height-tight)}[data-theme]{--space-control-block:calc(var(--base-spacing) * .5 * var(--density-scale,1));--space-control-inline:calc(var(--base-spacing) * 1 * var(--density-scale,1));--space-region:calc(var(--base-spacing) * 1 * var(--density-scale,1));--region-padding:calc(var(--base-spacing) * 1 * var(--density-scale,1));--region-gap:calc(var(--base-spacing) * .75 * var(--density-scale,1))}.zone[data-density]{--density:1;--density-scale:.8;--space-control-block:calc(var(--space-2) * var(--density-scale));--space-control-inline:calc(var(--space-4) * var(--density-scale));--space-region:calc(var(--space-4) * var(--density-scale));--region-padding:calc(var(--space-4) * var(--density-scale));--region-gap:calc(var(--space-3) * var(--density-scale));--line-height-density:calc(1 + (var(--line-height) - 1) * var(--density-scale));--line-height-tight-density:calc(1 + (var(--line-height-tight) - 1) * var(--density-scale))}.zone[data-density] .zone[data-density]{--density:2;--density-scale:.6}@layer concepts{:root{--gradient-intensity:0;--gradient-angle:160deg;--gradient-stop:70%}.zone[data-gradient]{--gradient-intensity:.22}.zone[data-gradient-intensity=whisper]{--gradient-intensity:.08}.zone[data-gradient-intensity=vivid]{--gradient-intensity:.5}.zone[data-gradient-direction=to-bottom]{--gradient-angle:180deg}.zone[data-gradient-direction=to-right]{--gradient-angle:90deg}.zone[data-gradient-direction=diagonal]{--gradient-angle:135deg}}:root{--border-intensity:1;--border-width:1px;--border-style:solid;--border-color-source:var(--color-border);--border-color-current:color-mix(in oklch, transparent, var(--border-color-source) calc(clamp(0, var(--border-intensity), 1) * 100%));--border-shorthand:var(--border-width) var(--border-style) var(--border-color-current)}[data-theme],[data-palette],.zone[data-border]{--border-color-current:color-mix(in oklch, transparent, var(--border-color-source) calc(clamp(0, var(--border-intensity), 1) * 100%));--border-shorthand:var(--border-width) var(--border-style) var(--border-color-current)}.zone[data-border-intensity=none]{--border-intensity:0}.zone[data-border-intensity=subtle]{--border-intensity:.5;--border-color-source:var(--color-border-muted)}.zone[data-border-intensity=regular]{--border-intensity:1;--border-color-source:var(--color-border)}.zone[data-border-intensity=strong]{--border-intensity:1;--border-color-source:var(--color-border-strong)}.zone[data-border-width=thin]{--border-width:1px}.zone[data-border-width=medium]{--border-width:2px}.zone[data-border-width=thick]{--border-width:3px}.zone[data-border-style=solid]{--border-style:solid}.zone[data-border-style=dashed]{--border-style:dashed}.zone[data-border-style=dotted]{--border-style:dotted}.zone[data-border-color=neutral]{--border-color-source:var(--color-border)}.zone[data-border-color=accent]{--border-color-source:var(--color-accent-border)}.zone[data-border-color=a]{--border-color-source:var(--color-a-border)}.zone[data-border-color=b]{--border-color-source:var(--color-b-border)}[data-theme]{--color-fg:oklch(from var(--color-bg) clamp(.15, 1 - l, .85) c h);--color-fg-muted:oklch(from var(--color-bg) calc(.6 - l * .2) c h);--color-fg-subtle:oklch(from var(--color-bg) calc(.45 - l * .1) c h);--color-border:oklch(from var(--color-bg) calc(l + sign(.5 - l) * .08) c h);--color-surface-raised:oklch(from var(--color-surface) calc(l + .03) c h);--color-surface-overlay:oklch(from var(--color-surface) calc(l + .06) c h);--color-accent-subtle:oklch(from var(--color-accent) l c h / .12);--color-accent-dim:oklch(from var(--color-accent) l c h / .25);--color-accent-border:oklch(from var(--color-accent) l c h / .45);--color-accent-on:oklch(from var(--color-accent) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-accent-fg:oklch(from var(--color-accent) var(--t-accent-fg-l) calc(c * var(--t-accent-fg-c)) calc(h + var(--t-accent-fg-h)));--color-a-surface:oklch(from var(--color-a) l c h / .12);--color-a-border:oklch(from var(--color-a) l c h / .4);--color-a-on:oklch(from var(--color-a) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-b-surface:oklch(from var(--color-b) l c h / .12);--color-b-border:oklch(from var(--color-b) l c h / .4);--color-b-on:oklch(from var(--color-b) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-negative-surface:oklch(from var(--color-negative) l c h / .12);--color-negative-border:oklch(from var(--color-negative) l c h / .4);--color-negative-on:oklch(from var(--color-negative) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-positive-surface:oklch(from var(--color-positive) l c h / .12);--color-positive-border:oklch(from var(--color-positive) l c h / .4);--color-positive-on:oklch(from var(--color-positive) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--color-caution-surface:oklch(from var(--color-caution) l c h / .12);--color-caution-border:oklch(from var(--color-caution) l c h / .4);--color-caution-on:oklch(from var(--color-caution) clamp(.1, calc(.5 + sign(.72 - l) * .42), .95) 0 0);--shadow-overlay:0 8px 32px oklch(from var(--color-bg) calc(l - .1) c h / .5);color:var(--color-fg)}}@layer blocks;@layer theme{[data-palette=cool]{--p3:oklch(from var(--p2) l c 345);--p4:oklch(from var(--p2) l c 165)}[data-palette=warm]{--p3:oklch(from var(--p2) l c 18);--p4:oklch(from var(--p2) l c 128)}[data-palette=forest]{--p3:oklch(58% .16 30);--p4:oklch(55% .18 150)}[data-palette=alabaster]{--p3:oklch(60% .13 18);--p4:oklch(55% .14 162)}[data-palette=aegean]{--p3:oklch(60% .19 355);--p4:oklch(57% .17 212)}[data-palette=ember]{--p3:oklch(63% .21 42);--p4:oklch(59% .15 102)}[data-palette=zenith]{--p3:oklch(58% .16 290);--p4:oklch(56% .15 185)}:where([data-theme=dark]){--p1:oklch(40% .01 311);--p2:oklch(55% .18 265);--p3:oklch(55% .19 25);--p4:oklch(55% .18 145);--p5:oklch(55% .14 200);--t-bg-l:.2147;--t-bg-c:0;--t-surface-l:.265;--t-surface-c:0;--t-accent-l:.7;--t-a-l:.65;--t-b-l:.68;--t-accent-fg-l:.8;--t-accent-fg-c:1;--t-accent-fg-h:0;--color-bg:oklch(from var(--p1) var(--t-bg-l) var(--t-bg-c) h);--color-surface:oklch(from var(--p1) var(--t-surface-l) var(--t-surface-c) h);--color-accent:oklch(from var(--p2) var(--t-accent-l) c h);--color-a:oklch(from var(--p3) var(--t-a-l) c h);--color-b:oklch(from var(--p4) var(--t-b-l) c h);--base-spacing:1rem;--base-radius:.75rem}:where([data-theme=light]){--p1:oklch(50% .01 90);--p2:oklch(55% .18 265);--p3:oklch(55% .19 25);--p4:oklch(55% .18 145);--p5:oklch(55% .14 200);--t-bg-l:.88;--t-bg-c:.006;--t-surface-l:.93;--t-surface-c:.004;--t-accent-l:.45;--t-a-l:.48;--t-b-l:.45;--t-accent-fg-l:.35;--t-accent-fg-c:1;--t-accent-fg-h:0;--color-bg:oklch(from var(--p1) var(--t-bg-l) var(--t-bg-c) h);--color-surface:oklch(from var(--p1) var(--t-surface-l) var(--t-surface-c) h);--color-accent:oklch(from var(--p2) var(--t-accent-l) c h);--color-a:oklch(from var(--p3) var(--t-a-l) c h);--color-b:oklch(from var(--p4) var(--t-b-l) c h);--base-spacing:1rem;--base-radius:.75rem}}@layer layout;@layer components{@layer components{.media-sequence-preview{border-radius:var(--radius-container);background:var(--color-bg);block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;color:var(--color-fg);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-sequence-preview>video{object-fit:contain;border-radius:inherit;background:var(--color-bg);block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;display:block}.media-sequence-preview>nav{inset-inline:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:color-mix(in oklch, var(--color-bg) 75%, transparent);-webkit-backdrop-filter:blur(12px);border:var(--border-width) var(--border-style) color-mix(in oklch, var(--color-border) 40%, transparent);border-radius:var(--radius-control);box-shadow:var(--shadow-md);color:var(--color-fg);z-index:2;opacity:1;transition:opacity var(--transition-medium,.2s ease), transform var(--transition-medium,.2s ease);display:flex;position:absolute;inset-block-end:var(--space-3);transform:translateY(0)}.media-sequence-preview>nav>button{inline-size:var(--space-7,2rem);block-size:var(--space-7,2rem);border-radius:var(--radius-control);color:var(--color-fg);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.media-sequence-preview>nav>button>svg{fill:currentColor;block-size:1.125rem;inline-size:1.125rem}.media-sequence-preview>nav>button:hover{background:color-mix(in oklch, var(--color-surface-raised) 70%, transparent);color:var(--color-accent-fg)}.media-sequence-preview>nav>button:focus-visible{box-shadow:var(--focus-ring);outline:none}.media-sequence-preview>nav>button:active{transform:scale(.95)}.media-sequence-preview>nav>button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.media-sequence-preview>nav>div{align-items:center;gap:var(--space-2);flex:auto;min-inline-size:0;display:flex}.media-sequence-preview>nav>div>input{appearance:none;cursor:pointer;min-inline-size:0;block-size:var(--space-5);background:0 0;flex:auto;margin:0}.media-sequence-preview>nav>div>input::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:color-mix(in oklch, var(--color-fg) 25%, transparent);height:4px}.media-sequence-preview>nav>div>input::-moz-range-track{border-radius:var(--radius-full);background:color-mix(in oklch, var(--color-fg) 25%, transparent);height:4px}.media-sequence-preview>nav>div>input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-surface);width:12px;height:12px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background-color var(--transition-fast);margin-top:-4px}.media-sequence-preview>nav>div>input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-surface);width:12px;height:12px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background-color var(--transition-fast)}.media-sequence-preview>nav>div>input:hover::-webkit-slider-thumb{transform:scale(1.25)}.media-sequence-preview>nav>div>input:hover::-moz-range-thumb{transform:scale(1.25)}.media-sequence-preview>nav>div>input:focus-visible{outline:none}.media-sequence-preview>nav>div>input:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.media-sequence-preview>nav>div>input:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.media-sequence-preview>nav>div>input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.media-sequence-preview>nav>div>span{font-size:var(--font-size-xs);font-family:var(--font-family-mono,monospace);font-variant-numeric:tabular-nums;color:var(--color-fg);white-space:nowrap;text-align:end;flex-shrink:0}.media-sequence-preview[data-state=playing]>nav{opacity:0;pointer-events:none;transform:translateY(4px)}.media-sequence-preview[data-state=playing]:hover>nav,.media-sequence-preview[data-state=playing]:focus-within>nav,.media-sequence-preview[data-state=playing][data-active]>nav{opacity:1;pointer-events:auto;transform:translateY(0)}.media-sequence-preview[data-fit=cover]>video{object-fit:cover}.media-sequence-preview[data-fit=contain]>video{object-fit:contain}.media-sequence-preview[data-controls=hidden]>nav{display:none}.media-sequence-preview[data-state=loading]>video{opacity:var(--opacity-loading)}.media-sequence-preview[data-state=gap]>video,.media-sequence-preview[data-state=ended]>video{opacity:var(--opacity-disabled)}.media-sequence-preview[data-state=error]{border:var(--border-width) var(--border-style) var(--color-negative-border)}.media-sequence-preview[data-state=error]>video{background:var(--color-negative-surface)}}}[data-theme=studio]{--color-fg-muted:oklch(from var(--color-bg) calc((.6 - l * .2) * 1.2) c h)}.page-shell[data-route=edit] .l-page{grid-template-rows:1fr auto}