:root,[data-theme=dark]{--lift-hover:0.045;--lift-press:-0.055;--background:oklch(0.267 0.034 189.1);--foreground:oklch(0.963 0.045 89.1);--card:oklch(0.376 0.052 189.5);--card-foreground:var(--foreground);--popover:oklch(0.330 0.045 189.5);--popover-foreground:var(--foreground);--muted:oklch(0.322 0.041 189.4);--muted-foreground:oklch(0.820 0.040 90.0);--primary:oklch(0.898 0.143 163.6);--primary-foreground:var(--background);--secondary:oklch(0.637 0.080 187.9);--secondary-foreground:var(--foreground);--accent:oklch(0.450 0.062 188.5);--accent-foreground:var(--foreground);--destructive:oklch(0.580 0.210 27.0);--destructive-foreground:oklch(0.985 0.002 247.8);--success:oklch(0.700 0.170 150.0);--success-foreground:var(--background);--warning:oklch(0.880 0.150 84.0);--warning-foreground:var(--background);--info:var(--secondary);--info-foreground:var(--foreground);--border:oklch(0.560 0.070 188.0);--input:oklch(0.420 0.055 189.0);--ring:var(--primary);--sidebar:oklch(0.330 0.045 189.5);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--toolbar:oklch(0.483 0.063 188.0);--toolbar-foreground:var(--foreground);--toolbar-border:var(--border);--glass:color-mix(in oklab,var(--popover) 68%,transparent);--glass-foreground:var(--foreground);--glass-border:color-mix(in oklab,var(--secondary) 28%,transparent);--glass-blur:12px;--glass-row-hover:color-mix(in oklab,var(--accent) 58%,transparent);--glass-row-pressed:color-mix(in oklab,var(--accent) 72%,transparent);--glass-row-destructive-hover:color-mix(in oklab,var(--destructive) 48%,transparent);--glass-heavy:color-mix(in oklab,var(--background) 88%,transparent);--glass-heavy-border:color-mix(in oklab,var(--secondary) 42%,transparent);--glass-heavy-blur:28px;--glass-medium:color-mix(in oklab,var(--background) 55%,transparent);--glass-medium-border:color-mix(in oklab,var(--secondary) 24%,transparent);--glass-medium-blur:16px;--glass-light:color-mix(in oklab,var(--background) 28%,transparent);--glass-light-border:color-mix(in oklab,var(--secondary) 14%,transparent);--glass-light-blur:8px;--overlay:color-mix(in oklab,var(--background) 72%,transparent);--overlay-hover:color-mix(in oklab,var(--background) 88%,transparent);--overlay-modal:color-mix(in oklab,var(--background) 92%,transparent);--scrollbar-thumb:var(--card);--shadow-color:color-mix(in oklab,var(--background) 60%,transparent);--shadow-color-strong:color-mix(in oklab,var(--background) 80%,transparent);--marketing-gradient-from:oklch(0.600 0.130 178.0);--marketing-gradient-to:oklch(0.320 0.045 189.0);--marketing-pins-from:oklch(0.880 0.190 145.0);--marketing-pins-to:oklch(0.520 0.250 265.0);--marketing-stat-accent:var(--primary);--primary-hover:oklch(from var(--primary) calc(l + var(--lift-hover)) c h);--primary-pressed:oklch(from var(--primary) calc(l + var(--lift-press)) c h);--primary-subtle:color-mix(in oklab,var(--primary) 14%,transparent);--primary-subtle-pressed:color-mix(in oklab,var(--primary) 24%,transparent);--secondary-hover:oklch(from var(--secondary) calc(l + var(--lift-hover)) c h);--secondary-pressed:oklch(from var(--secondary) calc(l + var(--lift-press)) c h);--secondary-subtle:color-mix(in oklab,var(--secondary) 14%,transparent);--secondary-subtle-pressed:color-mix(in oklab,var(--secondary) 24%,transparent);--muted-hover:oklch(from var(--muted) calc(l + var(--lift-hover)) c h);--muted-pressed:oklch(from var(--muted) calc(l + var(--lift-press)) c h);--accent-hover:oklch(from var(--accent) calc(l + var(--lift-hover)) c h);--accent-pressed:oklch(from var(--accent) calc(l + var(--lift-press)) c h);--accent-subtle:color-mix(in oklab,var(--accent) 14%,transparent);--accent-subtle-pressed:color-mix(in oklab,var(--accent) 24%,transparent);--toolbar-hover:oklch(from var(--toolbar) calc(l + var(--lift-hover)) c h);--toolbar-pressed:oklch(from var(--toolbar) calc(l + var(--lift-press)) c h);--destructive-hover:oklch(from var(--destructive) calc(l + var(--lift-hover)) c h);--destructive-pressed:oklch(from var(--destructive) calc(l + var(--lift-press)) c h);--destructive-subtle:color-mix(in oklab,var(--destructive) 14%,transparent);--destructive-subtle-pressed:color-mix(in oklab,var(--destructive) 24%,transparent);--success-hover:oklch(from var(--success) calc(l + var(--lift-hover)) c h);--success-pressed:oklch(from var(--success) calc(l + var(--lift-press)) c h);--success-subtle:color-mix(in oklab,var(--success) 14%,transparent);--warning-hover:oklch(from var(--warning) calc(l + var(--lift-hover)) c h);--warning-pressed:oklch(from var(--warning) calc(l + var(--lift-press)) c h);--warning-subtle:color-mix(in oklab,var(--warning) 14%,transparent);--info-hover:oklch(from var(--info) calc(l + var(--lift-hover)) c h);--info-pressed:oklch(from var(--info) calc(l + var(--lift-press)) c h);--info-subtle:color-mix(in oklab,var(--info) 14%,transparent)}[data-theme=dark-amoled]{--lift-hover:0.045;--lift-press:-0.055;--background:oklch(0 0 0);--foreground:oklch(0.985 0.002 247.8);--card:oklch(0.145 0 0);--card-foreground:var(--foreground);--popover:oklch(0.205 0 0);--popover-foreground:var(--foreground);--muted:oklch(0.220 0 0);--muted-foreground:oklch(0.720 0.015 250.0);--primary:oklch(0.715 0.126 215.2);--primary-foreground:oklch(0 0 0);--secondary:oklch(0.554 0.041 257.4);--secondary-foreground:var(--foreground);--accent:oklch(0.260 0 0);--accent-foreground:var(--foreground);--destructive:oklch(0.620 0.210 25.0);--destructive-foreground:var(--foreground);--success:oklch(0.760 0.160 155.0);--success-foreground:oklch(0 0 0);--warning:oklch(0.860 0.160 84.0);--warning-foreground:oklch(0 0 0);--info:var(--primary);--info-foreground:oklch(0 0 0);--border:oklch(0.260 0 0);--input:oklch(0.300 0 0);--ring:var(--primary);--sidebar:var(--background);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--toolbar:var(--card);--toolbar-foreground:var(--foreground);--toolbar-border:var(--border);--glass:color-mix(in oklab,var(--popover) 74%,transparent);--glass-foreground:var(--foreground);--glass-border:color-mix(in oklab,var(--foreground) 10%,transparent);--glass-blur:12px;--glass-row-hover:color-mix(in oklab,var(--accent) 58%,transparent);--glass-row-pressed:color-mix(in oklab,var(--accent) 72%,transparent);--glass-row-destructive-hover:color-mix(in oklab,var(--destructive) 48%,transparent);--glass-heavy:color-mix(in oklab,var(--background) 90%,transparent);--glass-heavy-border:color-mix(in oklab,var(--foreground) 16%,transparent);--glass-heavy-blur:28px;--glass-medium:color-mix(in oklab,var(--background) 58%,transparent);--glass-medium-border:color-mix(in oklab,var(--foreground) 10%,transparent);--glass-medium-blur:16px;--glass-light:color-mix(in oklab,var(--background) 30%,transparent);--glass-light-border:color-mix(in oklab,var(--foreground) 6%,transparent);--glass-light-blur:8px;--overlay:color-mix(in oklab,var(--background) 84%,transparent);--overlay-hover:color-mix(in oklab,var(--background) 94%,transparent);--overlay-modal:color-mix(in oklab,var(--background) 98%,transparent);--scrollbar-thumb:var(--accent);--shadow-color:color-mix(in oklab,black 20%,transparent);--shadow-color-strong:color-mix(in oklab,black 42%,transparent);--marketing-gradient-from:oklch(0.260 0.090 245.0);--marketing-gradient-to:oklch(0 0 0);--marketing-pins-from:var(--primary);--marketing-pins-to:oklch(0.560 0.220 292.0);--marketing-stat-accent:var(--primary);--primary-hover:oklch(from var(--primary) calc(l + var(--lift-hover)) c h);--primary-pressed:oklch(from var(--primary) calc(l + var(--lift-press)) c h);--primary-subtle:color-mix(in oklab,var(--primary) 14%,transparent);--primary-subtle-pressed:color-mix(in oklab,var(--primary) 24%,transparent);--secondary-hover:oklch(from var(--secondary) calc(l + var(--lift-hover)) c h);--secondary-pressed:oklch(from var(--secondary) calc(l + var(--lift-press)) c h);--secondary-subtle:color-mix(in oklab,var(--secondary) 14%,transparent);--secondary-subtle-pressed:color-mix(in oklab,var(--secondary) 24%,transparent);--muted-hover:oklch(from var(--muted) calc(l + var(--lift-hover)) c h);--muted-pressed:oklch(from var(--muted) calc(l + var(--lift-press)) c h);--accent-hover:oklch(from var(--accent) calc(l + var(--lift-hover)) c h);--accent-pressed:oklch(from var(--accent) calc(l + var(--lift-press)) c h);--accent-subtle:color-mix(in oklab,var(--accent) 14%,transparent);--accent-subtle-pressed:color-mix(in oklab,var(--accent) 24%,transparent);--toolbar-hover:oklch(from var(--toolbar) calc(l + var(--lift-hover)) c h);--toolbar-pressed:oklch(from var(--toolbar) calc(l + var(--lift-press)) c h);--destructive-hover:oklch(from var(--destructive) calc(l + var(--lift-hover)) c h);--destructive-pressed:oklch(from var(--destructive) calc(l + var(--lift-press)) c h);--destructive-subtle:color-mix(in oklab,var(--destructive) 14%,transparent);--destructive-subtle-pressed:color-mix(in oklab,var(--destructive) 24%,transparent);--success-hover:oklch(from var(--success) calc(l + var(--lift-hover)) c h);--success-pressed:oklch(from var(--success) calc(l + var(--lift-press)) c h);--success-subtle:color-mix(in oklab,var(--success) 14%,transparent);--warning-hover:oklch(from var(--warning) calc(l + var(--lift-hover)) c h);--warning-pressed:oklch(from var(--warning) calc(l + var(--lift-press)) c h);--warning-subtle:color-mix(in oklab,var(--warning) 14%,transparent);--info-hover:oklch(from var(--info) calc(l + var(--lift-hover)) c h);--info-pressed:oklch(from var(--info) calc(l + var(--lift-press)) c h);--info-subtle:color-mix(in oklab,var(--info) 14%,transparent)}[data-theme=light]{--lift-hover:-0.045;--lift-press:-0.080;--background:oklch(1 0 0);--foreground:oklch(0.208 0.040 265.8);--card:oklch(0.984 0.003 247.9);--card-foreground:var(--foreground);--popover:oklch(1 0 0);--popover-foreground:var(--foreground);--muted:oklch(0.960 0.008 247.9);--muted-foreground:oklch(0.520 0.040 257.0);--primary:oklch(0.685 0.148 237.3);--primary-foreground:oklch(1 0 0);--secondary:oklch(0.554 0.041 257.4);--secondary-foreground:oklch(1 0 0);--accent:oklch(0.930 0.018 250.0);--accent-foreground:var(--foreground);--destructive:oklch(0.570 0.220 25.0);--destructive-foreground:oklch(1 0 0);--success:oklch(0.610 0.160 145.0);--success-foreground:oklch(1 0 0);--warning:oklch(0.640 0.160 55.0);--warning-foreground:oklch(1 0 0);--info:var(--primary);--info-foreground:var(--primary-foreground);--border:oklch(0.880 0.016 247.0);--input:oklch(0.880 0.016 247.0);--ring:var(--primary);--sidebar:var(--card);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--toolbar:var(--card);--toolbar-foreground:var(--foreground);--toolbar-border:var(--border);--glass:color-mix(in oklab,var(--popover) 70%,transparent);--glass-foreground:var(--foreground);--glass-border:color-mix(in oklab,var(--border) 62%,transparent);--glass-blur:12px;--glass-row-hover:color-mix(in oklab,var(--accent) 58%,transparent);--glass-row-pressed:color-mix(in oklab,var(--accent) 72%,transparent);--glass-row-destructive-hover:color-mix(in oklab,var(--destructive) 48%,transparent);--glass-heavy:color-mix(in oklab,var(--background) 86%,transparent);--glass-heavy-border:color-mix(in oklab,var(--border) 72%,transparent);--glass-heavy-blur:28px;--glass-medium:color-mix(in oklab,var(--background) 52%,transparent);--glass-medium-border:color-mix(in oklab,var(--border) 48%,transparent);--glass-medium-blur:16px;--glass-light:color-mix(in oklab,var(--background) 26%,transparent);--glass-light-border:color-mix(in oklab,var(--border) 24%,transparent);--glass-light-blur:8px;--overlay:color-mix(in oklab,var(--foreground) 50%,transparent);--overlay-hover:color-mix(in oklab,var(--foreground) 60%,transparent);--overlay-modal:color-mix(in oklab,var(--foreground) 75%,transparent);--scrollbar-thumb:var(--border);--shadow-color:color-mix(in oklab,var(--foreground) 10%,transparent);--shadow-color-strong:color-mix(in oklab,var(--foreground) 22%,transparent);--marketing-gradient-from:oklch(0.890 0.050 230.0);--marketing-gradient-to:oklch(0.970 0.020 230.0);--marketing-pins-from:var(--primary);--marketing-pins-to:oklch(0.640 0.130 175.0);--marketing-stat-accent:var(--primary);--primary-hover:oklch(from var(--primary) calc(l + var(--lift-hover)) c h);--primary-pressed:oklch(from var(--primary) calc(l + var(--lift-press)) c h);--primary-subtle:color-mix(in oklab,var(--primary) 14%,transparent);--primary-subtle-pressed:color-mix(in oklab,var(--primary) 24%,transparent);--secondary-hover:oklch(from var(--secondary) calc(l + var(--lift-hover)) c h);--secondary-pressed:oklch(from var(--secondary) calc(l + var(--lift-press)) c h);--secondary-subtle:color-mix(in oklab,var(--secondary) 14%,transparent);--secondary-subtle-pressed:color-mix(in oklab,var(--secondary) 24%,transparent);--muted-hover:oklch(from var(--muted) calc(l + var(--lift-hover)) c h);--muted-pressed:oklch(from var(--muted) calc(l + var(--lift-press)) c h);--accent-hover:oklch(from var(--accent) calc(l + var(--lift-hover)) c h);--accent-pressed:oklch(from var(--accent) calc(l + var(--lift-press)) c h);--accent-subtle:color-mix(in oklab,var(--accent) 14%,transparent);--accent-subtle-pressed:color-mix(in oklab,var(--accent) 24%,transparent);--toolbar-hover:oklch(from var(--toolbar) calc(l + var(--lift-hover)) c h);--toolbar-pressed:oklch(from var(--toolbar) calc(l + var(--lift-press)) c h);--destructive-hover:oklch(from var(--destructive) calc(l + var(--lift-hover)) c h);--destructive-pressed:oklch(from var(--destructive) calc(l + var(--lift-press)) c h);--destructive-subtle:color-mix(in oklab,var(--destructive) 14%,transparent);--destructive-subtle-pressed:color-mix(in oklab,var(--destructive) 24%,transparent);--success-hover:oklch(from var(--success) calc(l + var(--lift-hover)) c h);--success-pressed:oklch(from var(--success) calc(l + var(--lift-press)) c h);--success-subtle:color-mix(in oklab,var(--success) 14%,transparent);--warning-hover:oklch(from var(--warning) calc(l + var(--lift-hover)) c h);--warning-pressed:oklch(from var(--warning) calc(l + var(--lift-press)) c h);--warning-subtle:color-mix(in oklab,var(--warning) 14%,transparent);--info-hover:oklch(from var(--info) calc(l + var(--lift-hover)) c h);--info-pressed:oklch(from var(--info) calc(l + var(--lift-press)) c h);--info-subtle:color-mix(in oklab,var(--info) 14%,transparent)}[data-theme=sakura]{--lift-hover:-0.040;--lift-press:-0.075;--background:oklch(0.809 0.034 358.7);--foreground:oklch(0.254 0.043 324.9);--card:oklch(0.764 0.041 351.7);--card-foreground:var(--foreground);--popover:oklch(0.820 0.030 358.0);--popover-foreground:var(--foreground);--muted:oklch(0.850 0.030 358.0);--muted-foreground:oklch(0.430 0.045 325.0);--primary:oklch(0.397 0.127 7.7);--primary-foreground:oklch(0.980 0.030 84.0);--secondary:oklch(0.933 0.071 84.8);--secondary-foreground:var(--foreground);--accent:oklch(0.710 0.045 351.7);--accent-foreground:var(--foreground);--destructive:oklch(0.570 0.210 27.0);--destructive-foreground:oklch(1 0 0);--success:oklch(0.610 0.150 145.0);--success-foreground:oklch(1 0 0);--warning:var(--secondary);--warning-foreground:var(--foreground);--info:oklch(0.740 0.030 190.0);--info-foreground:var(--foreground);--border:oklch(0.700 0.040 351.7);--input:oklch(0.730 0.038 351.7);--ring:var(--primary);--sidebar:oklch(0.720 0.045 351.7);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--toolbar:oklch(0.826 0.074 349.8);--toolbar-foreground:var(--foreground);--toolbar-border:var(--border);--glass:color-mix(in oklab,var(--popover) 62%,transparent);--glass-foreground:var(--foreground);--glass-border:color-mix(in oklab,var(--primary) 18%,transparent);--glass-blur:12px;--glass-row-hover:color-mix(in oklab,var(--accent) 58%,transparent);--glass-row-pressed:color-mix(in oklab,var(--accent) 72%,transparent);--glass-row-destructive-hover:color-mix(in oklab,var(--destructive) 48%,transparent);--glass-heavy:color-mix(in oklab,var(--background) 88%,transparent);--glass-heavy-border:color-mix(in oklab,var(--primary) 28%,transparent);--glass-heavy-blur:28px;--glass-medium:color-mix(in oklab,var(--background) 54%,transparent);--glass-medium-border:color-mix(in oklab,var(--primary) 16%,transparent);--glass-medium-blur:16px;--glass-light:color-mix(in oklab,var(--background) 28%,transparent);--glass-light-border:color-mix(in oklab,var(--primary) 10%,transparent);--glass-light-blur:8px;--overlay:color-mix(in oklab,var(--background) 84%,transparent);--overlay-hover:color-mix(in oklab,var(--background) 94%,transparent);--overlay-modal:color-mix(in oklab,var(--background) 92%,transparent);--scrollbar-thumb:var(--accent);--shadow-color:color-mix(in oklab,var(--foreground) 15%,transparent);--shadow-color-strong:color-mix(in oklab,var(--foreground) 32%,transparent);--marketing-gradient-from:oklch(0.730 0.080 358.0);--marketing-gradient-to:oklch(0.930 0.028 358.0);--marketing-pins-from:oklch(0.820 0.110 350.0);--marketing-pins-to:oklch(0.700 0.100 305.0);--marketing-stat-accent:var(--primary);--primary-hover:oklch(from var(--primary) calc(l + var(--lift-hover)) c h);--primary-pressed:oklch(from var(--primary) calc(l + var(--lift-press)) c h);--primary-subtle:color-mix(in oklab,var(--primary) 14%,transparent);--primary-subtle-pressed:color-mix(in oklab,var(--primary) 24%,transparent);--secondary-hover:oklch(from var(--secondary) calc(l + var(--lift-hover)) c h);--secondary-pressed:oklch(from var(--secondary) calc(l + var(--lift-press)) c h);--secondary-subtle:color-mix(in oklab,var(--secondary) 14%,transparent);--secondary-subtle-pressed:color-mix(in oklab,var(--secondary) 24%,transparent);--muted-hover:oklch(from var(--muted) calc(l + var(--lift-hover)) c h);--muted-pressed:oklch(from var(--muted) calc(l + var(--lift-press)) c h);--accent-hover:oklch(from var(--accent) calc(l + var(--lift-hover)) c h);--accent-pressed:oklch(from var(--accent) calc(l + var(--lift-press)) c h);--accent-subtle:color-mix(in oklab,var(--accent) 14%,transparent);--accent-subtle-pressed:color-mix(in oklab,var(--accent) 24%,transparent);--toolbar-hover:oklch(from var(--toolbar) calc(l + var(--lift-hover)) c h);--toolbar-pressed:oklch(from var(--toolbar) calc(l + var(--lift-press)) c h);--destructive-hover:oklch(from var(--destructive) calc(l + var(--lift-hover)) c h);--destructive-pressed:oklch(from var(--destructive) calc(l + var(--lift-press)) c h);--destructive-subtle:color-mix(in oklab,var(--destructive) 14%,transparent);--destructive-subtle-pressed:color-mix(in oklab,var(--destructive) 24%,transparent);--success-hover:oklch(from var(--success) calc(l + var(--lift-hover)) c h);--success-pressed:oklch(from var(--success) calc(l + var(--lift-press)) c h);--success-subtle:color-mix(in oklab,var(--success) 14%,transparent);--warning-hover:oklch(from var(--warning) calc(l + var(--lift-hover)) c h);--warning-pressed:oklch(from var(--warning) calc(l + var(--lift-press)) c h);--warning-subtle:color-mix(in oklab,var(--warning) 14%,transparent);--info-hover:oklch(from var(--info) calc(l + var(--lift-hover)) c h);--info-pressed:oklch(from var(--info) calc(l + var(--lift-press)) c h);--info-subtle:color-mix(in oklab,var(--info) 14%,transparent)}:root{--circuit-darker-teal:oklch(0.267 0.034 189.1);--circuit-dark-teal:oklch(0.376 0.052 189.5);--circuit-dark-teal-hover:oklch(from var(--circuit-dark-teal) calc(l + 0.045) c h);--circuit-dark-teal-active:oklch(from var(--circuit-dark-teal) calc(l - 0.055) c h);--circuit-mid-teal:oklch(0.500 0.070 188.8);--circuit-medium-light-teal:oklch(0.570 0.075 188.2);--circuit-light-teal:oklch(0.637 0.080 187.9);--circuit-bright-teal:oklch(0.898 0.143 163.6);--circuit-hover-teal:oklch(from var(--circuit-bright-teal) calc(l + 0.035) c h);--circuit-hover-bg:oklch(0.330 0.045 189.5);--circuit-bright-yellow:oklch(0.880 0.150 84.0);--circuit-light-yellow:oklch(0.963 0.045 89.1);--circuit-magenta:oklch(0.570 0.245 352.0);--circuit-teal:var(--circuit-light-teal);--circuit-bright-yellow-20:color-mix(in oklab,var(--circuit-bright-yellow) 20%,transparent);--circuit-bright-yellow-25:color-mix(in oklab,var(--circuit-bright-yellow) 25%,transparent);--circuit-bright-yellow-30:color-mix(in oklab,var(--circuit-bright-yellow) 30%,transparent);--circuit-bright-yellow-50:color-mix(in oklab,var(--circuit-bright-yellow) 50%,transparent);--circuit-bright-teal-15:color-mix(in oklab,var(--circuit-bright-teal) 15%,transparent);--circuit-bright-teal-20:color-mix(in oklab,var(--circuit-bright-teal) 20%,transparent);--circuit-bright-teal-25:color-mix(in oklab,var(--circuit-bright-teal) 25%,transparent);--circuit-bright-teal-30:color-mix(in oklab,var(--circuit-bright-teal) 30%,transparent);--circuit-bright-teal-50:color-mix(in oklab,var(--circuit-bright-teal) 50%,transparent);--circuit-light-teal-05:color-mix(in oklab,var(--circuit-light-teal) 5%,transparent);--circuit-light-teal-08:color-mix(in oklab,var(--circuit-light-teal) 8%,transparent);--circuit-light-teal-10:color-mix(in oklab,var(--circuit-light-teal) 10%,transparent);--circuit-light-teal-15:color-mix(in oklab,var(--circuit-light-teal) 15%,transparent);--circuit-light-teal-20:color-mix(in oklab,var(--circuit-light-teal) 20%,transparent);--circuit-light-teal-25:color-mix(in oklab,var(--circuit-light-teal) 25%,transparent);--circuit-light-teal-30:color-mix(in oklab,var(--circuit-light-teal) 30%,transparent);--circuit-light-teal-35:color-mix(in oklab,var(--circuit-light-teal) 35%,transparent);--circuit-light-teal-40:color-mix(in oklab,var(--circuit-light-teal) 40%,transparent);--circuit-light-teal-45:color-mix(in oklab,var(--circuit-light-teal) 45%,transparent);--circuit-light-teal-50:color-mix(in oklab,var(--circuit-light-teal) 50%,transparent);--circuit-light-teal-60:color-mix(in oklab,var(--circuit-light-teal) 60%,transparent);--circuit-light-teal-80:color-mix(in oklab,var(--circuit-light-teal) 80%,transparent);--circuit-light-teal-90:color-mix(in oklab,var(--circuit-light-teal) 90%,transparent);--circuit-mid-teal-15:color-mix(in oklab,var(--circuit-mid-teal) 15%,transparent);--circuit-mid-teal-20:color-mix(in oklab,var(--circuit-mid-teal) 20%,transparent);--circuit-mid-teal-25:color-mix(in oklab,var(--circuit-mid-teal) 25%,transparent);--circuit-mid-teal-40:color-mix(in oklab,var(--circuit-mid-teal) 40%,transparent);--circuit-mid-teal-50:color-mix(in oklab,var(--circuit-mid-teal) 50%,transparent);--circuit-mid-teal-60:color-mix(in oklab,var(--circuit-mid-teal) 60%,transparent);--circuit-mid-teal-70:color-mix(in oklab,var(--circuit-mid-teal) 70%,transparent);--circuit-mid-teal-98:color-mix(in oklab,var(--circuit-mid-teal) 98%,transparent);--circuit-dark-teal-10:color-mix(in oklab,var(--circuit-dark-teal) 10%,transparent);--circuit-dark-teal-15:color-mix(in oklab,var(--circuit-dark-teal) 15%,transparent);--circuit-dark-teal-60:color-mix(in oklab,var(--circuit-dark-teal) 60%,transparent);--circuit-dark-teal-80:color-mix(in oklab,var(--circuit-dark-teal) 80%,transparent);--circuit-darker-teal-60:color-mix(in oklab,var(--circuit-darker-teal) 60%,transparent);--circuit-darker-teal-65:color-mix(in oklab,var(--circuit-darker-teal) 65%,transparent);--circuit-darker-teal-80:color-mix(in oklab,var(--circuit-darker-teal) 80%,transparent);--circuit-darker-teal-85:color-mix(in oklab,var(--circuit-darker-teal) 85%,transparent);--circuit-darker-teal-90:color-mix(in oklab,var(--circuit-darker-teal) 90%,transparent);--circuit-darker-teal-92:color-mix(in oklab,var(--circuit-darker-teal) 92%,transparent);--circuit-darker-teal-95:color-mix(in oklab,var(--circuit-darker-teal) 95%,transparent);--color-white-100:color-mix(in oklab,white 5%,transparent);--color-white-200:color-mix(in oklab,white 10%,transparent);--color-white-300:color-mix(in oklab,white 20%,transparent);--color-white-400:color-mix(in oklab,white 40%,transparent);--color-white-500:color-mix(in oklab,white 70%,transparent);--color-white-600:color-mix(in oklab,white 80%,transparent);--color-white-700:color-mix(in oklab,white 85%,transparent);--color-white-800:color-mix(in oklab,white 90%,transparent);--color-white-900:color-mix(in oklab,white 95%,transparent);--color-white-1000:oklch(1 0 0);--color-black-100:color-mix(in oklab,black 5%,transparent);--color-black-200:color-mix(in oklab,black 10%,transparent);--color-black-300:color-mix(in oklab,black 20%,transparent);--color-black-400:color-mix(in oklab,black 40%,transparent);--color-black-500:color-mix(in oklab,black 70%,transparent);--color-black-600:color-mix(in oklab,black 80%,transparent);--color-black-700:color-mix(in oklab,black 85%,transparent);--color-black-800:color-mix(in oklab,black 90%,transparent);--color-black-900:color-mix(in oklab,black 95%,transparent);--color-black-1000:oklch(0.145 0 0);--color-red-100:oklch(0.945 0.030 25.0);--color-red-300:oklch(0.790 0.100 25.0);--color-red-500:oklch(0.600 0.220 25.0);--color-red-600:oklch(0.520 0.210 25.0);--color-green-100:oklch(0.960 0.040 145.0);--color-green-300:oklch(0.850 0.120 145.0);--color-green-500:oklch(0.650 0.170 145.0);--color-green-700:oklch(0.540 0.150 145.0);--color-yellow-100:oklch(0.970 0.045 88.0);--color-yellow-300:oklch(0.900 0.110 84.0);--color-yellow-500:oklch(0.760 0.150 75.0);--color-yellow-600:oklch(0.640 0.140 62.0);--sds-size-space-0:0px;--sds-size-space-025:1px;--sds-size-space-050:2px;--sds-size-space-075:3px;--sds-size-space-100:4px;--sds-size-space-150:6px;--sds-size-space-200:8px;--sds-size-space-250:10px;--sds-size-space-300:12px;--sds-size-space-400:16px;--sds-size-space-500:20px;--sds-size-space-600:24px;--sds-size-space-700:28px;--sds-size-space-800:32px;--sds-size-space-1000:40px;--sds-size-space-1200:48px;--sds-size-space-1600:64px;--sds-size-space-2000:80px;--sds-size-space-2400:96px;--sds-size-space-3200:128px;--sds-size-space-4000:160px;--sds-size-height-32:28px;--sds-size-height-36:32px;--sds-size-height-40:36px;--sds-size-height-44:40px;--sds-size-height-48:44px;--sds-size-height-52:48px;--sds-size-space-negative-050:-2px;--sds-size-space-negative-100:-4px;--sds-size-space-negative-200:-8px;--sds-size-space-negative-300:-12px;--sds-size-space-negative-400:-16px;--sds-size-space-negative-600:-24px;--sds-size-radius-50:2px;--sds-size-radius-100:4px;--sds-size-radius-150:6px;--sds-size-radius-200:8px;--sds-size-radius-300:14px;--sds-size-radius-400:16px;--sds-size-radius-500:20px;--sds-size-radius-600:24px;--sds-size-radius-full:9999px;--sds-size-depth-0:0;--sds-size-depth-025:1;--sds-size-depth-100:4;--sds-size-depth-200:8;--sds-size-depth-400:16;--sds-size-depth-800:32;--sds-size-depth-1200:48;--shadow-xs:0 1px 2px var(--shadow-color);--shadow-sm:0 1px 3px var(--shadow-color),0 1px 2px var(--shadow-color);--shadow-md:0 4px 6px var(--shadow-color),0 2px 4px var(--shadow-color);--shadow-lg:0 10px 15px var(--shadow-color),0 4px 6px var(--shadow-color);--shadow-xl:0 20px 25px var(--shadow-color),0 10px 10px var(--shadow-color);--shadow-2xl:0 25px 50px var(--shadow-color-strong);--sds-size-depth-negative-025:-1;--sds-size-depth-negative-100:-4;--sds-size-depth-negative-200:-8;--sds-size-depth-negative-400:-16;--sds-size-depth-negative-800:-32;--sds-size-depth-negative-1200:-48;--sds-size-stroke-border:1px;--sds-size-stroke-focus-ring:2px;--sds-size-blur-100:4px;--sds-size-icon-small:24px;--sds-size-icon-medium:32px;--sds-size-icon-large:40px;--font-family-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-family-mono:var(--font-roboto-mono),"Courier New",monospace;--font-family-display:var(--font-monda),sans-serif;--font-title-hero:700 64px/1.2 var(--font-family-display);--font-title-page:700 42px/1.2 var(--font-family-display);--font-subtitle:400 28px/1.2 var(--font-family-display);--font-heading:600 21px/1.2 var(--font-family-display);--font-subheading:400 18px/1.2 var(--font-family-display);--font-body-base:400 var(--font-size-87)/1.4 var(--font-family-display);--font-body-strong:600 var(--font-size-87)/1.4 var(--font-family-display);--font-body-small:400 var(--font-size-75)/1.4 var(--font-family-display);--font-body-small-strong:600 var(--font-size-75)/1 var(--font-family-display);--font-body-code:400 var(--font-size-100)/1 var(--font-family-mono);--font-input:400 var(--font-size-87)/1 var(--font-family-display);--font-body-base-single:400 var(--font-size-87)/1 var(--font-family-display);--font-body-small-strong-single:600 var(--font-size-75)/1 var(--font-family-display);--letter-spacing-title-hero:-3%;--letter-spacing-title-page:-2%;--letter-spacing-heading:-2%;--sds-size-width-sidebar:280px;--sds-size-width-card-min:280px;--sds-size-width-metric-card:140px;--color-blue-100:#e8f4ff;--color-blue-300:#93c5ff;--color-blue-500:#3286f5;--color-blue-700:#1e5daf;--color-purple-100:#f5ebff;--color-purple-300:#c199ff;--color-purple-500:#8c51f5;--color-purple-700:#6636b6;--color-orange-100:#fff2e7;--color-orange-300:#ffb881;--color-orange-500:#f67e22;--color-orange-700:#c15009;--theme-gold-primary:#B8860B;--theme-gold-secondary:#DAA520;--theme-gold-bg:linear-gradient(135deg,#FFD700,#FFA500);--theme-gold-border:#DAA520;--theme-gold-text:#8B4513;--theme-gold-text-light:#A0522D;--theme-success-primary:#059669;--theme-success-bg:#ecfdf5;--theme-success-border:#10b981;--theme-success-text:#0c4a6e;--theme-error-primary:#b91c1c;--theme-error-bg:#fef2f2;--theme-error-border:#fca5a5;--theme-error-text:#7f1d1d;--theme-warning-primary:#92400e;--theme-warning-bg:#fffbeb;--theme-warning-border:#f59e0b;--theme-warning-text:#78350f;--theme-info-primary:#0369a1;--theme-info-bg:#f0f9ff;--theme-info-border:#0ea5e9;--theme-info-text:#0c4a6e;--theme-campaign-primary:#667eea;--theme-campaign-bg:linear-gradient(135deg,#FF6B6B,#4ECDC4 50%,#45B7D1);--theme-campaign-border:#FF6B6B;--theme-campaign-text:#ffffff;--theme-campaign-text-light:#f0f8ff}.circuitds-example-sidebar{padding:var(--sds-size-space-400);background-color:var(--card);border-right:var(--sds-size-stroke-border) solid var(--border)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-family-display);font-size:var(--font-size-87);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;font-weight:inherit}.title-hero{font:var(--font-title-hero);letter-spacing:var(--letter-spacing-title-hero)}.title-page{font:var(--font-title-page);letter-spacing:var(--letter-spacing-title-page)}.subtitle{font:var(--font-subtitle)}.heading{font:var(--font-heading);letter-spacing:var(--letter-spacing-heading)}.subheading{font:var(--font-subheading)}.body-base{font:var(--font-body-base)}.body-strong{font:var(--font-body-strong)}.body-small{font:var(--font-body-small)}.body-small-strong{font:var(--font-body-small-strong)}.body-code{font:var(--font-body-code)}.input{font:var(--font-input)}.body-base-single{font:var(--font-body-base-single)}.body-small-strong-single{font:var(--font-body-small-strong-single)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-modal,rgba(15,43,41,.92));z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sds-size-space-400,16px)}.modal-content{background-color:var(--card);color:var(--foreground);padding:var(--sds-size-space-800,32px);border-radius:var(--sds-size-radius-200,8px);border:var(--sds-size-stroke-border,1px) solid var(--border);width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 var(--sds-size-depth-100,4px) var(--sds-size-depth-200,8px) rgba(0,0,0,.25)}.modal-title{color:var(--primary);margin:0}.circuit-tag{display:inline-flex;align-items:center;font:var(--font-body-small);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sds-size-radius-50);border:1px solid;transition:all .2s ease}.circuit-tag.circuit-tag--xs{padding:var(--sds-size-space-050) var(--sds-size-space-250)!important;font-size:var(--font-size-50)}.circuit-tag--small{padding:var(--sds-size-space-075) var(--sds-size-space-200);font-size:.75rem}.circuit-tag--medium{padding:var(--sds-size-space-100) var(--sds-size-space-250);font-size:.8rem}.circuit-tag--default{background:var(--card);color:var(--muted-foreground);border-color:var(--border)}.circuit-tag--feature{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--success{background:var(--theme-success-bg);color:var(--theme-success-primary);border-color:var(--theme-success-border)}.circuit-tag--warning{background:var(--theme-warning-bg);color:var(--theme-warning-primary);border-color:var(--theme-warning-border)}.circuit-tag--error{background:var(--theme-error-bg);color:var(--theme-error-primary);border-color:var(--theme-error-border)}.circuit-tag--info{background:var(--theme-info-bg);color:var(--theme-info-primary);border-color:var(--theme-info-border)}.circuit-tag--primary{background:var(--primary-subtle);color:var(--primary);border-color:transparent}:root{--font-size-50:0.625rem;--font-size-75:0.75rem;--font-size-87:0.8125rem;--font-size-100:0.875rem;--font-size-200:1rem;--font-size-300:1.125rem;--font-size-400:1.375rem;--font-size-500:1.625rem;--font-size-600:1.875rem;--font-size-700:2.375rem;--font-size-800:2.875rem;--font-size-900:3.375rem;--font-size-1000:3.875rem;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em}.display-xl{font-size:var(--font-size-1000)}.display-lg,.display-xl{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.display-lg{font-size:var(--font-size-800)}.display-md{font-size:var(--font-size-700)}.display-md,.heading-1{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-1{font-size:var(--font-size-800)}.heading-2{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700}.heading-3{font-size:var(--font-size-500)}.heading-3,.heading-4{line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-4{font-size:var(--font-size-400)}.heading-5{font-size:var(--font-size-300)}.heading-5,.heading-6{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);font-weight:600}.heading-6{font-size:var(--font-size-200)}.text-xl{font-size:var(--font-size-200)}.text-lg,.text-xl{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-lg{font-size:var(--font-size-100)}.text-base{font-size:var(--font-size-87)}.text-base,.text-sm{line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.text-sm{font-size:var(--font-size-75)}.text-xs{font-size:var(--font-size-50);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.ui-lg{font-size:var(--font-size-100)}.ui-lg,.ui-md{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.ui-md{font-size:var(--font-size-75)}.ui-sm{font-size:var(--font-size-50);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);font-weight:500}.code-lg{font-size:var(--font-size-100)}.code-lg,.code-md{font-family:var(--font-mono);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.code-md{font-size:var(--font-size-75)}.code-sm{font-family:var(--font-mono);font-size:var(--font-size-50)}.caption,.code-sm{line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.caption{font-size:var(--font-size-75);color:var(--muted-foreground)}.overline{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.label,.overline{font-size:var(--font-size-75);line-height:var(--line-height-normal);font-weight:500}.label{letter-spacing:var(--letter-spacing-normal)}.type-scale-grid{display:grid;gap:var(--sds-size-space-600);padding:var(--sds-size-space-600);background:var(--muted);border-radius:var(--sds-size-radius-200);margin-bottom:var(--sds-size-space-600)}.type-example{display:grid;gap:var(--sds-size-space-200)}.font-scale-grid{display:grid;gap:var(--sds-size-space-400);padding:var(--sds-size-space-600);background:var(--muted);border-radius:var(--sds-size-radius-200)}.font-scale-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sds-size-space-200);background:var(--card);border-radius:var(--sds-size-radius-100)}.code-block{padding:var(--sds-size-space-400);overflow-x:auto}.code-block,.implementation-example{background:var(--muted);border-radius:var(--sds-size-radius-200)}.implementation-example{padding:var(--sds-size-space-600)}:root{--toolbar-height:48px;--mobile-bottom-nav-height:calc(var(--sds-size-height-40) + var(--sds-size-space-600) + env(safe-area-inset-bottom, 0px));--mobile-bottom-nav-offset:var(--mobile-bottom-nav-height);--sidebar-width:calc(var(--sds-size-width-sidebar) - var(--sds-size-height-52) - var(--sds-size-height-52) - var(--sds-size-space-400) - var(--sds-size-space-100));--sidebar-expanded-padding:var(--sidebar-slim-padding);--sidebar-expanded-link-padding:var(--sidebar-slim-link-padding);--sidebar-expanded-link-gap:var(--sds-size-space-200);--sidebar-expanded-icon-size:var(--sds-size-space-400);--sidebar-width-slim:calc(var(--sds-size-height-40) + var(--sds-size-space-100));--sidebar-slim-padding:var(--sds-size-space-100);--sidebar-slim-link-padding:var(--sds-size-space-200);--sidebar-slim-icon-size:var(--sds-size-space-400)}.app-layout{display:grid;grid-template-rows:var(--toolbar-height) auto 1fr;grid-template-areas:"toolbar" "banner" "body";height:100vh;height:100dvh;width:100%;overflow:visible}.app-toolbar{grid-area:toolbar;height:var(--toolbar-height);background:var(--card);color:var(--toolbar-foreground);border-bottom:1px solid var(--toolbar-border);display:flex;align-items:center;z-index:100}.app-banners{grid-area:banner;display:flex;flex-direction:column;min-width:0}.app-body{grid-area:body;display:flex;position:relative;overflow-x:hidden;overflow-y:visible;min-height:0}.app-toolbar .action-toolbar,.app-toolbar-content{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:none;background:var(--card);color:var(--toolbar-foreground);gap:0}.toolbar-right-actions{display:flex;align-items:center;height:100%;gap:0}.app-toolbar .toolbar-right-actions>:last-child{border-right:none}.toolbar-button-label{display:inline}@media (max-width:768px){.toolbar-button-label{display:none}}.app-content{flex:1;min-height:0;min-width:0;height:100%;padding:0;overflow-y:auto;overflow-x:visible;position:relative;z-index:1;display:flex;flex-direction:column;contain:none}.app-layout--sidebar-hover .app-content{margin-left:var(--sidebar-width-slim)}.inner-padding-24px{padding:var(--sds-size-space-600)}.app-content--no-padding{padding:0!important}.top-toolbar{height:48px;flex-shrink:0;background-color:var(--accent);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:100}.top-toolbar .action-toolbar{height:100%;padding:0;margin:0;border-bottom:none;gap:0;justify-content:space-between;width:100%}.top-toolbar .toolbar-action-button{width:48px;height:100%;background-color:transparent;border:none;border-left:1px solid var(--secondary);border-radius:0;padding:0;margin:0;cursor:pointer;color:var(--foreground);font-size:24px;line-height:48px;text-align:center;display:flex;align-items:center;justify-content:center}.top-toolbar .toolbar-action-button:hover{background-color:var(--card);border:none;border-left:1px solid var(--secondary)}.toolbar-action-button svg{width:24px;height:24px}.top-toolbar .toolbar-action-button.with-text{width:auto;padding:0 20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;border-left:1px solid var(--secondary)}@media (max-width:768px){.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden}.app-body{flex:1;min-height:0;overflow:hidden}.app-bottom-nav{height:0;flex-shrink:0;overflow:visible;background:transparent;pointer-events:none}.app-bottom-nav>*{pointer-events:auto}.app-content{height:100%;overflow-y:auto;overflow-x:hidden;padding:0;padding-bottom:var(--mobile-bottom-nav-offset);margin-left:0}.app-layout--no-bottom-nav .app-content{padding-bottom:env(safe-area-inset-bottom,0)}.app-layout--sidebar-hover .app-content{margin-left:0}.inner-padding-24px{padding:0}}.mobile-menu-button{position:fixed;top:0;left:0;z-index:100;background:var(--card);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;transition:background .2s ease}.mobile-menu-button:hover{background:var(--accent)}.mobile-menu-button svg{color:var(--foreground);width:24px;height:24px}.mobile-nav-close-button{position:fixed;top:0;left:0;z-index:1101;background:var(--card);border:none;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;transition:background .2s ease}.mobile-nav-close-button:hover{background:var(--accent)}.mobile-nav-close-button svg{color:var(--foreground);width:24px;height:24px}@media (min-width:768px){.mobile-menu-button,.mobile-nav-close-button{display:none}}.page-layout{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.page-layout-header{margin-bottom:var(--sds-size-space-600);margin-top:var(--sds-size-space-600)}.page-title{font-size:var(--font-size-600);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-weight:700;color:var(--foreground);margin-bottom:var(--sds-size-space-200);word-wrap:break-word;hyphens:auto}.page-description{font-size:var(--font-size-200);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal);color:var(--muted-foreground);max-width:80ch}.page-layout-content{display:flex;flex-direction:column}.page-layout-content:has(.scan-detail-full-height){flex:1;min-height:0}@media (max-width:768px){.page-layout-header{margin-bottom:var(--sds-size-space-400);margin-top:var(--sds-size-space-400)}.page-title{font-size:var(--font-size-500);line-height:var(--line-height-normal)}.page-description{font-size:var(--font-size-100);line-height:var(--line-height-relaxed);max-width:none}}@media (max-width:480px){.page-layout-header{margin-bottom:var(--sds-size-space-300);margin-top:var(--sds-size-space-300)}.page-title{font-size:var(--font-size-400);letter-spacing:var(--letter-spacing-normal)}.page-description{font-size:var(--font-size-75)}}.content-section{margin-bottom:var(--sds-size-space-800);padding:var(--sds-size-space-600);border:var(--sds-size-stroke-border) solid var(--border);border-radius:var(--sds-size-radius-200);background-color:var(--card);overflow:hidden}.content-section-title{margin-bottom:var(--sds-size-space-400)}.content-section-body{display:flex;flex-direction:column;gap:var(--sds-size-space-600);min-height:0}.content-section ol,.content-section ul{padding-left:var(--sds-size-space-800);margin:0;font:var(--font-body-medium)}.content-section ul{list-style-type:disc}.content-section ol{list-style-type:decimal}.content-section ol ul,.content-section ul ul{list-style-type:circle}.content-section ol ul ul,.content-section ul ul ul{list-style-type:square}.content-section .list-disc{list-style-type:disc;padding-left:var(--sds-size-space-800);margin:0}.content-section .list-circle{list-style-type:circle;padding-left:var(--sds-size-space-800);margin:0}@media (max-width:768px){.content-section{margin-bottom:var(--sds-size-space-600);padding:var(--sds-size-space-400)}.content-section-title{margin-bottom:var(--sds-size-space-300)}.content-section ol,.content-section ul{padding-left:var(--sds-size-space-600)}}.circuitds-layout-container{display:grid;grid-template-columns:var(--sidebar-width,280px) 1fr;height:100vh;width:100%;margin:0;padding:0;overflow:hidden;position:relative}.circuitds-main-content{padding:var(--sds-size-space-800);overflow-y:auto;background-color:var(--muted);min-width:0}@media (max-width:768px){.circuitds-layout-container{grid-template-columns:1fr;height:auto;min-height:100vh;min-height:100dvh}.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-400) var(--sds-size-space-400)}.circuit-sidebar{width:min(300px,85vw)}.circuitds-main-content pre{overflow-x:auto;-webkit-overflow-scrolling:touch}.circuitds-main-content .example-showcase{margin:var(--sds-size-space-400) 0}}@media (max-width:480px){.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-300) var(--sds-size-space-300)}.circuit-sidebar{width:min(280px,90vw)}}@media (max-width:768px) and (orientation:landscape){.circuit-sidebar{width:min(340px,70vw)}.circuitds-main-content{padding:calc(env(safe-area-inset-top, 0px) + 48px) var(--sds-size-space-600) var(--sds-size-space-400)}}.button_button_uCVc{padding:var(--sds-size-space-150) var(--sds-size-space-300);border:var(--sds-size-stroke-border) solid transparent;gap:var(--sds-size-space-200);display:inline-flex;min-height:var(--sds-size-height-40);align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:var(--font-size-87);font-weight:600;line-height:1.4;cursor:pointer;transition:background-color ease-linear .12s,color ease-linear .12s,border-color ease-linear .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--sds-size-radius-150);-webkit-tap-highlight-color:transparent}.button_button_primary_uCVc{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 40%,transparent)}.button_button_primary_uCVc:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 0 20px color-mix(in srgb,var(--primary) 60%,transparent)}.button_button_primary_uCVc:active:not(:disabled){background-color:var(--primary-pressed);border-color:var(--primary-pressed);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 30%,transparent)}.button_button_teal_uCVc{background-color:var(--accent);color:var(--foreground);border-color:var(--accent);font-weight:600}.button_button_teal_uCVc:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.button_button_teal_uCVc:active:not(:disabled){background-color:var(--accent-pressed);border-color:var(--accent-pressed)}.button_button_secondary_uCVc{background-color:transparent;color:var(--foreground);border-color:var(--border)}.button_button_secondary_uCVc:hover:not(:disabled){background-color:var(--accent);border-color:var(--ring)}.button_button_secondary_uCVc:active:not(:disabled){background-color:var(--accent-pressed);border-color:var(--border)}.button_button_ghost_uCVc{background-color:transparent;color:var(--primary);border-color:transparent}.button_button_ghost_uCVc:hover:not(:disabled){background-color:var(--primary-subtle)}.button_button_ghost_uCVc:active:not(:disabled){background-color:var(--primary-subtle-pressed)}.button_button_ghost-destructive_uCVc{background-color:transparent;color:var(--destructive);border-color:transparent}.button_button_ghost-destructive_uCVc:hover:not(:disabled){background-color:var(--destructive-subtle)}.button_button_ghost-destructive_uCVc:active:not(:disabled){background-color:var(--destructive-subtle-pressed)}.button_button_destructive_uCVc{background-color:var(--destructive);color:#ffffff;border-color:var(--destructive);font-weight:500}.button_button_destructive_uCVc:hover:not(:disabled){background-color:var(--destructive-hover);border-color:var(--destructive-hover)}.button_button_destructive_uCVc:active:not(:disabled){background-color:var(--destructive-pressed);border-color:var(--destructive-pressed)}.button_button_info_uCVc{background-color:var(--primary-subtle);color:var(--foreground);border-color:transparent}.button_button_info_uCVc:active:not(:disabled),.button_button_info_uCVc:hover:not(:disabled){background-color:var(--primary-subtle-pressed);border-color:transparent}.button_button_filter_uCVc{background-color:var(--muted-hover);color:var(--foreground);border:none;height:100%;padding:var(--sds-size-space-150) var(--sds-size-space-300);font-weight:400;transition:all .15s ease,box-shadow .15s ease;border-radius:var(--sds-size-radius-full)}.button_button_filter_uCVc:active:not(:disabled),.button_button_filter_uCVc:hover:not(:disabled){background-color:var(--accent)}@media (max-width:768px){.button_button_filter_uCVc{padding:var(--sds-size-space-100) var(--sds-size-space-200);font:var(--font-body-small)}}.button_button_toolbar_uCVc{height:100%;padding:0 var(--sds-size-space-400);background-color:transparent;border:none;border-left:1px solid var(--border);border-top:1px solid transparent;border-radius:0;font-size:var(--font-size-75);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--foreground);position:relative;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.button_button_toolbar_uCVc:hover:not(:disabled){background-color:var(--accent);border-top-color:var(--primary)}.button_button_toolbar_uCVc.button-active{background-color:var(--accent-pressed);color:var(--primary);border-top-color:var(--primary)}.button_button_toolbar_prominent_uCVc{background-color:transparent;color:var(--foreground);border-left-color:var(--border)}.button_button_toolbar_prominent_uCVc:hover:not(:disabled){background-color:var(--accent);color:var(--foreground);border-left-color:var(--border)}.button_button_toolbar_prominent_uCVc.button-active{background-color:var(--accent-pressed);color:var(--foreground);border-left-color:var(--border)}.action-toolbar .button_button_toolbar_uCVc,.top-toolbar .action-toolbar .button_button_toolbar_uCVc,.top-toolbar .button_button_toolbar_uCVc{font-size:var(--font-size-75)!important}.app-layout .top-toolbar .action-toolbar .button_button_uCVc.button_button_toolbar_uCVc,.top-toolbar .action-toolbar .button_button_uCVc.button_button_toolbar_uCVc,.top-toolbar .action-toolbar button.button_button_uCVc.button_button_toolbar_uCVc{font-size:.75rem!important;font-size:var(--font-size-75)!important}.button_button_uCVc:disabled{cursor:not-allowed;opacity:.6}.button_button_uCVc:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--ring);outline-offset:2px}.button_button_fullWidth_uCVc{width:100%}@media (max-width:768px){.button_button_mobileFullWidth_uCVc{width:100%}}.circuit-button-xs{padding:var(--sds-size-space-100) var(--sds-size-space-250);min-height:28px;font-size:var(--font-size-75);gap:var(--sds-size-space-150)}.circuit-button-sm{padding:var(--sds-size-space-100) var(--sds-size-space-300);min-height:var(--sds-size-height-32);font-size:var(--font-size-100);line-height:1}.circuit-button-lg{padding:var(--sds-size-space-300) var(--sds-size-space-600);min-height:var(--sds-size-height-48);font-size:var(--font-size-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sds-size-space-200);padding:var(--sds-size-space-150) var(--sds-size-space-300);border:var(--sds-size-stroke-border) solid var(--border);border-radius:var(--sds-size-radius-150);background:var(--card);color:var(--foreground);font-family:var(--font-family-display);font-size:var(--font-size-75);font-weight:500;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);text-decoration:none;cursor:pointer;transition:all ease-linear .1s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:36px;min-width:36px}.btn:hover{background:var(--accent);border-color:var(--primary)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:active{background:var(--accent-pressed);border-color:var(--border);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed);border-color:var(--primary-pressed)}.btn-secondary{background:var(--secondary);color:var(--foreground);border-color:var(--secondary)}.btn-secondary:hover{background:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary:active{background:var(--secondary-pressed);border-color:var(--secondary-pressed)}.btn-teal{background:var(--accent);color:var(--foreground);border-color:var(--accent)}.btn-teal:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-teal:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn-danger{background:var(--destructive);color:var(--primary-foreground);border-color:var(--destructive)}.btn-danger:hover{background:var(--destructive-hover);border-color:var(--destructive-hover)}.btn-danger:active{background:var(--destructive-pressed);border-color:var(--destructive-pressed)}.btn-sm{padding:var(--sds-size-space-100) var(--sds-size-space-200);font-size:var(--font-size-50);min-height:28px;min-width:28px}.btn-lg{padding:var(--sds-size-space-200) var(--sds-size-space-500);font-size:var(--font-size-100);min-height:44px;min-width:44px}@media (max-width:768px){.btn{min-height:48px;min-width:48px;padding:var(--sds-size-space-300) var(--sds-size-space-500);font-size:var(--font-size-100)}.btn-sm{min-height:40px;min-width:40px;padding:var(--sds-size-space-200) var(--sds-size-space-400);font-size:var(--font-size-75)}.btn-lg{min-height:56px;min-width:56px;padding:var(--sds-size-space-400) var(--sds-size-space-700);font-size:var(--font-size-150)}.btn:active{transform:scale(.98)}}@media (max-width:480px){.btn{min-height:52px;padding:var(--sds-size-space-400) var(--sds-size-space-600)}.btn-sm{min-height:44px;padding:var(--sds-size-space-300) var(--sds-size-space-500)}.btn-lg{min-height:60px;padding:var(--sds-size-space-500) var(--sds-size-space-800)}}.btn-group{display:flex;gap:var(--sds-size-space-200);flex-wrap:wrap}@media (max-width:480px){.btn-group{flex-direction:column;gap:var(--sds-size-space-300)}.btn-group .btn{width:100%}}.icon-button_base{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--sds-size-radius-100);cursor:pointer;transition:all ease-linear .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-family-display);font-weight:500}.icon-button_primary{background-color:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.icon-button_primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.icon-button_primary:active:not(:disabled){background-color:var(--primary-pressed);border-color:var(--primary-pressed)}.icon-button_secondary{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.icon-button_secondary:hover:not(:disabled){background-color:var(--accent);border-color:var(--ring)}.icon-button_secondary:active:not(:disabled){background-color:var(--accent-pressed);border-color:var(--border)}.icon-button_destructive{background-color:var(--destructive-subtle);color:var(--destructive);border:1px solid transparent}.icon-button_destructive:active:not(:disabled),.icon-button_destructive:hover:not(:disabled){background-color:var(--destructive-subtle-pressed);color:var(--destructive)}.icon-button_ghost{background-color:transparent!important;color:var(--primary)!important;border:1px solid transparent!important}.icon-button_ghost:hover:not(:disabled){background-color:transparent!important;color:var(--primary-hover)!important}.icon-button_ghost:active:not(:disabled){background-color:var(--primary-subtle)!important}.icon-button_on-surface{background-color:transparent;color:var(--primary);border:none;border-radius:var(--sds-size-radius-full)}.icon-button_on-surface:hover:not(:disabled){background-color:var(--accent);color:var(--primary-hover)}.icon-button_on-surface:active:not(:disabled){background-color:var(--accent-pressed);color:var(--primary)}.icon-button_on-surface.icon-button_active{background-color:transparent;color:var(--primary)}.icon-button_on-surface.icon-button_active:hover:not(:disabled){background-color:var(--accent);color:var(--primary)}.icon-button_filter{background-color:var(--card);color:var(--foreground);border:var(--sds-size-stroke-border) solid var(--border)}.icon-button_filter:hover:not(:disabled){background-color:var(--accent,var(--accent));border-color:var(--primary);box-shadow:0 0 0 3px var(--secondary-subtle)}.icon-button_filter:active:not(:disabled){background-color:var(--muted);border-color:var(--border)}.icon-button_sm{width:20px;height:20px;padding:0;font-size:10px;display:flex;align-items:center;justify-content:center}.icon-button_md{width:32px;height:32px;padding:0;font-size:14px}.icon-button_lg{width:40px;height:40px;padding:0;font-size:16px}.icon-button_base.icon-button_active{background-color:var(--accent-pressed);color:var(--primary)}.icon-button_base:disabled{cursor:not-allowed;opacity:.6}.icon-button_base:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--ring);outline-offset:2px}@media (max-width:768px){.icon-button_sm{width:28px;height:28px}.icon-button_md{width:36px;height:36px}.icon-button_lg{width:44px;height:44px}}.circuit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-modal);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sds-size-space-400)}.circuit-modal{background:var(--card);border-radius:var(--sds-size-radius-200);border:var(--sds-size-stroke-border) solid var(--border);padding:var(--sds-size-space-800);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 var(--sds-size-space-300) var(--sds-size-space-800) rgba(0,0,0,.3)}.circuit-modal-title{font:var(--font-heading);color:var(--primary);margin-bottom:var(--sds-size-space-600);text-align:center}.circuit-form{display:flex;flex-direction:column;gap:var(--sds-size-space-600);width:100%;max-width:600px}.circuit-form-row{display:flex;gap:var(--sds-size-space-400)}.circuit-form-actions{display:flex;justify-content:flex-end;gap:var(--sds-size-space-300);padding-top:var(--sds-size-space-400);margin-top:var(--sds-size-space-400);border-top:1px solid var(--border)}.modal-content .circuit-form-actions .button_button_primary_uCVc{background-color:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-foreground)!important}.modal-content .circuit-form-actions .button_button_primary_uCVc:hover:not(:disabled){background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.circuit-input{position:relative;display:block;width:100%;padding:var(--sds-size-space-300) var(--sds-size-space-400);font:var(--font-input);color:var(--foreground);background-color:var(--card);border:var(--sds-size-stroke-border) solid var(--border);border-radius:var(--sds-size-radius-200);outline:none;transition:all .15s ease-in-out;min-height:var(--sds-size-height-44)}.circuit-input::-moz-placeholder{color:var(--muted-foreground);opacity:.8}.circuit-input::placeholder{color:var(--muted-foreground);opacity:.8}input.circuit-input:hover:not(:disabled):not(:focus){border-color:var(--primary);background-color:var(--accent)}.circuit-input:focus{border-color:var(--ring);background-color:var(--card);outline:none}.circuit-input:disabled{background-color:var(--muted);border-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.7}.circuit-input[type=file]{padding:var(--sds-size-space-200) var(--sds-size-space-400);cursor:pointer}input.circuit-input[type=file]:hover:not(:disabled){border-color:var(--primary);background-color:var(--accent)}.circuit-input[type=number]{-moz-appearance:textfield}.circuit-input[type=number]::-webkit-inner-spin-button,.circuit-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.circuit-input.error{border-color:var(--destructive);background-color:var(--destructive-subtle)}.circuit-input.error:focus{border-color:var(--destructive);box-shadow:0 0 0 var(--sds-size-stroke-focus-ring) var(--destructive-subtle)}.circuit-error-text{color:var(--destructive);font:var(--font-body-small);margin-top:var(--sds-size-space-100);font-size:.875rem;font-weight:500}.circuit-input-sm{padding:var(--sds-size-space-200) var(--sds-size-space-300);min-height:var(--sds-size-height-36);font-size:.875rem}.circuit-input-lg{padding:var(--sds-size-space-400) var(--sds-size-space-600);min-height:var(--sds-size-height-52);font-size:1.125rem}.circuit-label{font:var(--font-body-strong);color:var(--foreground);margin-bottom:var(--sds-size-space-200);display:block;font-weight:600}.circuit-label.required:after{content:"*";color:var(--destructive);margin-left:var(--sds-size-space-100)}.circuit-field{display:flex;flex-direction:column;gap:var(--sds-size-space-200);width:100%}.circuit-field-hint{font:var(--font-body-small);color:var(--muted-foreground);margin-top:var(--sds-size-space-100)}.form-description-group{display:flex;flex-direction:column;gap:var(--sds-size-space-100)}.form-group{display:flex;flex-direction:column;gap:var(--sds-size-space-200);margin-bottom:var(--sds-size-space-500)}.form-label{font-family:var(--font-family-display);font-size:var(--font-size-75);font-weight:600;color:var(--foreground);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--sds-size-space-300) var(--sds-size-space-400);border:var(--sds-size-stroke-border) solid var(--border);border-radius:var(--sds-size-radius-150);background:var(--card);color:var(--foreground);font-family:var(--font-family-sans);font-size:var(--font-size-100);line-height:var(--line-height-normal);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;min-height:48px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--primary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--muted)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--sds-size-space-300) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--sds-size-space-800)}.form-error{font-size:var(--font-size-75);color:var(--destructive);display:flex;align-items:center;gap:var(--sds-size-space-100)}.form-error,.form-help{margin-top:var(--sds-size-space-100)}.form-help{font-size:var(--font-size-50);color:var(--muted-foreground)}.form-row{display:flex;gap:var(--sds-size-space-400);align-items:end}.form-inline{display:flex;align-items:center;gap:var(--sds-size-space-300)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--destructive)}.form-input--success,.form-select--success,.form-textarea--success{border-color:var(--success)}.form-checkbox,.form-radio{width:20px;height:20px;border:var(--sds-size-stroke-border) solid var(--border);background:var(--card);cursor:pointer;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.form-checkbox{border-radius:var(--sds-size-radius-100)}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background:var(--primary);border-color:var(--primary)}.form-checkbox:checked:after{content:"✓";position:absolute;color:var(--primary-foreground);font-size:14px;font-weight:700}.form-radio:checked:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary-foreground)}.form-check-group{display:flex;align-items:center;gap:var(--sds-size-space-300);cursor:pointer}.form-check-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1}.form-file{border:2px dashed var(--border);border-radius:var(--sds-size-radius-200);padding:var(--sds-size-space-600);text-align:center;background:var(--muted);cursor:pointer;transition:all .15s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sds-size-space-300)}.form-file:hover{border-color:var(--primary);background:var(--accent)}.form-file-input{display:none}.form-search{position:relative}.form-search-input{padding-left:var(--sds-size-space-800)}.form-search-icon{position:absolute;left:var(--sds-size-space-300);top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}@media (max-width:768px){.form-group{gap:var(--sds-size-space-300);margin-bottom:var(--sds-size-space-600)}.form-input,.form-select,.form-textarea{padding:var(--sds-size-space-400) var(--sds-size-space-500);font-size:var(--font-size-100);min-height:52px}.form-textarea{min-height:140px}.form-label{font-size:var(--font-size-100)}.form-row{flex-direction:column;gap:var(--sds-size-space-400)}.form-inline{flex-direction:column;align-items:stretch;gap:var(--sds-size-space-200)}.form-checkbox,.form-radio{min-width:48px;min-height:48px}.form-file{min-height:140px;padding:var(--sds-size-space-800)}}@media (max-width:480px){.form-group{margin-bottom:var(--sds-size-space-700)}.form-input,.form-select,.form-textarea{min-height:56px;padding:var(--sds-size-space-500) var(--sds-size-space-600)}.form-file,.form-textarea{min-height:160px}.form-file{padding:var(--sds-size-space-900)}}@media (hover:none) and (pointer:coarse){.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 4px var(--accent-subtle)}}.dropdown{position:relative;display:inline-block;height:100%}.dropdown-trigger,.sidebar__footer .dropdown,.sidebar__item .dropdown{display:block;width:100%}.dropdown-trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;height:100%}.dropdown-trigger:focus-visible{outline:var(--sds-size-stroke-focus-ring) solid var(--ring);outline-offset:2px;border-radius:var(--sds-size-radius-100)}.dropdown-menu{position:absolute;top:100%;z-index:1000;width:-moz-max-content;width:max-content;max-width:400px;max-height:75vh;margin-top:var(--sds-size-space-100);background-color:var(--card);border:var(--sds-size-stroke-border) solid var(--border);border-radius:var(--sds-size-radius-200);box-shadow:var(--shadow-md);overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:dropdown-fade-in .15s ease-out}.dropdown-menu--portal{position:fixed;top:auto;left:auto;right:auto;bottom:auto;margin-top:0;margin-left:0;box-shadow:var(--shadow-lg)}.dropdown-menu--frosted{background:var(--glass);border-color:var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.dropdown-menu--frosted .dropdown-list{padding:0}.dropdown-menu--frosted .dropdown-item{border-radius:0;transition:background-color .12s ease-out,color .12s ease-out}.dropdown-menu--frosted .dropdown-item:focus-visible,.dropdown-menu--frosted .dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--glass-row-hover);color:var(--foreground)}.dropdown-menu--frosted .dropdown-item:active:not(.dropdown-item--disabled){background-color:var(--glass-row-pressed)}.dropdown-menu--frosted .dropdown-item--destructive:focus-visible,.dropdown-menu--frosted .dropdown-item--destructive:hover:not(.dropdown-item--disabled){background-color:var(--glass-row-destructive-hover);color:var(--destructive)}.dropdown-menu--frosted .dropdown-item--destructive:active:not(.dropdown-item--disabled){background-color:var(--glass-row-destructive-hover)}.dropdown-menu--frosted .dropdown-search-input{background:transparent;border-bottom-color:var(--glass-border)}.dropdown-menu--muted{background-color:var(--muted)}.dropdown-menu--fill-available{display:flex;flex-direction:column;max-height:none;box-shadow:var(--shadow-md);overflow:hidden}.dropdown-menu--fill-available .dropdown-list{flex:1;min-height:0;overflow-y:auto}.dropdown-sticky-header{flex-shrink:0;padding:var(--sds-size-space-300);border-bottom:var(--sds-size-stroke-border) solid var(--border);color:var(--foreground)}.dropdown-menu::-webkit-scrollbar{width:var(--sds-size-space-200)}.dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:var(--sds-size-space-100) 0}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--sds-size-radius-100);border:2px solid transparent;background-clip:padding-box}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary);background-clip:padding-box}.dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.dropdown-menu--left{left:0}.dropdown-menu--right{right:0}.dropdown-menu--side-right:not(.dropdown-menu--portal){top:auto;bottom:0;left:100%;margin-top:0;margin-left:var(--sds-size-space-300);box-shadow:var(--shadow-md)}.dropdown-list{list-style:none;margin:0;padding:var(--sds-size-space-100) 0}.dropdown-header{padding:var(--sds-size-space-300);color:var(--foreground)}.dropdown-section-label{padding:var(--sds-size-space-200) var(--sds-size-space-300) var(--sds-size-space-100);color:var(--muted-foreground);font:var(--font-body-small-strong);text-transform:uppercase;letter-spacing:.08em}.dropdown-separator{height:var(--sds-size-stroke-border);margin:var(--sds-size-space-100) 0;background:var(--border)}.dropdown-item{display:flex;align-items:center;gap:var(--sds-size-space-200);padding:var(--sds-size-space-200) var(--sds-size-space-300);min-height:var(--sds-size-height-40);color:var(--foreground);text-decoration:none;font:var(--font-body-base);transition:background-color .12s ease-out,color .12s ease-out;cursor:pointer;outline:none}.dropdown-item:focus-visible,.dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--muted);color:var(--foreground)}.dropdown-menu--muted .dropdown-item:focus-visible,.dropdown-menu--muted .dropdown-item:hover:not(.dropdown-item--disabled){background-color:var(--muted-hover)}.dropdown-item--destructive{color:var(--muted-foreground)}.dropdown-item--destructive .dropdown-item-icon{color:var(--destructive)}.dropdown-item--destructive:focus-visible,.dropdown-item--destructive:hover:not(.dropdown-item--disabled){background-color:var(--destructive-subtle);color:var(--destructive)}.dropdown-item:active:not(.dropdown-item--disabled){background-color:var(--accent-pressed)}.dropdown-item--disabled{color:var(--muted-foreground);cursor:not-allowed}.dropdown-item--disabled .dropdown-item-icon{color:inherit}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:var(--sds-size-icon-small);height:var(--sds-size-icon-small);flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu--searchable{display:flex;flex-direction:column;overflow:hidden}.dropdown-menu--searchable .dropdown-search-input{border-radius:calc(var(--sds-size-radius-200) - var(--sds-size-stroke-border)) calc(var(--sds-size-radius-200) - var(--sds-size-stroke-border)) 0 0}.dropdown-menu--searchable .dropdown-search-input:focus{outline:none;box-shadow:none;border:none;border-bottom:var(--sds-size-stroke-border) solid var(--ring);background-color:var(--muted-hover)}.dropdown-menu--searchable.dropdown-menu--frosted .dropdown-search-input:focus{background:transparent}.dropdown-menu--searchable .dropdown-list{overflow-y:auto;flex:1;min-height:0}.dropdown-search-input{display:block;width:100%;flex-shrink:0;box-sizing:border-box;padding:var(--sds-size-space-200) var(--sds-size-space-300);min-height:var(--sds-size-height-40);font:var(--font-body-base);color:var(--foreground);background-color:var(--muted-hover);border:none;border-bottom:var(--sds-size-stroke-border) solid var(--border);border-radius:0;outline:none;box-shadow:none;transition:background-color .12s ease-out}.dropdown-search-input:focus{background-color:var(--accent);border-bottom-color:var(--border);outline:none;box-shadow:none}.dropdown-search-input::-moz-placeholder{color:var(--muted-foreground)}.dropdown-search-input::placeholder{color:var(--muted-foreground)}.dropdown-empty{padding:var(--sds-size-space-400);text-align:center;color:var(--muted-foreground);font:var(--font-body-small)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}