@layer reset{@scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]){:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);color:var(--color-text-primary)}:where(h1){font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading)}:where(h2){font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading)}:where(h3){font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading)}:where(h4){font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading)}:where(h5){font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading)}:where(h6){font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading)}:where(p){font-family:var(--font-family-body);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-leading);color:var(--color-text-primary)}:where(small){font-size:var(--text-supporting-size);font-weight:var(--text-supporting-weight);line-height:var(--text-supporting-leading);color:var(--color-text-secondary)}:where(code,pre){font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}:where(hr){border:none;border-top:1px solid var(--color-border)}}}@layer astryx-base{:root{--color-data-categorical-blue:light-dark(#0171E3,#0171E3);--color-data-categorical-orange:light-dark(#EB6E00,#EB6E00);--color-data-categorical-purple:light-dark(#6B1EFD,#6B1EFD);--color-data-categorical-green:light-dark(#0B991F,#0B991F);--color-data-categorical-pink:light-dark(#F351C0,#F351C0);--color-data-categorical-cyan:light-dark(#0171A4,#0171A4);--color-data-categorical-red:light-dark(#F5394F,#F5394F);--color-data-categorical-teal:light-dark(#08A3A3,#08A3A3);--color-data-categorical-brown:light-dark(#965E03,#965E03);--color-data-categorical-indigo:light-dark(#6F8AFF,#6F8AFF);--color-data-neutral:light-dark(#8494A3,#8C939B);--color-data-blue-5:light-dark(#02165E,#02165E);--color-data-blue-4:light-dark(#004CBC,#004CBC);--color-data-blue-3:light-dark(#2694FE,#2694FE);--color-data-blue-2:light-dark(#78BEFF,#78BEFF);--color-data-blue-1:light-dark(#DBECFF,#DBECFF);--color-data-shamrock-5:light-dark(#0B603D,#0B603D);--color-data-shamrock-4:light-dark(#138546,#138546);--color-data-shamrock-3:light-dark(#24BB5E,#24BB5E);--color-data-shamrock-2:light-dark(#8EF7AA,#8EF7AA);--color-data-shamrock-1:light-dark(#D6FEE4,#D6FEE4);--color-data-orange-5:light-dark(#A13F04,#A13F04);--color-data-orange-4:light-dark(#D66100,#D66100);--color-data-orange-3:light-dark(#FD9537,#FD9537);--color-data-orange-2:light-dark(#FDB876,#FDB876);--color-data-orange-1:light-dark(#FFE6CF,#FFE6CF);--color-data-pink-5:light-dark(#8E1073,#8E1073);--color-data-pink-4:light-dark(#D123A1,#D123A1);--color-data-pink-3:light-dark(#F989D3,#F989D3);--color-data-pink-2:light-dark(#FEADE3,#FEADE3);--color-data-pink-1:light-dark(#FCE3F4,#FCE3F4);--color-data-purple-5:light-dark(#3E0697,#3E0697);--color-data-purple-4:light-dark(#6B1EFD,#6B1EFD);--color-data-purple-3:light-dark(#9081FF,#9081FF);--color-data-purple-2:light-dark(#B3B0FE,#B3B0FE);--color-data-purple-1:light-dark(#E8E8FB,#E8E8FB);--color-data-red-5:light-dark(#9D0519,#9D0519);--color-data-red-4:light-dark(#D31130,#D31130);--color-data-red-3:light-dark(#FB7D87,#FB7D87);--color-data-red-2:light-dark(#FFB2B8,#FFB2B8);--color-data-red-1:light-dark(#FEE4E6,#FEE4E6);--color-data-teal-5:light-dark(#08767D,#08767D);--color-data-teal-4:light-dark(#0C9293,#0C9293);--color-data-teal-3:light-dark(#0DB7AF,#0DB7AF);--color-data-teal-2:light-dark(#6CE6D8,#6CE6D8);--color-data-teal-1:light-dark(#D7FCF8,#D7FCF8);--color-data-yellow-5:light-dark(#8A5001,#8A5001);--color-data-yellow-4:light-dark(#D69804,#D69804);--color-data-yellow-3:light-dark(#FBCE03,#FBCE03);--color-data-yellow-2:light-dark(#FCEC85,#FCEC85);--color-data-yellow-1:light-dark(#FDF6BA,#FDF6BA);--color-data-gray-5:light-dark(#25363F,#333338);--color-data-gray-4:light-dark(#5D6C7B,#666A72);--color-data-gray-3:light-dark(#AFB9C4,#B2B8BE);--color-data-gray-2:light-dark(#CCD3DB,#D0D3D6);--color-data-gray-1:light-dark(#F1F4F7,#F2F4F6)}}@layer astryx-theme{:root{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}@scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]){:scope{--font-size-4xs:0.375rem;--font-size-3xs:0.4375rem;--font-size-2xs:0.5rem;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-bold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-bold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.3793;--duration-fast-min:95ms;--duration-fast:125ms;--duration-fast-max:165ms;--duration-medium-min:225ms;--duration-medium:300ms;--duration-medium-max:400ms;--duration-slow-min:525ms;--duration-slow:700ms;--duration-slow-max:935ms;--font-family-body:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-heading:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-code:ui-monospace,"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-syntax-keyword:light-dark(#6b187c,#efa8ff);--color-syntax-string:light-dark(#0b5615,#a4d6a3);--color-syntax-comment:light-dark(#6a6a6a,#9e9e9e);--color-syntax-number:light-dark(#733100,#ffb37e);--color-syntax-function:light-dark(#00458c,#a1caff);--color-syntax-type:light-dark(#6b187c,#efa8ff);--color-syntax-variable:light-dark(#111111,#e2e2e2);--color-syntax-operator:light-dark(#6a6a6a,#9e9e9e);--color-syntax-constant:light-dark(#733100,#ffb37e);--color-syntax-tag:light-dark(#8a0011,#ffaea7);--color-syntax-attribute:light-dark(#584400,#eec448);--color-syntax-property:light-dark(#005348,#90d7c8);--color-syntax-punctuation:light-dark(#6a6a6a,#9e9e9e);--color-syntax-background:light-dark(#ffffff,#111111);--color-background-surface:light-dark(#ffffff,#262626);--color-background-body:light-dark(#f1f1f1,#1b1b1b);--color-background-card:light-dark(#ffffff,#1b1b1b);--color-background-popover:light-dark(#ffffff,#1b1b1b);--color-background-muted:light-dark(#f1f1f1,#1b1b1b);--color-accent:light-dark(#1b1b1b,#f1f1f1);--color-accent-muted:light-dark(#f1f1f1,#262626);--color-neutral:light-dark(#0000000F,#ffffff1A);--color-overlay:light-dark(#00000080,#000000CC);--color-overlay-hover:light-dark(#0000000D,#ffffff0D);--color-overlay-pressed:light-dark(#0000001A,#ffffff1A);--color-text-primary:light-dark(#000000,#ffffff);--color-text-secondary:light-dark(#474747,#9e9e9e);--color-text-disabled:light-dark(#919191,#525252);--color-text-accent:light-dark(#1b1b1b,#f1f1f1);--color-on-dark:#ffffff;--color-on-light:#111111;--color-on-accent:light-dark(#ffffff,#111111);--color-on-success:light-dark(#ffffff,#111111);--color-on-error:light-dark(#ffffff,#111111);--color-on-warning:#111111;--color-icon-accent:light-dark(#1b1b1b,#f1f1f1);--color-icon-primary:light-dark(#000000,#ffffff);--color-icon-secondary:light-dark(#6a6a6a,#9e9e9e);--color-icon-disabled:light-dark(#919191,#525252);--color-success:light-dark(#00490b,#a4d6a3);--color-error:light-dark(#76000c,#ffc4be);--color-warning:light-dark(#4b3900,#f8d36a);--color-success-muted:light-dark(#bce0bb,#90ca903D);--color-error-muted:light-dark(#ffc4be,#ff98903D);--color-warning-muted:light-dark(#fae19e,#e2b6233D);--color-border:light-dark(#00000014,#ffffff1A);--color-border-emphasized:light-dark(#d4d4d4,#525252);--color-skeleton:light-dark(#f1f1f1,#525252);--color-shadow:light-dark(#0000001A,#0000004D);--color-tint-hover:light-dark(black,white);--color-background-red:light-dark(#ffc4be,#5b2b28);--color-border-red:light-dark(#ffaea7,#fa6762);--color-icon-red:light-dark(#76000c,#ff9890);--color-text-red:light-dark(#76000c,#ffaea7);--color-background-orange:light-dark(#ffc7a1,#503424);--color-border-orange:light-dark(#ffc7a1,#df843f);--color-icon-orange:light-dark(#622700,#ff9e55);--color-text-orange:light-dark(#622700,#ffb37e);--color-background-yellow:light-dark(#fae19e,#453a1c);--color-border-yellow:light-dark(#e3c36c,#c29900);--color-icon-yellow:light-dark(#4b3900,#e2b623);--color-text-yellow:light-dark(#4b3900,#eec448);--color-background-green:light-dark(#bce0bb,#2b422b);--color-border-green:light-dark(#aad4a9,#6ab26b);--color-icon-green:light-dark(#00490b,#90ca90);--color-text-green:light-dark(#00490b,#90ca90);--color-background-teal:light-dark(#a9e2d6,#28413c);--color-border-teal:light-dark(#90d7c8,#4fb1a0);--color-icon-teal:light-dark(#00463d,#81c9bb);--color-text-teal:light-dark(#00463d,#90d7c8);--color-background-cyan:light-dark(#9ae2f4,#274046);--color-border-cyan:light-dark(#85d5e9,#49adc4);--color-icon-cyan:light-dark(#004351,#71c7dd);--color-text-cyan:light-dark(#004351,#85d5e9);--color-background-blue:light-dark(#b9d7ff,#253c5a);--color-border-blue:light-dark(#a1caff,#5aa0f8);--color-icon-blue:light-dark(#003978,#88bcff);--color-text-blue:light-dark(#003978,#a1caff);--color-background-purple:light-dark(#f7d5ff,#4a2f51);--color-border-purple:light-dark(#f3bfff,#d885eb);--color-icon-purple:light-dark(#5c0e6c,#e496f6);--color-text-purple:light-dark(#5c0e6c,#eaacf8);--color-background-pink:light-dark(#ffc0d7,#572b3d);--color-border-pink:light-dark(#ffc0d7,#fc78b1);--color-icon-pink:light-dark(#70003f,#fd92bd);--color-text-pink:light-dark(#70003f,#ffa9ca);--color-background-gray:light-dark(#e2e2e2,#303030);--color-border-gray:light-dark(#d4d4d4,#262626);--color-icon-gray:light-dark(#474747,#9e9e9e);--color-text-gray:light-dark(#1b1b1b,#d4d4d4);--radius-none:0px;--radius-inner:0.375rem;--radius-element:0.625rem;--radius-container:0.75rem;--radius-page:1.75rem;--radius-full:9999px;--shadow-low:0 2px 4px light-dark(oklch(0 0 0/5%),oklch(0 0 0/25%)),0 4px 8px light-dark(oklch(0 0 0/10%),oklch(0 0 0/40%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/8%));--shadow-med:0 2px 4px light-dark(oklch(0 0 0/5%),oklch(0 0 0/35%)),0 4px 12px light-dark(oklch(0 0 0/10%),oklch(0 0 0/50%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/12%));--shadow-high:0 4px 6px light-dark(oklch(0 0 0/10%),oklch(0 0 0/50%)),0 12px 24px light-dark(oklch(0 0 0/15%),oklch(0 0 0/70%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/15%));--shadow-inset-hover:inset 0px 0px 0px 2px #0074e24D;--shadow-inset-selected:inset 0px 0px 0px 2px #0074e280;--shadow-inset-success:inset 0px 0px 0px 2px #2f7d334D;--shadow-inset-warning:inset 0px 0px 0px 2px #f8d36a4D;--shadow-inset-error:inset 0px 0px 0px 2px #de47454D;--astryx-theme-neutral-color-status-fill-accent:light-dark(#0074e2,#6d9cfe);--astryx-theme-neutral-color-status-fill-success:light-dark(#198100,#64af4c);--astryx-theme-neutral-color-status-fill-warning:#ffce2f;--astryx-theme-neutral-color-status-fill-error:light-dark(#c9303a,#ff705d);--astryx-theme-neutral-color-status-muted-accent:light-dark(#b9d7ff,#88bcff3D);--astryx-theme-neutral-color-on-tint-neutral:light-dark(#fafafa4D,#0a0a0a4D);--astryx-theme-neutral-color-on-tint-overlay-hover:light-dark(#fafafa1A,#0a0a0a1A);--astryx-theme-neutral-color-on-tint-overlay-pressed:light-dark(#fafafa33,#0a0a0a33);--astryx-theme-neutral-color-destructive-overlay-hover:light-dark(#ff7f770D,#ee736c0D);--astryx-theme-neutral-color-destructive-overlay-pressed:light-dark(#ff7f771A,#ee736c1A)}.astryx-heading[data-level="1"]{font-family:var(--font-family-heading);font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading)}.astryx-heading[data-level="2"]{font-family:var(--font-family-heading);font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading)}.astryx-heading[data-level="3"]{font-family:var(--font-family-heading);font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading)}.astryx-heading[data-level="4"]{font-family:var(--font-family-heading);font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading)}.astryx-heading[data-level="5"]{font-family:var(--font-family-heading);font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading)}.astryx-heading[data-level="6"]{font-family:var(--font-family-heading);font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading)}.astryx-heading[data-type=display-1]{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading)}.astryx-heading[data-type=display-2]{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading)}.astryx-heading[data-type=display-3]{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.astryx-text[data-type=body]{font-family:var(--font-family-body);font-size:var(--text-body-size);line-height:var(--text-body-leading)}.astryx-text[data-type=large]{font-family:var(--font-family-body);font-size:var(--text-large-size);line-height:var(--text-large-leading)}.astryx-text[data-type=label]{font-family:var(--font-family-body);font-size:var(--text-label-size);line-height:var(--text-label-leading)}.astryx-text[data-type=code]{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}.astryx-text[data-type=supporting]{font-family:var(--font-family-body);font-size:var(--text-supporting-size);line-height:var(--text-supporting-leading)}.astryx-text[data-type=display-1]{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading)}.astryx-text[data-type=display-2]{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading)}.astryx-text[data-type=display-3]{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.astryx-button[data-variant=destructive]{background-color:var(--color-error-muted);color:var(--color-error);--color-overlay-hover:var(--astryx-theme-neutral-color-destructive-overlay-hover);--color-overlay-pressed:var(--astryx-theme-neutral-color-destructive-overlay-pressed)}.astryx-badge[data-variant=info]{background-color:var(--astryx-theme-neutral-color-status-fill-accent);color:var(--color-on-accent)}.astryx-badge[data-variant=neutral]{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-badge[data-variant=success]{background-color:var(--astryx-theme-neutral-color-status-fill-success);color:var(--color-on-success)}.astryx-badge[data-variant=warning]{background-color:var(--astryx-theme-neutral-color-status-fill-warning);color:var(--color-on-warning)}.astryx-badge[data-variant=error]{background-color:var(--astryx-theme-neutral-color-status-fill-error);color:var(--color-on-error)}.astryx-badge[data-variant=red]{background-color:var(--color-background-red);color:var(--color-text-red)}.astryx-badge[data-variant=orange]{background-color:var(--color-background-orange);color:var(--color-text-orange)}.astryx-badge[data-variant=yellow]{background-color:var(--color-background-yellow);color:var(--color-text-yellow)}.astryx-badge[data-variant=green]{background-color:var(--color-background-green);color:var(--color-text-green)}.astryx-badge[data-variant=teal]{background-color:var(--color-background-teal);color:var(--color-text-teal)}.astryx-badge[data-variant=cyan]{background-color:var(--color-background-cyan);color:var(--color-text-cyan)}.astryx-badge[data-variant=blue]{background-color:var(--color-background-blue);color:var(--color-text-blue)}.astryx-badge[data-variant=purple]{background-color:var(--color-background-purple);color:var(--color-text-purple)}.astryx-badge[data-variant=pink]{background-color:var(--color-background-pink);color:var(--color-text-pink)}.astryx-badge[data-variant=gray]{background-color:var(--color-background-gray);color:var(--color-text-gray)}.astryx-status-dot[data-variant=success]{background-color:var(--astryx-theme-neutral-color-status-fill-success)}.astryx-status-dot[data-variant=warning]{background-color:var(--astryx-theme-neutral-color-status-fill-warning)}.astryx-status-dot[data-variant=error]{background-color:var(--astryx-theme-neutral-color-status-fill-error)}.astryx-status-dot[data-variant=accent]{background-color:var(--astryx-theme-neutral-color-status-fill-accent)}.astryx-avatar-status-dot[data-variant=success]{background-color:var(--astryx-theme-neutral-color-status-fill-success)}.astryx-avatar-status-dot[data-variant=error]{background-color:var(--astryx-theme-neutral-color-status-fill-error)}.astryx-segmented-control{padding:var(--spacing-1);--_segmented-control-padding:var(--spacing-1)}.astryx-segmented-control-item[data-size=sm]{height:calc(var(--size-element-sm) - 8px)}.astryx-segmented-control-item[data-size=md]{height:calc(var(--size-element-md) - 8px)}.astryx-segmented-control-item[data-size=lg]{height:calc(var(--size-element-lg) - 8px)}.astryx-segmented-control-item[data-selected=selected]{box-shadow:none}.astryx-banner{--color-neutral:var(--astryx-theme-neutral-color-on-tint-neutral);--color-overlay-hover:var(--astryx-theme-neutral-color-on-tint-overlay-hover);--color-overlay-pressed:var(--astryx-theme-neutral-color-on-tint-overlay-pressed)}.astryx-banner[data-status=info]{--color-accent-muted:var(--astryx-theme-neutral-color-status-muted-accent);--color-text-primary:var(--color-text-blue);--color-text-secondary:var(--color-text-blue);--color-accent:var(--color-text-blue)}.astryx-banner[data-status=success]{--color-text-primary:var(--color-text-green);--color-text-secondary:var(--color-text-green);--color-success:var(--color-text-green)}.astryx-banner[data-status=warning]{--color-text-primary:var(--color-text-yellow);--color-text-secondary:var(--color-text-yellow);--color-warning:var(--color-text-yellow)}.astryx-banner[data-status=error]{--color-text-primary:var(--color-text-red);--color-text-secondary:var(--color-text-red);--color-error:var(--color-text-red)}.astryx-step-indicator[data-status=accent]{--color-accent:var(--astryx-theme-neutral-color-status-fill-accent)}.astryx-step-indicator[data-status=success]{--color-success:var(--astryx-theme-neutral-color-status-fill-success)}.astryx-step-indicator[data-status=warning]{--color-warning:var(--astryx-theme-neutral-color-status-fill-warning)}.astryx-step-indicator[data-status=error]{--color-error:var(--astryx-theme-neutral-color-status-fill-error)}.astryx-switch{--color-background-gray:var(--color-border-emphasized)}.astryx-progress-bar{--color-background-muted:var(--color-border-emphasized)}.astryx-progress-bar[data-variant=accent]{--color-accent:var(--astryx-theme-neutral-color-status-fill-accent)}.astryx-progress-bar[data-variant=success]{--color-success:var(--astryx-theme-neutral-color-status-fill-success)}.astryx-progress-bar[data-variant=warning]{--color-warning:var(--astryx-theme-neutral-color-status-fill-warning)}.astryx-progress-bar[data-variant=error]{--color-error:var(--astryx-theme-neutral-color-status-fill-error)}.astryx-card{--astryx-card-padding:var(--spacing-3)}.astryx-section{--astryx-section-padding:var(--spacing-3)}.astryx-heading[data-color=primary],.astryx-text[data-color=primary]{color:var(--color-text-primary)}.astryx-heading[data-color=secondary],.astryx-text[data-color=secondary]{color:var(--color-text-secondary)}.astryx-heading[data-color=disabled],.astryx-text[data-color=disabled]{color:var(--color-text-disabled)}.astryx-heading[data-color=placeholder],.astryx-text[data-color=placeholder]{color:var(--color-text-secondary)}.astryx-heading[data-color=accent],.astryx-text[data-color=accent]{color:var(--color-text-accent)}.astryx-text[data-size="4xs"]{font-size:var(--font-size-4xs)}.astryx-text[data-size="3xs"]{font-size:var(--font-size-3xs)}.astryx-text[data-size="2xs"]{font-size:var(--font-size-2xs)}.astryx-text[data-size=xsm]{font-size:var(--font-size-xs)}.astryx-text[data-size=sm]{font-size:var(--font-size-sm)}.astryx-text[data-size=base]{font-size:var(--font-size-base)}.astryx-text[data-size=lg]{font-size:var(--font-size-lg)}.astryx-text[data-size=xl]{font-size:var(--font-size-xl)}.astryx-text[data-size="2xl"]{font-size:var(--font-size-2xl)}.astryx-text[data-size="3xl"]{font-size:var(--font-size-3xl)}.astryx-text[data-size="4xl"]{font-size:var(--font-size-4xl)}.astryx-heading[data-weight=normal]{font-weight:var(--font-weight-normal)}.astryx-heading[data-weight=medium]{font-weight:var(--font-weight-medium)}.astryx-heading[data-weight=semibold]{font-weight:var(--font-weight-semibold)}.astryx-heading[data-weight=bold]{font-weight:var(--font-weight-bold)}[data-astryx-media=dark]{color-scheme:dark;--color-text-primary:var(--color-on-dark);--color-icon-primary:var(--color-on-dark);--color-accent:var(--color-on-dark)}[data-astryx-media=light]{color-scheme:light;--color-text-primary:var(--color-on-light);--color-icon-primary:var(--color-on-light);--color-accent:var(--color-on-light)}}}@layer astryx-theme{}@layer legacy{:root{--ink:#172033;--muted:#62708a;--line:#dce2eb;--paper:#fff;--soft:#f5f7fa;--brand:#3157d5;--danger:#b42318}.tool-layout.work-layout{grid-template-columns:minmax(0,1fr);padding-top:24px}.work-layout .tool-head .lead{margin:6px 0 0}.work-layout .sidebar{display:block}.work-layout .sidebar .ad{min-height:100px}.panel.workbench{--brand:#13665f;border-top:3px solid var(--brand);box-shadow:0 12px 32px #17203306;padding:20px;margin:16px 0}.work-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.work-eyebrow{font-size:12px;letter-spacing:1px;font-weight:700;color:#13665f}.work-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.work-section{min-width:0}.work-section h2{font-size:19px;letter-spacing:-.5px;margin:0 0 12px}.work-section .grid{margin-top:16px}.work-hint{color:#526477;font-size:13px;margin:8px 0}.workbench>.work-hint:last-child{border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.workbench .button.secondary{background:#e6f1ee;color:#155b54}.workbench .button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #13665f}.workbench .result{background:#edf5f2;margin:0 0 16px}.percentage-value{display:block;font-size:clamp(30px,4vw,48px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#13665f}.formula{display:block;margin:12px 0;font-family:Consolas,monospace}.workbench textarea{min-height:180px}.code-input,.code-output{font:14px/1.7 Consolas,monospace;-moz-tab-size:2;tab-size:2}.code-output{background:#f3f6f8;border:1px solid var(--line);border-radius:7px;padding:14px;margin:6px 0 14px;min-height:180px;max-height:420px;overflow:auto}.json-key{color:#284f94}.json-string{color:#186052}.json-number{color:#8d441a}.json-literal{color:#74418b}.clean-options{border:0;padding:0;margin:16px 0}.clean-options legend{font-weight:700;margin-bottom:8px}.clean-options .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.clean-options label{padding:6px;background:#f3f6f8;border-radius:5px}.cleaner-columns{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:20px}.cleaner-columns .clean-options{margin:0}.cleaner-columns .clean-options legend{font-size:19px;margin-bottom:12px}.cleaner-columns .checks{grid-template-columns:1fr;gap:6px}.cleaner-columns .checks label{padding:3px 6px}@media (max-width:1000px){.cleaner-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.cleaner-columns .result-section{grid-column:1/-1}.cleaner-columns .checks{grid-template-columns:repeat(2,minmax(0,1fr))}}:is(button,a,input,select,textarea):focus-visible{outline:3px solid #30897d;outline-offset:3px}@media (max-width:700px){.work-columns{grid-template-columns:1fr}.result-section{border-top:1px solid var(--line);padding-top:20px}}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--soft);font:15px/1.55 Arial,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.header{background:#fff;border-bottom:1px solid var(--line)}.header .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800}.privacy{font-size:13px;color:var(--muted)}main{min-height:calc(100vh - 130px)}.hero{padding:64px 0 35px}.hero h1{font-size:40px;letter-spacing:-1.5px;margin:0 0 8px}.hero p,.lead{color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding-bottom:60px}.tool-search{display:grid;grid-gap:8px;gap:8px;margin-bottom:24px}.search-row{display:flex;gap:10px}.search-row input{min-width:0}.search-row .button{flex:0 0 auto}.search-empty{min-height:180px;padding:40px;text-align:center;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:12px}.ad,.category,.panel,.seo,.tool-card{background:#fff;border:1px solid var(--line);border-radius:12px}.category{padding:22px}.category h2{margin:0 0 12px}.tool-link{display:block;padding:9px 0;border-top:1px solid #eef1f5}.tool-link:first-of-type{border:0}.tool-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;grid-gap:24px;gap:24px;padding:38px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:12px}.tool-head h1{font-size:30px;margin:0}.panel{padding:24px;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.field{display:grid;grid-gap:6px;gap:6px}.full{grid-column:1/-1}.label,label{font-weight:700}input,select,textarea{width:100%;border:1px solid #bcc6d5;border-radius:7px;padding:10px;background:#fff;color:var(--ink)}textarea{min-height:180px;resize:vertical}.checks{display:flex;flex-wrap:wrap;gap:12px}.checks label{font-weight:400}.checks input{width:auto}.button{border:0;border-radius:7px;padding:11px 16px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.button.secondary{background:#e9edfa;color:#233e9e}.button:disabled{opacity:.5}.tool-actions{display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:22px}.result{margin-top:18px;padding:16px;background:#f0f4ff;border-radius:8px;white-space:pre-wrap;word-break:break-word}.error{color:var(--danger)}.stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.stat{padding:12px;background:#f5f7fa;border-radius:8px}.stat strong{display:block;font-size:20px}.ad{min-height:180px;padding:14px;display:grid;place-items:center;color:#8993a4;font-size:12px;border-style:dashed}.ad.bottom{min-height:100px;margin:24px 0}.seo{padding:26px;margin-bottom:50px}.seo h2{font-size:20px;margin-top:24px}.seo h2:first-child{margin-top:0}.footer{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);background:#fff}.footer .wrap{display:flex;justify-content:space-between;gap:16px}.footer a,.panel p a,.privacy-page a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.privacy-page{padding-block:40px 64px}.file-note{font-size:13px;color:#28704d}.download{display:inline-block;margin-top:12px;color:var(--brand);font-weight:700}.preview{max-width:100%;max-height:360px}.loading{color:var(--brand)}@media (max-width:900px){.categories{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.wrap{width:min(100% - 20px,1180px)}.hero{padding-top:38px}.hero h1{font-size:30px}.categories,.grid{grid-template-columns:1fr}.search-row{align-items:stretch;flex-direction:column}.panel{padding:16px}.header .privacy{display:none}.footer .wrap{align-items:flex-start;flex-direction:column}}}@layer legacy{:root{--ink:#161616;--muted:#525252;--line:#c6c6c6;--soft:#f4f4f4;--brand:#0f62fe;--danger:#da1e28}.ad,.category,.panel,.seo{border-radius:0;box-shadow:0 1px 2px rgb(0 0 0/5%)}.button,input,select,textarea{border-radius:0}.button{min-height:40px;transition:background-color .12s ease}.button:hover:not(:disabled){background:#0353e9}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0f62fe;outline-offset:2px}.empty{color:var(--muted);padding:14px 0 0;margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.comparison figure{margin:0;min-width:0}.comparison figcaption{margin-top:8px;color:var(--muted)}.file-order{padding:0;list-style:none;border:1px solid var(--line)}.file-order li{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.file-order li:last-child{border-bottom:0}.file-order button{min-width:48px}.related{display:flex;flex-wrap:wrap;gap:14px}.related a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.analytics-consent{position:fixed;z-index:50;right:24px;bottom:24px;width:min(520px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;color:#f4f4f4;background:#161616;border-left:4px solid var(--brand);box-shadow:0 4px 16px rgb(0 0 0/24%)}.analytics-consent p{margin:4px 0 0;color:#c6c6c6;font-size:14px}.analytics-consent-actions{display:flex;flex:none;gap:8px}.analytics-consent .button.secondary{background:#393939;color:#fff}@media (max-width:560px){.comparison{grid-template-columns:1fr}.analytics-consent{right:16px;bottom:16px;align-items:stretch;flex-direction:column;gap:16px}.analytics-consent-actions{justify-content:flex-end}}}@layer app{:root{--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border);--paper:var(--color-background-surface);--soft:var(--color-background-body);--brand:var(--color-accent);--danger:var(--color-error)}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.65;background:var(--color-background-body);color:var(--color-text-primary)}.wrap{width:min(1120px,calc(100% - var(--spacing-12)));margin-inline:auto}.header{background:var(--color-background-surface);border-bottom:var(--border-width) solid var(--color-border)}.header .wrap{height:80px}.brand{display:inline-flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.brand-symbol{color:var(--color-accent);font-size:var(--font-size-3xl)}.header nav{font-size:var(--font-size-base);color:var(--color-text-secondary)}.header nav a:hover{color:var(--color-text-accent)}.home-hero{padding-block:calc(var(--spacing-12) * 1.5) var(--spacing-12)}.eyebrow{color:var(--color-text-accent);font-size:var(--font-size-base)}.home-hero h1{letter-spacing:-.045em;line-height:1.3}.hero-description{font-size:var(--font-size-lg);line-height:1.8}.hero-facts{padding-top:var(--spacing-2)}.hero-facts>*+*{border-left:var(--border-width) solid var(--color-border-emphasized);padding-left:var(--spacing-4)}.tool-directory{padding-bottom:calc(var(--spacing-12) * 1.5);scroll-margin-top:var(--spacing-6)}.directory-search{max-width:720px;padding-bottom:var(--spacing-2)}.directory-search .astryx-text-input{--size-element-lg:var(--spacing-12)}.directory-search>button{flex-shrink:0}.directory-link{min-width:0;border-radius:var(--radius-container)}.directory-card{transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.directory-link:hover .directory-card{border-color:var(--color-accent);box-shadow:var(--shadow-low)}.tool-mark{display:inline-grid;place-items:center;width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-element);background:var(--color-background-blue);color:var(--color-text-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.tool-mark[data-category="텍스트"]{background:var(--color-background-purple);color:var(--color-text-purple)}.tool-mark[data-category="파일"]{background:var(--color-background-teal);color:var(--color-text-teal)}.tool-mark[data-category="개발"]{background:var(--color-background-gray);color:var(--color-text-gray)}.tool-mark[data-category="기타"]{background:var(--color-background-orange);color:var(--color-text-orange)}.card-description{min-height:3.3em;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.card-action{padding-top:var(--spacing-4);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-secondary)}.search-empty{padding:var(--spacing-12) var(--spacing-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container)}.footer,.search-empty{background:var(--color-background-surface)}.footer{padding-block:var(--spacing-8);font-size:var(--font-size-sm)}.footer a{color:var(--color-text-secondary)}.tool-layout{padding-top:var(--spacing-10)}.tool-head h1{font-size:var(--font-size-3xl);letter-spacing:-.035em}.breadcrumbs{margin-bottom:var(--spacing-6)}.work-layout .breadcrumbs{margin-bottom:var(--spacing-3)}.tool-layout.work-layout{padding-top:var(--spacing-4);line-height:1.55}.work-layout .workbench textarea{min-height:calc(var(--spacing-10) * 4)}.panel,.seo{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);box-shadow:none}.panel{padding:var(--spacing-6)}.panel.workbench{--brand:var(--color-accent);border-top:var(--border-width) solid var(--color-border);padding:var(--spacing-5);box-shadow:none}.percentage-value,.work-eyebrow{color:var(--color-text-accent)}.work-hint{color:var(--color-text-secondary)}.button{min-height:var(--spacing-10);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-element);background:var(--color-accent);color:var(--color-on-accent)}.button:hover:not(:disabled){background:var(--color-accent);box-shadow:var(--shadow-inset-hover)}.button.secondary,.workbench .button.secondary{background:var(--color-background-muted);color:var(--color-text-primary)}.workbench .button[aria-pressed=true]{background:var(--color-accent-muted);box-shadow:inset 0 0 0 var(--border-width) var(--color-accent);color:var(--color-text-accent)}.panel input,.panel select,.panel textarea{border:var(--border-width) solid var(--color-border-emphasized);border-radius:var(--radius-element);background:var(--color-background-surface);color:var(--color-text-primary);padding:var(--spacing-3)}.panel input[type=checkbox]{accent-color:var(--color-accent)}.result,.workbench .result{background:var(--color-background-muted);border-radius:var(--radius-element);padding:var(--spacing-5)}.result.error{background:var(--color-error-muted);color:var(--color-error)}.clean-options label,.code-output,.stat{background:var(--color-background-muted);border-radius:var(--radius-element)}.ad{border-radius:var(--radius-container);color:var(--color-text-secondary);background:transparent;box-shadow:none}.seo{padding:var(--spacing-8)}.seo h2{font-size:var(--font-size-xl)}.seo h3{font-size:var(--font-size-lg)}.analytics-consent{border-radius:var(--radius-container)}:is(button,a,input,select,textarea):focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.skip-link{position:fixed;top:var(--spacing-3);left:var(--spacing-3);z-index:100;padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-surface);border-radius:var(--radius-element);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (max-width:600px){.wrap{width:calc(100% - var(--spacing-8))}.header .wrap{height:68px}.brand{gap:var(--spacing-2);font-size:var(--font-size-base)}.header nav{font-size:var(--font-size-sm)}.header nav>*{gap:var(--spacing-3)}.home-hero{padding-block:var(--spacing-10) var(--spacing-8)}.home-hero h1{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-facts{gap:var(--spacing-2)}.hero-facts>*+*{padding-left:var(--spacing-2)}.directory-search{flex-wrap:wrap}.panel,.panel.workbench,.seo{padding:var(--spacing-4)}.footer .wrap{flex-direction:column}}@media (prefers-reduced-motion:reduce){.directory-card{transition:none}}}