/*!
 * UI Style Kit CSS v2.7.1
 * CSS theme and UI style preset library.
 * License: MIT
 */

@layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout, ui-style-kit.clean_defaults;

/* styles/theme-colors.css */
/* =========================================================
   UI Style Kit CSS - Shared Theme Color Roles
   Defines active scheme and mode colors once for every UI preset.
========================================================= */

@layer ui-style-kit.theme_colors {
/**
 * Optional text inks let bright palette fills retain their color without making
 * text on neutral surfaces unreadable. Initial values preserve preset colors and
 * prevent an outer palette's text override from leaking into a nested UI root.
 */
:where([data-ui]) {
  --usk-primary-ink: initial;
  --usk-accent-ink: initial;
}

/* Shared RGB roles keep visual presets focused on layout, texture, and component treatment. */
:where([data-ui][data-mode="light"]) {
  /* Keep vivid fills intact while using the darker link role for text treatments. */
  --usk-primary-ink: rgb(var(--usk-link-rgb));
  --usk-accent-ink: rgb(var(--usk-link-rgb));
  --usk-border-text-mix: 45%;
  --usk-border-min-alpha: 1;
}

:where([data-ui][data-mode="dark"], [data-ui][data-mode="contrast"]) {
  /* Foreground-only semantic accents must never fall back to a fill color. */
  --usk-primary-ink: rgb(var(--usk-link-rgb));
  --usk-accent-ink: rgb(var(--usk-link-rgb));
  --usk-border-text-mix: 0%;
  --usk-border-min-alpha: 0;
}

:where([data-ui][data-theme="midnight-gold"][data-mode="light"]) {
  --usk-bg-rgb: 246 243 234;
  --usk-surface-rgb: 255 250 240;
  --usk-surface-strong-rgb: 255 255 255;
  --usk-surface-soft-rgb: 237 230 211;
  --usk-text-rgb: 23 32 51;
  --usk-text-muted-rgb: 95 104 121;
  --usk-border-rgb: 214 200 165;
  --usk-primary-rgb: 184 135 47;
  --usk-primary-hover-rgb: 162 118 38;
  --usk-primary-text-rgb: 16 16 16;
  --usk-secondary-rgb: 34 49 79;
  --usk-secondary-hover-rgb: 23 36 60;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 217 164 65;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 167 106 0;
  --usk-danger-rgb: 185 63 63;
  --usk-link-rgb: 132 94 27;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 217 164 65;
}

:where([data-ui][data-theme="midnight-gold"][data-mode="dark"]) {
  --usk-bg-rgb: 7 17 31;
  --usk-surface-rgb: 16 27 45;
  --usk-surface-strong-rgb: 23 36 58;
  --usk-surface-soft-rgb: 12 22 39;
  --usk-text-rgb: 247 237 215;
  --usk-text-muted-rgb: 185 192 204;
  --usk-border-rgb: 57 72 97;
  --usk-primary-rgb: 214 168 79;
  --usk-primary-hover-rgb: 240 200 109;
  --usk-primary-text-rgb: 16 16 16;
  --usk-secondary-rgb: 111 134 184;
  --usk-secondary-hover-rgb: 146 167 209;
  --usk-secondary-text-rgb: 8 16 29;
  --usk-accent-rgb: 243 210 122;
  --usk-success-rgb: 107 214 156;
  --usk-warning-rgb: 255 203 91;
  --usk-danger-rgb: 255 123 123;
  --usk-link-rgb: 243 210 122;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 214 107;
}

:where([data-ui][data-theme="midnight-gold"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 8 8 8;
  --usk-surface-strong-rgb: 17 17 17;
  --usk-surface-soft-rgb: 5 5 5;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 245 245 245;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 212 0;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 217 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 234 0;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 191 0;
  --usk-danger-rgb: 255 77 77;
  --usk-link-rgb: 0 217 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="ocean-steel"][data-mode="light"]) {
  --usk-bg-rgb: 238 248 251;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 248 253 255;
  --usk-surface-soft-rgb: 220 236 242;
  --usk-text-rgb: 16 36 46;
  --usk-text-muted-rgb: 78 101 112;
  --usk-border-rgb: 184 211 221;
  --usk-primary-rgb: 8 125 157;
  --usk-primary-hover-rgb: 6 100 126;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 57 86 107;
  --usk-secondary-hover-rgb: 44 67 84;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 21 184 200;
  --usk-success-rgb: 38 122 92;
  --usk-warning-rgb: 167 101 0;
  --usk-danger-rgb: 182 70 70;
  --usk-link-rgb: 6 100 126;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 21 184 200;
}

:where([data-ui][data-theme="ocean-steel"][data-mode="dark"]) {
  --usk-bg-rgb: 6 22 29;
  --usk-surface-rgb: 13 37 48;
  --usk-surface-strong-rgb: 20 52 66;
  --usk-surface-soft-rgb: 8 29 38;
  --usk-text-rgb: 233 251 255;
  --usk-text-muted-rgb: 167 192 201;
  --usk-border-rgb: 49 86 102;
  --usk-primary-rgb: 54 196 221;
  --usk-primary-hover-rgb: 115 227 244;
  --usk-primary-text-rgb: 4 18 22;
  --usk-secondary-rgb: 140 183 201;
  --usk-secondary-hover-rgb: 178 213 226;
  --usk-secondary-text-rgb: 6 22 29;
  --usk-accent-rgb: 83 240 255;
  --usk-success-rgb: 103 216 166;
  --usk-warning-rgb: 255 192 97;
  --usk-danger-rgb: 255 123 123;
  --usk-link-rgb: 115 227 244;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 83 240 255;
}

:where([data-ui][data-theme="ocean-steel"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 8 10;
  --usk-surface-rgb: 0 16 20;
  --usk-surface-strong-rgb: 0 26 32;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 234 255 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 0 229 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 255 0;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 0 255 255;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 208 0;
  --usk-danger-rgb: 255 59 59;
  --usk-link-rgb: 0 229 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="forest-moss"][data-mode="light"]) {
  --usk-bg-rgb: 242 247 239;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 251 255 248;
  --usk-surface-soft-rgb: 226 234 219;
  --usk-text-rgb: 24 36 23;
  --usk-text-muted-rgb: 88 104 82;
  --usk-border-rgb: 197 211 186;
  --usk-primary-rgb: 63 125 58;
  --usk-primary-hover-rgb: 47 97 43;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 106 95 56;
  --usk-secondary-hover-rgb: 81 73 43;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 156 186 82;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 154 106 0;
  --usk-danger-rgb: 173 69 69;
  --usk-link-rgb: 47 97 43;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 156 186 82;
}

:where([data-ui][data-theme="forest-moss"][data-mode="dark"]) {
  --usk-bg-rgb: 7 16 6;
  --usk-surface-rgb: 16 28 15;
  --usk-surface-strong-rgb: 26 42 24;
  --usk-surface-soft-rgb: 11 22 10;
  --usk-text-rgb: 237 247 232;
  --usk-text-muted-rgb: 180 197 173;
  --usk-border-rgb: 61 83 56;
  --usk-primary-rgb: 130 210 122;
  --usk-primary-hover-rgb: 162 237 153;
  --usk-primary-text-rgb: 7 16 6;
  --usk-secondary-rgb: 210 189 114;
  --usk-secondary-hover-rgb: 239 217 139;
  --usk-secondary-text-rgb: 20 16 6;
  --usk-accent-rgb: 185 239 107;
  --usk-success-rgb: 117 223 167;
  --usk-warning-rgb: 255 210 99;
  --usk-danger-rgb: 255 133 133;
  --usk-link-rgb: 162 237 153;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 185 239 107;
}

:where([data-ui][data-theme="forest-moss"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 7 16 7;
  --usk-surface-strong-rgb: 11 25 11;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 240 255 240;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 108 255 95;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 223 0;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 182 255 0;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 208 0;
  --usk-danger-rgb: 255 64 64;
  --usk-link-rgb: 108 255 95;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="sunset-ember"][data-mode="light"]) {
  --usk-bg-rgb: 255 244 236;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 255 250 246;
  --usk-surface-soft-rgb: 244 222 210;
  --usk-text-rgb: 42 23 17;
  --usk-text-muted-rgb: 118 88 77;
  --usk-border-rgb: 227 189 170;
  --usk-primary-rgb: 196 81 43;
  --usk-primary-hover-rgb: 159 63 32;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 124 63 92;
  --usk-secondary-hover-rgb: 97 48 71;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 230 154 58;
  --usk-success-rgb: 49 122 87;
  --usk-warning-rgb: 184 111 0;
  --usk-danger-rgb: 189 61 61;
  --usk-link-rgb: 159 63 32;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 230 154 58;
}

:where([data-ui][data-theme="sunset-ember"][data-mode="dark"]) {
  --usk-bg-rgb: 23 9 5;
  --usk-surface-rgb: 38 17 11;
  --usk-surface-strong-rgb: 53 25 18;
  --usk-surface-soft-rgb: 30 12 7;
  --usk-text-rgb: 255 240 232;
  --usk-text-muted-rgb: 208 177 165;
  --usk-border-rgb: 106 59 45;
  --usk-primary-rgb: 255 138 91;
  --usk-primary-hover-rgb: 255 173 138;
  --usk-primary-text-rgb: 26 8 3;
  --usk-secondary-rgb: 227 138 181;
  --usk-secondary-hover-rgb: 255 175 208;
  --usk-secondary-text-rgb: 26 7 18;
  --usk-accent-rgb: 255 193 102;
  --usk-success-rgb: 112 215 163;
  --usk-warning-rgb: 255 209 102;
  --usk-danger-rgb: 255 119 119;
  --usk-link-rgb: 255 173 138;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 193 102;
}

:where([data-ui][data-theme="sunset-ember"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 18 4 0;
  --usk-surface-strong-rgb: 29 7 0;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 245 239;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 106 0;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 79 184;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 208 0;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 191 0;
  --usk-danger-rgb: 255 48 48;
  --usk-link-rgb: 255 157 0;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="royal-plum"][data-mode="light"]) {
  --usk-bg-rgb: 248 241 251;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 253 248 255;
  --usk-surface-soft-rgb: 234 220 240;
  --usk-text-rgb: 36 21 45;
  --usk-text-muted-rgb: 105 86 113;
  --usk-border-rgb: 213 187 221;
  --usk-primary-rgb: 123 63 160;
  --usk-primary-hover-rgb: 99 49 127;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 63 76 154;
  --usk-secondary-hover-rgb: 48 58 119;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 192 90 198;
  --usk-success-rgb: 49 124 92;
  --usk-warning-rgb: 166 106 0;
  --usk-danger-rgb: 183 65 95;
  --usk-link-rgb: 99 49 127;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 192 90 198;
}

:where([data-ui][data-theme="royal-plum"][data-mode="dark"]) {
  --usk-bg-rgb: 16 6 20;
  --usk-surface-rgb: 29 16 36;
  --usk-surface-strong-rgb: 42 23 52;
  --usk-surface-soft-rgb: 22 11 27;
  --usk-text-rgb: 250 236 255;
  --usk-text-muted-rgb: 200 176 209;
  --usk-border-rgb: 85 57 100;
  --usk-primary-rgb: 216 145 242;
  --usk-primary-hover-rgb: 235 184 255;
  --usk-primary-text-rgb: 19 6 23;
  --usk-secondary-rgb: 157 168 255;
  --usk-secondary-hover-rgb: 195 202 255;
  --usk-secondary-text-rgb: 8 11 31;
  --usk-accent-rgb: 255 156 246;
  --usk-success-rgb: 118 220 169;
  --usk-warning-rgb: 255 209 102;
  --usk-danger-rgb: 255 122 156;
  --usk-link-rgb: 235 184 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 156 246;
}

:where([data-ui][data-theme="royal-plum"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 16 0 20;
  --usk-surface-strong-rgb: 26 0 34;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 240 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 228 92 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 217 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 0 245;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 225 0;
  --usk-danger-rgb: 255 63 110;
  --usk-link-rgb: 228 92 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="graphite-cyan"][data-mode="light"]) {
  --usk-bg-rgb: 242 245 246;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 249 251 252;
  --usk-surface-soft-rgb: 225 231 234;
  --usk-text-rgb: 23 29 33;
  --usk-text-muted-rgb: 93 104 112;
  --usk-border-rgb: 197 206 212;
  --usk-primary-rgb: 0 124 137;
  --usk-primary-hover-rgb: 0 99 110;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 63 72 80;
  --usk-secondary-hover-rgb: 47 54 60;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 34 184 199;
  --usk-success-rgb: 40 122 91;
  --usk-warning-rgb: 167 103 0;
  --usk-danger-rgb: 182 64 64;
  --usk-link-rgb: 0 99 110;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 34 184 199;
}

:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
  --usk-bg-rgb: 8 11 13;
  --usk-surface-rgb: 18 24 28;
  --usk-surface-strong-rgb: 28 37 43;
  --usk-surface-soft-rgb: 13 17 20;
  --usk-text-rgb: 237 246 248;
  --usk-text-muted-rgb: 174 187 193;
  --usk-border-rgb: 59 72 79;
  --usk-primary-rgb: 62 217 232;
  --usk-primary-hover-rgb: 123 243 255;
  --usk-primary-text-rgb: 6 16 18;
  --usk-secondary-rgb: 170 181 188;
  --usk-secondary-hover-rgb: 210 219 224;
  --usk-secondary-text-rgb: 8 11 13;
  --usk-accent-rgb: 123 243 255;
  --usk-success-rgb: 110 218 165;
  --usk-warning-rgb: 255 200 97;
  --usk-danger-rgb: 255 125 125;
  --usk-link-rgb: 123 243 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 62 217 232;
}

:where([data-ui][data-theme="graphite-cyan"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 7 7 7;
  --usk-surface-strong-rgb: 17 17 17;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 245 245 245;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 0 240 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 242 242 242;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 0 240 255;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 208 0;
  --usk-danger-rgb: 255 64 64;
  --usk-link-rgb: 0 240 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="desert-sage"][data-mode="light"]) {
  --usk-bg-rgb: 248 242 231;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 255 250 241;
  --usk-surface-soft-rgb: 234 223 205;
  --usk-text-rgb: 43 36 25;
  --usk-text-muted-rgb: 107 97 78;
  --usk-border-rgb: 215 198 167;
  --usk-primary-rgb: 140 106 61;
  --usk-primary-hover-rgb: 112 83 47;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 95 118 85;
  --usk-secondary-hover-rgb: 72 92 64;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 201 151 74;
  --usk-success-rgb: 81 125 72;
  --usk-warning-rgb: 166 107 0;
  --usk-danger-rgb: 174 74 63;
  --usk-link-rgb: 112 83 47;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 201 151 74;
}

:where([data-ui][data-theme="desert-sage"][data-mode="dark"]) {
  --usk-bg-rgb: 18 15 9;
  --usk-surface-rgb: 33 27 18;
  --usk-surface-strong-rgb: 47 40 27;
  --usk-surface-soft-rgb: 25 20 13;
  --usk-text-rgb: 248 239 223;
  --usk-text-muted-rgb: 199 186 163;
  --usk-border-rgb: 91 78 56;
  --usk-primary-rgb: 217 184 120;
  --usk-primary-hover-rgb: 240 211 154;
  --usk-primary-text-rgb: 21 16 6;
  --usk-secondary-rgb: 168 206 153;
  --usk-secondary-hover-rgb: 200 233 187;
  --usk-secondary-text-rgb: 9 20 7;
  --usk-accent-rgb: 241 196 110;
  --usk-success-rgb: 141 219 125;
  --usk-warning-rgb: 255 209 102;
  --usk-danger-rgb: 255 136 122;
  --usk-link-rgb: 240 211 154;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 241 196 110;
}

:where([data-ui][data-theme="desert-sage"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 15 11 3;
  --usk-surface-strong-rgb: 26 18 5;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 248 232;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 209 102;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 157 255 107;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 176 0;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 225 0;
  --usk-danger-rgb: 255 77 77;
  --usk-link-rgb: 255 209 102;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="rose-quartz"][data-mode="light"]) {
  --usk-bg-rgb: 255 242 245;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 255 248 250;
  --usk-surface-soft-rgb: 242 220 227;
  --usk-text-rgb: 43 21 29;
  --usk-text-muted-rgb: 118 90 99;
  --usk-border-rgb: 223 184 198;
  --usk-primary-rgb: 184 71 109;
  --usk-primary-hover-rgb: 150 55 87;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 122 85 126;
  --usk-secondary-hover-rgb: 96 65 99;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 223 125 157;
  --usk-success-rgb: 49 122 92;
  --usk-warning-rgb: 166 106 0;
  --usk-danger-rgb: 189 63 85;
  --usk-link-rgb: 150 55 87;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 223 125 157;
}

:where([data-ui][data-theme="rose-quartz"][data-mode="dark"]) {
  --usk-bg-rgb: 22 7 12;
  --usk-surface-rgb: 37 16 24;
  --usk-surface-strong-rgb: 53 24 36;
  --usk-surface-soft-rgb: 28 11 17;
  --usk-text-rgb: 255 240 244;
  --usk-text-muted-rgb: 210 174 185;
  --usk-border-rgb: 101 55 71;
  --usk-primary-rgb: 255 143 179;
  --usk-primary-hover-rgb: 255 182 205;
  --usk-primary-text-rgb: 24 6 13;
  --usk-secondary-rgb: 217 160 223;
  --usk-secondary-hover-rgb: 239 194 244;
  --usk-secondary-text-rgb: 22 6 24;
  --usk-accent-rgb: 255 173 197;
  --usk-success-rgb: 119 219 169;
  --usk-warning-rgb: 255 209 102;
  --usk-danger-rgb: 255 120 144;
  --usk-link-rgb: 255 182 205;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 173 197;
}

:where([data-ui][data-theme="rose-quartz"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 18 0 6;
  --usk-surface-strong-rgb: 32 0 13;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 240 245;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 79 147;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 240 0 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 138 179;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 225 0;
  --usk-danger-rgb: 255 48 48;
  --usk-link-rgb: 255 138 179;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="cyber-lime"][data-mode="light"]) {
  --usk-bg-rgb: 244 250 237;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 251 255 246;
  --usk-surface-soft-rgb: 226 239 211;
  --usk-text-rgb: 23 34 20;
  --usk-text-muted-rgb: 89 105 82;
  --usk-border-rgb: 198 216 179;
  --usk-primary-rgb: 95 159 31;
  --usk-primary-hover-rgb: 86 145 26;
  --usk-primary-text-rgb: 16 16 16;
  --usk-secondary-rgb: 20 127 134;
  --usk-secondary-hover-rgb: 14 98 104;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 164 215 46;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 156 104 0;
  --usk-danger-rgb: 179 65 65;
  --usk-link-rgb: 65 112 19;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 164 215 46;
}

:where([data-ui][data-theme="cyber-lime"][data-mode="dark"]) {
  --usk-bg-rgb: 5 11 5;
  --usk-surface-rgb: 13 24 12;
  --usk-surface-strong-rgb: 22 37 21;
  --usk-surface-soft-rgb: 8 17 8;
  --usk-text-rgb: 239 255 233;
  --usk-text-muted-rgb: 180 199 173;
  --usk-border-rgb: 57 82 54;
  --usk-primary-rgb: 168 255 61;
  --usk-primary-hover-rgb: 202 255 127;
  --usk-primary-text-rgb: 6 16 5;
  --usk-secondary-rgb: 61 235 242;
  --usk-secondary-hover-rgb: 134 248 255;
  --usk-secondary-text-rgb: 3 16 18;
  --usk-accent-rgb: 198 255 77;
  --usk-success-rgb: 111 240 168;
  --usk-warning-rgb: 255 218 98;
  --usk-danger-rgb: 255 119 119;
  --usk-link-rgb: 202 255 127;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 168 255 61;
}

:where([data-ui][data-theme="cyber-lime"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 5 11 0;
  --usk-surface-strong-rgb: 11 22 0;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 244 255 232;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 170 255 0;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 240 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 204 255 0;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 225 0;
  --usk-danger-rgb: 255 48 48;
  --usk-link-rgb: 170 255 0;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="arctic-indigo"][data-mode="light"]) {
  --usk-bg-rgb: 241 245 255;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 248 251 255;
  --usk-surface-soft-rgb: 223 231 246;
  --usk-text-rgb: 20 27 46;
  --usk-text-muted-rgb: 88 100 122;
  --usk-border-rgb: 190 203 227;
  --usk-primary-rgb: 64 94 184;
  --usk-primary-hover-rgb: 49 72 148;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 46 125 157;
  --usk-secondary-hover-rgb: 35 97 122;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 123 147 232;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 166 106 0;
  --usk-danger-rgb: 182 64 82;
  --usk-link-rgb: 49 72 148;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 123 147 232;
}

:where([data-ui][data-theme="arctic-indigo"][data-mode="dark"]) {
  --usk-bg-rgb: 6 10 22;
  --usk-surface-rgb: 16 24 43;
  --usk-surface-strong-rgb: 24 35 66;
  --usk-surface-soft-rgb: 10 16 32;
  --usk-text-rgb: 237 243 255;
  --usk-text-muted-rgb: 178 191 217;
  --usk-border-rgb: 58 75 120;
  --usk-primary-rgb: 145 168 255;
  --usk-primary-hover-rgb: 183 197 255;
  --usk-primary-text-rgb: 5 8 22;
  --usk-secondary-rgb: 118 216 243;
  --usk-secondary-hover-rgb: 165 234 255;
  --usk-secondary-text-rgb: 4 17 22;
  --usk-accent-rgb: 194 206 255;
  --usk-success-rgb: 114 219 166;
  --usk-warning-rgb: 255 209 102;
  --usk-danger-rgb: 255 125 145;
  --usk-link-rgb: 183 197 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 145 168 255;
}

:where([data-ui][data-theme="arctic-indigo"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 3 8 22;
  --usk-surface-strong-rgb: 8 18 42;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 238 244 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 111 140 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 217 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 184 196 255;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 225 0;
  --usk-danger-rgb: 255 63 95;
  --usk-link-rgb: 159 178 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}


:where([data-ui][data-theme="chrome-navy"][data-mode="light"]) {
  --usk-bg-rgb: 245 247 250;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 253 254 255;
  --usk-surface-soft-rgb: 230 234 240;
  --usk-text-rgb: 13 27 42;
  --usk-text-muted-rgb: 78 90 105;
  --usk-border-rgb: 192 198 207;
  --usk-primary-rgb: 31 58 95;
  --usk-primary-hover-rgb: 22 44 72;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 62 107 142;
  --usk-secondary-hover-rgb: 50 87 118;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 90 127 166;
  --usk-success-rgb: 31 107 83;
  --usk-warning-rgb: 164 106 0;
  --usk-danger-rgb: 178 60 60;
  --usk-link-rgb: 26 53 86;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 90 127 166;
}

:where([data-ui][data-theme="chrome-navy"][data-mode="dark"]) {
  --usk-bg-rgb: 8 17 28;
  --usk-surface-rgb: 16 33 49;
  --usk-surface-strong-rgb: 23 48 66;
  --usk-surface-soft-rgb: 12 26 39;
  --usk-text-rgb: 239 244 250;
  --usk-text-muted-rgb: 181 192 205;
  --usk-border-rgb: 69 87 107;
  --usk-primary-rgb: 126 169 211;
  --usk-primary-hover-rgb: 165 194 225;
  --usk-primary-text-rgb: 8 17 28;
  --usk-secondary-rgb: 168 193 220;
  --usk-secondary-hover-rgb: 199 216 234;
  --usk-secondary-text-rgb: 8 17 28;
  --usk-accent-rgb: 199 213 229;
  --usk-success-rgb: 120 216 181;
  --usk-warning-rgb: 255 209 122;
  --usk-danger-rgb: 255 144 144;
  --usk-link-rgb: 199 213 229;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 159 188 224;
}

:where([data-ui][data-theme="chrome-navy"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 5 8 12;
  --usk-surface-strong-rgb: 10 19 32;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 242 247 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 156 197 240;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 230 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 230 240 255;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 92 92;
  --usk-link-rgb: 156 197 240;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="recycled-emerald"][data-mode="light"]) {
  --usk-bg-rgb: 246 251 249;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 252 255 254;
  --usk-surface-soft-rgb: 232 242 239;
  --usk-text-rgb: 14 44 41;
  --usk-text-muted-rgb: 88 112 109;
  --usk-border-rgb: 199 216 212;
  --usk-primary-rgb: 14 91 79;
  --usk-primary-hover-rgb: 10 72 63;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 15 118 110;
  --usk-secondary-hover-rgb: 12 95 89;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 52 211 153;
  --usk-success-rgb: 21 115 71;
  --usk-warning-rgb: 150 99 0;
  --usk-danger-rgb: 185 63 79;
  --usk-link-rgb: 12 81 71;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 52 211 153;
}

:where([data-ui][data-theme="recycled-emerald"][data-mode="dark"]) {
  --usk-bg-rgb: 7 22 20;
  --usk-surface-rgb: 16 38 34;
  --usk-surface-strong-rgb: 22 54 47;
  --usk-surface-soft-rgb: 11 29 26;
  --usk-text-rgb: 236 251 247;
  --usk-text-muted-rgb: 183 208 203;
  --usk-border-rgb: 65 97 92;
  --usk-primary-rgb: 69 209 175;
  --usk-primary-hover-rgb: 114 227 197;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 103 221 209;
  --usk-secondary-hover-rgb: 141 236 227;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 139 255 214;
  --usk-success-rgb: 141 229 184;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 154 168;
  --usk-link-rgb: 139 255 214;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 103 221 209;
}

:where([data-ui][data-theme="recycled-emerald"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 3 16 13;
  --usk-surface-strong-rgb: 8 33 28;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 239 255 248;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 56 240 185;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 240 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 160 255 217;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 128;
  --usk-link-rgb: 56 240 185;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="industrial-orange"][data-mode="light"]) {
  --usk-bg-rgb: 245 243 239;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 251 250 248;
  --usk-surface-soft-rgb: 228 224 218;
  --usk-text-rgb: 24 21 18;
  --usk-text-muted-rgb: 98 91 84;
  --usk-border-rgb: 184 178 169;
  --usk-primary-rgb: 183 78 22;
  --usk-primary-hover-rgb: 142 63 18;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 43 43 43;
  --usk-secondary-hover-rgb: 27 27 27;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 225 139 61;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 164 106 0;
  --usk-danger-rgb: 178 60 60;
  --usk-link-rgb: 142 63 18;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 225 139 61;
}

:where([data-ui][data-theme="industrial-orange"][data-mode="dark"]) {
  --usk-bg-rgb: 13 12 11;
  --usk-surface-rgb: 26 26 26;
  --usk-surface-strong-rgb: 43 43 43;
  --usk-surface-soft-rgb: 18 17 16;
  --usk-text-rgb: 247 242 235;
  --usk-text-muted-rgb: 197 188 177;
  --usk-border-rgb: 89 81 73;
  --usk-primary-rgb: 255 138 61;
  --usk-primary-hover-rgb: 255 174 113;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 198 191 182;
  --usk-secondary-hover-rgb: 227 222 215;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 179 107;
  --usk-success-rgb: 139 223 178;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 152 152;
  --usk-link-rgb: 255 179 107;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 154 66;
}

:where([data-ui][data-theme="industrial-orange"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 10 9 8;
  --usk-surface-strong-rgb: 23 19 17;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 247 241 234;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 154 66;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 244 241 236;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 195 111;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 92 92;
  --usk-link-rgb: 255 179 107;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="performance-red"][data-mode="light"]) {
  --usk-bg-rgb: 246 246 247;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 252 252 253;
  --usk-surface-soft-rgb: 230 231 234;
  --usk-text-rgb: 18 19 23;
  --usk-text-muted-rgb: 92 97 107;
  --usk-border-rgb: 199 203 210;
  --usk-primary-rgb: 200 16 46;
  --usk-primary-hover-rgb: 163 14 37;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 31 31 31;
  --usk-secondary-hover-rgb: 17 17 17;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 232 76 97;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 164 106 0;
  --usk-danger-rgb: 168 15 41;
  --usk-link-rgb: 163 14 37;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 232 76 97;
}

:where([data-ui][data-theme="performance-red"][data-mode="dark"]) {
  --usk-bg-rgb: 9 9 10;
  --usk-surface-rgb: 20 20 22;
  --usk-surface-strong-rgb: 31 31 34;
  --usk-surface-soft-rgb: 15 16 18;
  --usk-text-rgb: 249 249 250;
  --usk-text-muted-rgb: 192 197 207;
  --usk-border-rgb: 76 79 86;
  --usk-primary-rgb: 255 76 102;
  --usk-primary-hover-rgb: 255 112 133;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 209 211 216;
  --usk-secondary-hover-rgb: 232 233 236;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 131 148;
  --usk-success-rgb: 143 223 182;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 127 144;
  --usk-link-rgb: 255 131 148;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 76 102;
}

:where([data-ui][data-theme="performance-red"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 7 7 7;
  --usk-surface-strong-rgb: 18 18 18;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 245 245 245;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 54 86;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 242 242 242;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 149 163;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 106 125;
  --usk-link-rgb: 255 149 163;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="heritage-brass"][data-mode="light"]) {
  --usk-bg-rgb: 250 244 234;
  --usk-surface-rgb: 255 253 249;
  --usk-surface-strong-rgb: 255 255 255;
  --usk-surface-soft-rgb: 239 228 207;
  --usk-text-rgb: 42 31 26;
  --usk-text-muted-rgb: 109 92 84;
  --usk-border-rgb: 212 192 166;
  --usk-primary-rgb: 107 15 26;
  --usk-primary-hover-rgb: 91 13 22;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 17 17 17;
  --usk-secondary-hover-rgb: 0 0 0;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 201 154 70;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 160 107 19;
  --usk-danger-rgb: 178 60 60;
  --usk-link-rgb: 91 13 22;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 201 154 70;
}

:where([data-ui][data-theme="heritage-brass"][data-mode="dark"]) {
  --usk-bg-rgb: 19 13 10;
  --usk-surface-rgb: 33 24 20;
  --usk-surface-strong-rgb: 50 36 30;
  --usk-surface-soft-rgb: 25 18 15;
  --usk-text-rgb: 251 245 236;
  --usk-text-muted-rgb: 211 195 183;
  --usk-border-rgb: 106 82 62;
  --usk-primary-rgb: 201 138 93;
  --usk-primary-hover-rgb: 224 169 126;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 246 235 215;
  --usk-secondary-hover-rgb: 255 248 235;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 231 184 95;
  --usk-success-rgb: 152 224 182;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 160 154;
  --usk-link-rgb: 240 200 125;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 231 184 95;
}

:where([data-ui][data-theme="heritage-brass"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 15 10 7;
  --usk-surface-strong-rgb: 28 18 13;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 245 232;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 200 138 54;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 243 217;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 211 107;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 107 107;
  --usk-link-rgb: 255 211 107;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="service-blue-red"][data-mode="light"]) {
  --usk-bg-rgb: 245 247 250;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 252 252 253;
  --usk-surface-soft-rgb: 232 235 240;
  --usk-text-rgb: 17 36 59;
  --usk-text-muted-rgb: 90 104 119;
  --usk-border-rgb: 200 207 217;
  --usk-primary-rgb: 13 59 102;
  --usk-primary-hover-rgb: 11 49 85;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 214 43 43;
  --usk-secondary-hover-rgb: 178 35 35;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 233 90 90;
  --usk-success-rgb: 47 125 84;
  --usk-warning-rgb: 164 106 0;
  --usk-danger-rgb: 198 40 40;
  --usk-link-rgb: 11 49 85;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 214 43 43;
}

:where([data-ui][data-theme="service-blue-red"][data-mode="dark"]) {
  --usk-bg-rgb: 8 17 28;
  --usk-surface-rgb: 16 32 48;
  --usk-surface-strong-rgb: 24 49 73;
  --usk-surface-soft-rgb: 11 23 36;
  --usk-text-rgb: 243 247 251;
  --usk-text-muted-rgb: 188 200 213;
  --usk-border-rgb: 71 96 121;
  --usk-primary-rgb: 108 169 227;
  --usk-primary-hover-rgb: 147 193 237;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 106 106;
  --usk-secondary-hover-rgb: 255 146 146;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 154 154;
  --usk-success-rgb: 143 223 182;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 143 143;
  --usk-link-rgb: 165 203 241;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 106 106;
}

:where([data-ui][data-theme="service-blue-red"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 6 16 26;
  --usk-surface-strong-rgb: 10 29 48;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 238 244 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 102 181 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 102 102;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 170 170;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 92 92;
  --usk-link-rgb: 140 198 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="newsprint-crimson"][data-mode="light"]) {
  --usk-bg-rgb: 238 229 212;
  --usk-surface-rgb: 248 241 229;
  --usk-surface-strong-rgb: 255 249 238;
  --usk-surface-soft-rgb: 222 209 188;
  --usk-text-rgb: 44 38 34;
  --usk-text-muted-rgb: 99 88 80;
  --usk-border-rgb: 184 170 152;
  --usk-primary-rgb: 122 35 41;
  --usk-primary-hover-rgb: 92 24 29;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 64 58 54;
  --usk-secondary-hover-rgb: 45 41 38;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 199 137 114;
  --usk-success-rgb: 47 114 82;
  --usk-warning-rgb: 154 101 0;
  --usk-danger-rgb: 165 42 50;
  --usk-link-rgb: 106 30 36;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 165 42 50;
}

:where([data-ui][data-theme="newsprint-crimson"][data-mode="dark"]) {
  --usk-bg-rgb: 22 16 13;
  --usk-surface-rgb: 33 24 20;
  --usk-surface-strong-rgb: 48 35 30;
  --usk-surface-soft-rgb: 26 18 15;
  --usk-text-rgb: 244 235 221;
  --usk-text-muted-rgb: 198 184 168;
  --usk-border-rgb: 106 90 76;
  --usk-primary-rgb: 216 124 131;
  --usk-primary-hover-rgb: 238 160 166;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 200 185 166;
  --usk-secondary-hover-rgb: 229 214 194;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 240 165 151;
  --usk-success-rgb: 138 214 175;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 154 154;
  --usk-link-rgb: 240 165 151;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 240 165 151;
}

:where([data-ui][data-theme="newsprint-crimson"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 13 8 6;
  --usk-surface-strong-rgb: 26 16 12;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 245 232;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 122 132;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 243 218;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 179 167;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 102;
  --usk-link-rgb: 255 154 163;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="foundry-amber"][data-mode="light"]) {
  --usk-bg-rgb: 241 240 237;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 250 250 248;
  --usk-surface-soft-rgb: 223 221 216;
  --usk-text-rgb: 29 28 26;
  --usk-text-muted-rgb: 96 93 88;
  --usk-border-rgb: 167 163 155;
  --usk-primary-rgb: 169 87 0;
  --usk-primary-hover-rgb: 134 70 0;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 58 58 60;
  --usk-secondary-hover-rgb: 39 39 41;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 232 154 45;
  --usk-success-rgb: 47 114 82;
  --usk-warning-rgb: 154 101 0;
  --usk-danger-rgb: 173 54 54;
  --usk-link-rgb: 134 70 0;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 232 154 45;
}

:where([data-ui][data-theme="foundry-amber"][data-mode="dark"]) {
  --usk-bg-rgb: 17 17 19;
  --usk-surface-rgb: 27 28 31;
  --usk-surface-strong-rgb: 39 40 44;
  --usk-surface-soft-rgb: 22 23 26;
  --usk-text-rgb: 244 242 237;
  --usk-text-muted-rgb: 187 184 177;
  --usk-border-rgb: 88 90 95;
  --usk-primary-rgb: 240 160 58;
  --usk-primary-hover-rgb: 255 183 95;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 174 179 184;
  --usk-secondary-hover-rgb: 208 211 214;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 209 122;
  --usk-success-rgb: 138 214 175;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 153 153;
  --usk-link-rgb: 255 209 122;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 240 160 58;
}

:where([data-ui][data-theme="foundry-amber"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 9 9 9;
  --usk-surface-strong-rgb: 21 21 21;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 244 244 242;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 176 0;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 242 242 242;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 211 107;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 102;
  --usk-link-rgb: 255 194 71;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="soft-orchid"][data-mode="light"]) {
  --usk-bg-rgb: 247 244 252;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 252 250 255;
  --usk-surface-soft-rgb: 233 226 246;
  --usk-text-rgb: 36 26 58;
  --usk-text-muted-rgb: 103 92 121;
  --usk-border-rgb: 207 197 227;
  --usk-primary-rgb: 101 82 184;
  --usk-primary-hover-rgb: 75 59 152;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 105 82 163;
  --usk-secondary-hover-rgb: 81 63 129;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 196 156 232;
  --usk-success-rgb: 62 122 98;
  --usk-warning-rgb: 152 100 0;
  --usk-danger-rgb: 168 58 96;
  --usk-link-rgb: 75 59 152;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 141 117 209;
}

:where([data-ui][data-theme="soft-orchid"][data-mode="dark"]) {
  --usk-bg-rgb: 18 13 29;
  --usk-surface-rgb: 28 21 43;
  --usk-surface-strong-rgb: 42 32 64;
  --usk-surface-soft-rgb: 23 17 34;
  --usk-text-rgb: 245 240 255;
  --usk-text-muted-rgb: 196 184 217;
  --usk-border-rgb: 93 79 120;
  --usk-primary-rgb: 169 148 242;
  --usk-primary-hover-rgb: 196 181 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 209 183 245;
  --usk-secondary-hover-rgb: 229 213 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 231 198 255;
  --usk-success-rgb: 145 223 184;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 153 183;
  --usk-link-rgb: 209 183 245;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 209 183 245;
}

:where([data-ui][data-theme="soft-orchid"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 12 7 20;
  --usk-surface-strong-rgb: 26 16 40;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 247 240 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 184 156 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 113 255 226;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 208 242;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 139;
  --usk-link-rgb: 201 181 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="electric-noir"][data-mode="light"]) {
  --usk-bg-rgb: 244 245 248;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 251 252 255;
  --usk-surface-soft-rgb: 230 232 240;
  --usk-text-rgb: 20 17 28;
  --usk-text-muted-rgb: 95 90 104;
  --usk-border-rgb: 198 199 209;
  --usk-primary-rgb: 140 26 120;
  --usk-primary-hover-rgb: 114 21 98;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 33 58 85;
  --usk-secondary-hover-rgb: 23 42 62;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 46 117 144;
  --usk-success-rgb: 47 114 82;
  --usk-warning-rgb: 152 100 0;
  --usk-danger-rgb: 168 40 90;
  --usk-link-rgb: 114 21 98;
  --usk-accent-text-rgb: 255 255 255;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 168 48 160;
}

:where([data-ui][data-theme="electric-noir"][data-mode="dark"]) {
  --usk-bg-rgb: 9 7 20;
  --usk-surface-rgb: 17 11 27;
  --usk-surface-strong-rgb: 27 16 43;
  --usk-surface-soft-rgb: 13 9 22;
  --usk-text-rgb: 246 244 250;
  --usk-text-muted-rgb: 188 179 199;
  --usk-border-rgb: 75 50 92;
  --usk-primary-rgb: 226 74 196;
  --usk-primary-hover-rgb: 255 114 223;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 75 166 201;
  --usk-secondary-hover-rgb: 120 197 226;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 122 225;
  --usk-success-rgb: 138 214 175;
  --usk-warning-rgb: 255 210 122;
  --usk-danger-rgb: 255 122 159;
  --usk-link-rgb: 255 122 225;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 122 225;
}

:where([data-ui][data-theme="electric-noir"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 9 5 18;
  --usk-surface-strong-rgb: 22 10 36;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 248 242 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 89 215;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 215 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 146 230;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 139;
  --usk-link-rgb: 255 123 224;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

/** Signal Yellow pairs vivid yellow actions with ink-navy supporting roles. */
:where([data-ui][data-theme="signal-yellow"][data-mode="light"]) {
  --usk-primary-ink: rgb(var(--usk-link-rgb));
  --usk-accent-ink: rgb(var(--usk-link-rgb));
  --usk-bg-rgb: 255 251 232;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 255 254 245;
  --usk-surface-soft-rgb: 247 237 187;
  --usk-text-rgb: 33 29 12;
  --usk-text-muted-rgb: 100 91 55;
  --usk-border-rgb: 217 199 111;
  --usk-primary-rgb: 255 204 0;
  --usk-primary-hover-rgb: 222 175 0;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 37 50 78;
  --usk-secondary-hover-rgb: 25 37 61;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 255 228 92;
  --usk-success-rgb: 34 122 75;
  --usk-warning-rgb: 144 92 0;
  --usk-danger-rgb: 177 54 54;
  --usk-link-rgb: 112 79 0;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 255 204 0;
}

:where([data-ui][data-theme="signal-yellow"][data-mode="dark"]) {
  --usk-bg-rgb: 18 15 3;
  --usk-surface-rgb: 32 27 7;
  --usk-surface-strong-rgb: 48 40 10;
  --usk-surface-soft-rgb: 25 21 5;
  --usk-text-rgb: 255 249 222;
  --usk-text-muted-rgb: 207 195 145;
  --usk-border-rgb: 104 88 31;
  --usk-primary-rgb: 255 216 59;
  --usk-primary-hover-rgb: 255 234 130;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 142 198 255;
  --usk-secondary-hover-rgb: 182 220 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 232 102;
  --usk-success-rgb: 103 217 151;
  --usk-warning-rgb: 255 194 62;
  --usk-danger-rgb: 255 119 119;
  --usk-link-rgb: 255 232 102;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 232 102;
}

:where([data-ui][data-theme="signal-yellow"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 13 11 0;
  --usk-surface-strong-rgb: 26 22 0;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 250 222;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 214 0;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 0 217 255;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 234 0;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 191 0;
  --usk-danger-rgb: 255 77 77;
  --usk-link-rgb: 255 234 0;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

/** Botanical Green pairs leaf-green actions with restrained berry support. */
:where([data-ui][data-theme="botanical-green"][data-mode="light"]) {
  --usk-bg-rgb: 239 249 242;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 248 253 249;
  --usk-surface-soft-rgb: 214 237 220;
  --usk-text-rgb: 14 38 23;
  --usk-text-muted-rgb: 75 98 81;
  --usk-border-rgb: 176 207 185;
  --usk-primary-rgb: 13 126 66;
  --usk-primary-hover-rgb: 8 97 50;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 121 48 88;
  --usk-secondary-hover-rgb: 91 35 65;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 64 201 117;
  --usk-success-rgb: 24 116 65;
  --usk-warning-rgb: 150 96 0;
  --usk-danger-rgb: 178 60 70;
  --usk-link-rgb: 8 97 50;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 64 201 117;
}

:where([data-ui][data-theme="botanical-green"][data-mode="dark"]) {
  --usk-bg-rgb: 4 17 9;
  --usk-surface-rgb: 10 32 18;
  --usk-surface-strong-rgb: 17 48 28;
  --usk-surface-soft-rgb: 7 24 14;
  --usk-text-rgb: 235 252 241;
  --usk-text-muted-rgb: 173 205 182;
  --usk-border-rgb: 49 91 63;
  --usk-primary-rgb: 82 222 139;
  --usk-primary-hover-rgb: 128 240 169;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 238 148 199;
  --usk-secondary-hover-rgb: 255 187 222;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 107 240 164;
  --usk-success-rgb: 100 218 149;
  --usk-warning-rgb: 255 205 91;
  --usk-danger-rgb: 255 126 137;
  --usk-link-rgb: 128 240 169;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 107 240 164;
}

:where([data-ui][data-theme="botanical-green"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 0 14 5;
  --usk-surface-strong-rgb: 0 29 11;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 238 255 244;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 0 255 112;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 92 178;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 103 255 166;
  --usk-success-rgb: 0 255 117;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 77 91;
  --usk-link-rgb: 103 255 166;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

/** Cobalt Electric pairs saturated blue actions with coral supporting roles. */
:where([data-ui][data-theme="cobalt-electric"][data-mode="light"]) {
  --usk-bg-rgb: 240 244 255;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 248 250 255;
  --usk-surface-soft-rgb: 220 229 250;
  --usk-text-rgb: 14 27 57;
  --usk-text-muted-rgb: 73 89 123;
  --usk-border-rgb: 177 195 232;
  --usk-primary-rgb: 0 82 204;
  --usk-primary-hover-rgb: 0 61 158;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 181 57 72;
  --usk-secondary-hover-rgb: 143 41 54;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 82 121 255;
  --usk-success-rgb: 35 121 78;
  --usk-warning-rgb: 151 96 0;
  --usk-danger-rgb: 180 55 74;
  --usk-link-rgb: 0 64 163;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 82 121 255;
}

:where([data-ui][data-theme="cobalt-electric"][data-mode="dark"]) {
  --usk-bg-rgb: 4 9 25;
  --usk-surface-rgb: 10 20 48;
  --usk-surface-strong-rgb: 16 32 72;
  --usk-surface-soft-rgb: 7 14 36;
  --usk-text-rgb: 239 244 255;
  --usk-text-muted-rgb: 174 188 218;
  --usk-border-rgb: 49 70 122;
  --usk-primary-rgb: 111 149 255;
  --usk-primary-hover-rgb: 164 188 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 133 147;
  --usk-secondary-hover-rgb: 255 173 183;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 143 170 255;
  --usk-success-rgb: 105 219 159;
  --usk-warning-rgb: 255 205 91;
  --usk-danger-rgb: 255 121 139;
  --usk-link-rgb: 164 188 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 143 170 255;
}

:where([data-ui][data-theme="cobalt-electric"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 0 7 22;
  --usk-surface-strong-rgb: 0 15 44;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 239 245 255;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 76 133 255;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 255 105 125;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 132 168 255;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 92 112;
  --usk-link-rgb: 132 168 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

/** Stone Graphite uses neutral surfaces while preserving semantic status colors. */
:where([data-ui][data-theme="stone-graphite"][data-mode="light"]) {
  --usk-bg-rgb: 244 244 242;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 250 250 248;
  --usk-surface-soft-rgb: 227 229 225;
  --usk-text-rgb: 27 29 28;
  --usk-text-muted-rgb: 86 91 88;
  --usk-border-rgb: 184 189 185;
  --usk-primary-rgb: 56 60 58;
  --usk-primary-hover-rgb: 37 40 38;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 91 97 93;
  --usk-secondary-hover-rgb: 69 74 71;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 184 190 186;
  --usk-success-rgb: 48 115 79;
  --usk-warning-rgb: 145 94 0;
  --usk-danger-rgb: 168 60 60;
  --usk-link-rgb: 52 60 56;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 112 121 116;
}

:where([data-ui][data-theme="stone-graphite"][data-mode="dark"]) {
  --usk-bg-rgb: 12 13 13;
  --usk-surface-rgb: 25 27 26;
  --usk-surface-strong-rgb: 40 43 41;
  --usk-surface-soft-rgb: 18 20 19;
  --usk-text-rgb: 245 246 245;
  --usk-text-muted-rgb: 189 193 190;
  --usk-border-rgb: 78 84 80;
  --usk-primary-rgb: 208 212 209;
  --usk-primary-hover-rgb: 235 237 235;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 164 170 166;
  --usk-secondary-hover-rgb: 194 199 196;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 230 232 231;
  --usk-success-rgb: 130 210 165;
  --usk-warning-rgb: 242 197 112;
  --usk-danger-rgb: 240 137 137;
  --usk-link-rgb: 220 224 221;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

:where([data-ui][data-theme="stone-graphite"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 8 8 8;
  --usk-surface-strong-rgb: 20 20 20;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 245 245 245;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 255 255;
  --usk-primary-hover-rgb: 221 221 221;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 205 205 205;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 245 245 245;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 92 92;
  --usk-link-rgb: 255 255 255;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}

/** Walnut Clay pairs deep brown actions with clay accents and muted foliage. */
:where([data-ui][data-theme="walnut-clay"][data-mode="light"]) {
  --usk-bg-rgb: 248 241 233;
  --usk-surface-rgb: 255 255 255;
  --usk-surface-strong-rgb: 253 249 245;
  --usk-surface-soft-rgb: 232 216 202;
  --usk-text-rgb: 49 36 29;
  --usk-text-muted-rgb: 102 84 74;
  --usk-border-rgb: 199 172 154;
  --usk-primary-rgb: 112 67 48;
  --usk-primary-hover-rgb: 83 47 34;
  --usk-primary-text-rgb: 255 255 255;
  --usk-secondary-rgb: 88 98 78;
  --usk-secondary-hover-rgb: 66 75 57;
  --usk-secondary-text-rgb: 255 255 255;
  --usk-accent-rgb: 190 111 82;
  --usk-success-rgb: 53 117 76;
  --usk-warning-rgb: 147 91 0;
  --usk-danger-rgb: 173 61 55;
  --usk-link-rgb: 105 60 43;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 255 255 255;
  --usk-warning-text-rgb: 255 255 255;
  --usk-danger-text-rgb: 255 255 255;
  --usk-focus-rgb: 190 111 82;
}

:where([data-ui][data-theme="walnut-clay"][data-mode="dark"]) {
  --usk-bg-rgb: 18 12 9;
  --usk-surface-rgb: 35 24 19;
  --usk-surface-strong-rgb: 51 34 26;
  --usk-surface-soft-rgb: 27 18 14;
  --usk-text-rgb: 250 241 233;
  --usk-text-muted-rgb: 205 184 169;
  --usk-border-rgb: 107 78 61;
  --usk-primary-rgb: 218 158 124;
  --usk-primary-hover-rgb: 240 188 156;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 178 192 157;
  --usk-secondary-hover-rgb: 207 217 190;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 235 169 136;
  --usk-success-rgb: 133 214 164;
  --usk-warning-rgb: 255 203 100;
  --usk-danger-rgb: 255 135 128;
  --usk-link-rgb: 240 188 156;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 235 169 136;
}

:where([data-ui][data-theme="walnut-clay"][data-mode="contrast"]) {
  --usk-bg-rgb: 0 0 0;
  --usk-surface-rgb: 15 7 3;
  --usk-surface-strong-rgb: 31 15 7;
  --usk-surface-soft-rgb: 0 0 0;
  --usk-text-rgb: 255 255 255;
  --usk-text-muted-rgb: 255 244 237;
  --usk-border-rgb: 255 255 255;
  --usk-primary-rgb: 255 174 128;
  --usk-primary-hover-rgb: 255 255 255;
  --usk-primary-text-rgb: 0 0 0;
  --usk-secondary-rgb: 208 234 166;
  --usk-secondary-hover-rgb: 255 255 255;
  --usk-secondary-text-rgb: 0 0 0;
  --usk-accent-rgb: 255 194 160;
  --usk-success-rgb: 0 255 144;
  --usk-warning-rgb: 255 212 0;
  --usk-danger-rgb: 255 102 96;
  --usk-link-rgb: 255 194 160;
  --usk-accent-text-rgb: 0 0 0;
  --usk-success-text-rgb: 0 0 0;
  --usk-warning-text-rgb: 0 0 0;
  --usk-danger-text-rgb: 0 0 0;
  --usk-focus-rgb: 255 255 255;
}
}


/* styles/native-elements.css */
/* =========================================================
   UI Style Kit CSS - Shared Native Element Layer

   Native fallback selectors are shared so UI presets can focus
   on visual identity while inheriting the same semantic coverage.
   Presets map --usk-native-* tokens to their public prefix tokens.
========================================================= */

@layer ui-style-kit.native_elements {
[data-ui][data-mode] {
  --usk-native-bg: rgb(var(--usk-bg-rgb));
  --usk-native-surface: rgb(var(--usk-surface-rgb));
  --usk-native-surface-strong: rgb(var(--usk-surface-strong-rgb));
  --usk-native-surface-soft: rgb(var(--usk-surface-soft-rgb));
  --usk-native-card-bg: var(--usk-native-surface);
  --usk-native-control-bg: var(--usk-native-surface-soft);
  --usk-native-text: rgb(var(--usk-text-rgb));
  --usk-native-text-muted: rgb(var(--usk-text-muted-rgb));
  --usk-native-border: rgb(var(--usk-border-rgb));
  --usk-native-primary: rgb(var(--usk-primary-rgb));
  --usk-native-primary-hover: rgb(var(--usk-primary-hover-rgb));
  --usk-native-on-primary: rgb(var(--usk-primary-text-rgb));
  --usk-native-secondary: rgb(var(--usk-secondary-rgb));
  --usk-native-on-secondary: rgb(var(--usk-secondary-text-rgb));
  --usk-native-accent: rgb(var(--usk-accent-rgb));
  --usk-native-on-accent: rgb(var(--usk-accent-text-rgb));
  --usk-native-focus: rgb(var(--usk-focus-rgb));
  --usk-native-success: rgb(var(--usk-success-rgb));
  --usk-native-on-success: rgb(var(--usk-success-text-rgb));
  --usk-native-warning: rgb(var(--usk-warning-rgb));
  --usk-native-on-warning: rgb(var(--usk-warning-text-rgb));
  --usk-native-danger: rgb(var(--usk-danger-rgb));
  --usk-native-on-danger: rgb(var(--usk-danger-text-rgb));
  --usk-native-link: rgb(var(--usk-link-rgb));
  --usk-native-font-body: inherit;
  --usk-native-font-heading: inherit;
  --usk-native-font-control: inherit;
  --usk-native-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --usk-native-radius-sm: .5rem;
  --usk-native-radius: .75rem;
  --usk-native-radius-lg: 1rem;
  --usk-native-border-width: 1px;
  --usk-native-field-gap: .5rem;
  --usk-native-panel-padding: 1rem;
  --usk-native-control-min-block-size: 2.75rem;
  --usk-native-control-padding-block: .72rem;
  --usk-native-control-padding-inline: .95rem;
  --usk-native-subcontrol-padding-block: .55rem;
  --usk-native-subcontrol-padding-inline: .8rem;
  --usk-native-track: var(--usk-native-border);
  --usk-native-track-fill: var(--usk-native-primary);
  --usk-native-thumb: var(--usk-native-surface-strong);
  --usk-native-thumb-border: var(--usk-native-primary);
  --usk-native-indicator: var(--usk-native-primary);
  --usk-native-choice-size: 1.5rem;
  --usk-native-choice-background: var(--usk-native-control-bg);
  --usk-native-choice-border: var(--usk-native-border-width) solid var(--usk-native-border);
  --usk-native-checkbox-radius: .3rem;
  --usk-native-radio-radius: 50%;
  --usk-native-choice-shadow: none;
  --usk-native-choice-checked-background: var(--usk-native-primary);
  --usk-native-choice-mark-color: var(--usk-native-on-primary);
  --usk-native-select-indicator-image: linear-gradient(45deg, transparent 50%, var(--usk-native-indicator) 50%), linear-gradient(135deg, var(--usk-native-indicator) 50%, transparent 50%);
  --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
  --usk-native-select-indicator-position: calc(100% - 1.15rem) 50%, calc(100% - .85rem) 50%;
  --usk-native-select-padding-inline-end: 2.5rem;
  --usk-native-range-track-size: .45rem;
  --usk-native-range-track-background: var(--usk-native-track);
  --usk-native-range-track-border: 0 solid transparent;
  --usk-native-range-track-radius: 999px;
  --usk-native-range-track-shadow: none;
  --usk-native-range-progress-background: var(--usk-native-track-fill);
  --usk-native-range-thumb-size: 1.2rem;
  --usk-native-range-thumb-background: var(--usk-native-thumb);
  --usk-native-range-thumb-border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
  --usk-native-range-thumb-radius: 50%;
  --usk-native-range-thumb-shadow: var(--usk-native-shadow);
  --usk-native-progress-size: .9rem;
  --usk-native-progress-track-background: var(--usk-native-track);
  --usk-native-progress-track-border: 0 solid transparent;
  --usk-native-progress-track-radius: 999px;
  --usk-native-progress-track-shadow: none;
  --usk-native-progress-value-background: var(--usk-native-track-fill);
  --usk-native-progress-value-radius: inherit;
  --usk-native-progress-value-shadow: none;
  --usk-native-meter-optimum-background: var(--usk-native-success);
  --usk-native-meter-suboptimum-background: var(--usk-native-warning);
  --usk-native-meter-critical-background: var(--usk-native-danger);
  --usk-native-file-button-background: var(--usk-native-primary);
  --usk-native-file-button-border: var(--usk-native-border-width) solid var(--usk-native-primary);
  --usk-native-file-button-radius: var(--usk-native-radius-sm);
  --usk-native-file-button-shadow: var(--usk-native-shadow);
  --usk-native-color-swatch-border: 0 solid transparent;
  --usk-native-color-swatch-radius: calc(var(--usk-native-radius-sm) / 1.5);
  --usk-native-indicator-opacity: .78;
  --usk-native-indicator-filter: none;
  --usk-native-scrollbar-size: .75rem;
  --usk-native-scrollbar-track: var(--usk-native-track);
  --usk-native-scrollbar-thumb: var(--usk-native-thumb-border);
  --usk-native-scrollbar-radius: 999px;
  --usk-native-shadow: none;
  --usk-native-shadow-md: var(--usk-native-shadow);
  --usk-native-focus-ring: 0 0 0 3px rgb(var(--usk-focus-rgb) / .28);
  --usk-motion-duration: 140ms;
  --usk-motion-easing: cubic-bezier(0.2, 0, 0.2, 1);

  /* Shared semantic values are fully typed so optional companion and third-party consumers can use them directly. */
  --ui-color-bg: var(--usk-native-bg);
  --ui-color-surface: var(--usk-native-surface-strong);
  --ui-color-text: var(--usk-native-text);
  --ui-color-muted: var(--usk-native-text-muted);
  --ui-color-primary: var(--usk-native-primary);
  --ui-color-on-primary: var(--usk-native-on-primary);
  --ui-color-border: var(--usk-native-border);
  --ui-radius-control: var(--usk-native-radius);
  --ui-shadow-control: var(--usk-native-shadow);
  --ui-focus-color: var(--usk-native-focus);
  --ui-motion-duration: var(--usk-motion-duration);
  --ui-motion-easing: var(--usk-motion-easing);
}

[data-ui][data-mode] :where(h1, h2, h3, h4, h5, h6) {
  color: var(--usk-native-text);
  font-family: var(--usk-native-font-heading);
  line-height: 1.15;
  margin: 0 0 .65em;
}

@supports (text-wrap: balance) {
  [data-ui][data-mode] :where(h1, h2, h3, h4, h5, h6) { text-wrap: balance; }
}

[data-ui][data-mode] :where(hgroup) {
  display: grid;
  gap: .35rem;
  margin-block: 0 1rem;
}

[data-ui][data-mode] :where(h1) { font-size: clamp(2rem, 5vw, 3.5rem); }
[data-ui][data-mode] :where(h2) { font-size: clamp(1.55rem, 3vw, 2.35rem); }
[data-ui][data-mode] :where(h3) { font-size: clamp(1.25rem, 2vw, 1.65rem); }

[data-ui][data-mode] :where(p) {
  margin: 0 0 1rem;
  color: var(--usk-native-text-muted);
  line-height: 1.7;
}

[data-ui][data-mode] :where(a) {
  color: var(--usk-native-link);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

[data-ui][data-mode] :where(a:hover) { color: var(--usk-primary-ink, var(--usk-native-primary-hover)); }

[data-ui][data-mode] :where(ul, ol, menu) {
  margin: 0 0 1rem;
  padding-left: 1.35rem;
  color: var(--usk-native-text-muted);
}

[data-ui][data-mode] :where(li) { margin-block: .25rem; }

[data-ui][data-mode] :where(blockquote) {
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  color: var(--usk-native-text);
  background: var(--usk-native-surface-soft);
  border-left: .35rem solid var(--usk-native-primary);
  border-radius: var(--usk-native-radius);
}

[data-ui][data-mode] :where(code, kbd, samp) {
  padding: .15em .35em;
  color: var(--usk-native-text);
  background: var(--usk-native-surface-soft);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius-sm);
  font-family: var(--usk-native-font-mono);
  font-size: .92em;
}

[data-ui][data-mode] :where(pre) {
  overflow: auto;
  margin: 1rem 0;
  padding: 1rem;
  color: var(--usk-native-text);
  background: var(--usk-native-surface-soft);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
}

[data-ui][data-mode] :where(pre code) {
  display: block;
  padding: 0;
  background: transparent;
  border: 0;
}

[data-ui][data-mode] :where(hr) {
  height: 1px;
  margin: 2rem 0;
  background: var(--usk-native-border);
  border: 0;
}

[data-ui][data-mode] :where(mark) {
  padding-inline: .15em;
  color: var(--usk-native-text);
  background: rgb(var(--usk-warning-rgb) / .32);
  border-radius: .2em;
}

[data-ui][data-mode] :where(small, sub, sup, rt, rp) { color: var(--usk-native-text-muted); }
[data-ui][data-mode] :where(rt, rp) { font-size: .72em; }

[data-ui][data-mode] :where(abbr[title]) {
  text-decoration: underline dotted var(--usk-native-primary);
  text-underline-offset: .18em;
  cursor: help;
}

[data-ui][data-mode] :where(img, picture, video, canvas, svg, iframe, audio, object, embed, math) {
  max-width: 100%;
}

[data-ui][data-mode] :where(img, video, canvas, svg, iframe) { height: auto; }

/** Native playback retains browser accessibility while inheriting preset material and geometry. */
[data-ui][data-mode] audio[controls] {
  display: block;
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: 60px;
  padding: 3px;
  background: var(--usk-native-control-bg);
  color: var(--usk-native-text);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
  box-shadow: var(--usk-native-shadow);
  accent-color: var(--usk-native-primary);
  color-scheme: light;
}
[data-ui][data-mode="dark"] audio[controls],
[data-ui][data-mode="contrast"] audio[controls] { color-scheme: dark; }
[data-ui][data-mode] audio[controls]::-webkit-media-controls-enclosure {
  border-radius: var(--usk-native-radius);
  background: transparent;
}
[data-ui][data-mode] audio[controls]::-webkit-media-controls-panel {
  background: var(--usk-native-control-bg);
  color: var(--usk-native-text);
}
[data-ui][data-mode] audio[controls]:focus-visible {
  outline: 2px solid var(--usk-native-focus);
  outline-offset: 2px;
}

[data-ui][data-mode] :where(figure) { margin: 1.25rem 0; }

[data-ui][data-mode] :where(figcaption) {
  margin-top: .5rem;
  color: var(--usk-native-text-muted);
  font-size: .9rem;
}

[data-ui][data-mode] :where(form) {
  display: grid;
  gap: var(--usk-native-field-gap);
  min-inline-size: 0;
}

[data-ui][data-mode] :where(fieldset) {
  display: grid;
  gap: .9rem;
  min-inline-size: 0;
  margin: 0 0 1rem;
  padding: var(--usk-native-panel-padding);
  background: var(--usk-native-card-bg);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
}

[data-ui][data-mode] :where(legend) {
  padding-inline: .35rem;
  color: var(--usk-native-text);
  font-weight: 900;
}

[data-ui][data-mode] :where(label) {
  color: var(--usk-native-text);
  font-weight: 750;
}

[data-ui][data-mode] :where(label:has(input), label:has(select), label:has(textarea)) {
  display: grid;
  gap: var(--usk-native-field-gap);
  align-content: start;
}

[data-ui][data-mode] :where(label:has(input[type="checkbox"]), label:has(input[type="radio"])) {
  display: inline-flex;
  gap: var(--usk-native-field-gap);
  align-items: center;
}

[data-ui][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select) {
  width: 100%;
  min-block-size: var(--usk-native-control-min-block-size);
  padding: var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);
  color: var(--usk-native-text);
  background: var(--usk-native-control-bg);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
  font: inherit;
}

[data-ui][data-mode] :where(input, textarea, select, button) {
  color-scheme: inherit;
  accent-color: var(--usk-native-primary);
}

[data-ui][data-mode] :where(input, textarea)::placeholder {
  color: var(--usk-native-text-muted);
  opacity: .78;
}

[data-ui][data-mode] :where(textarea) {
  min-height: 7rem;
  resize: vertical;
}

[data-ui][data-mode] :where(input, textarea, select, button) { font: inherit; }

[data-ui][data-mode] :where(select:not([multiple])) {
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: var(--usk-native-select-padding-inline-end);
  background-image: var(--usk-native-select-indicator-image);
  background-repeat: no-repeat;
  background-position: var(--usk-native-select-indicator-position);
  background-size: var(--usk-native-select-indicator-size);
}

[data-ui][data-mode] :where(select[multiple]) {
  padding-inline-end: var(--usk-native-control-padding-inline);
  background-image: none;
}

[dir="rtl"] [data-ui][data-mode] :where(select:not([multiple])),
[data-ui][data-mode][dir="rtl"] :where(select:not([multiple])) {
  --usk-native-select-indicator-position: 1.15rem 50%, .85rem 50%;
}

[data-ui][data-mode] :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  min-block-size: var(--usk-native-control-min-block-size);
  padding: .7rem 1rem;
  font: inherit;
}

[data-ui][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
  color: var(--usk-native-on-primary);
  background: var(--usk-native-primary);
  border: var(--usk-native-border-width) solid var(--usk-native-primary);
  border-radius: var(--usk-native-radius);
  font-family: var(--usk-native-font-control);
  font-weight: 850;
  cursor: pointer;
}

/* Busy controls reserve a stable lane for the preset-owned spinner glyph. */
[data-ui][data-mode] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
}

[data-ui][data-mode] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"])::after {
  flex: 0 0 1em;
}

[data-ui][data-mode] :where(button:not([class]):hover, input[type="button"]:not([class]):hover, input[type="submit"]:not([class]):hover, input[type="reset"]:not([class]):hover) {
  background: var(--usk-native-primary-hover);
  border-color: var(--usk-native-primary-hover);
}

[data-ui][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
  -webkit-appearance: none;
  appearance: none;
  inline-size: var(--usk-native-choice-size);
  block-size: var(--usk-native-choice-size);
  background: var(--usk-native-choice-background);
  border: var(--usk-native-choice-border);
  box-shadow: var(--usk-native-choice-shadow);
  accent-color: var(--usk-native-primary);
}

[data-ui][data-mode] :where(input[type="checkbox"]) { border-radius: var(--usk-native-checkbox-radius); }
[data-ui][data-mode] :where(input[type="radio"]) { border-radius: var(--usk-native-radio-radius); }

[data-ui][data-mode] :where(input[type="checkbox"]:checked) {
  /* The final background layer accepts both solid and gradient preset fills. */
  background:
    linear-gradient(45deg, transparent 38%, var(--usk-native-choice-mark-color) 38% 62%, transparent 62%) 24% 62% / 32% 36% no-repeat,
    linear-gradient(135deg, transparent 40%, var(--usk-native-choice-mark-color) 40% 60%, transparent 60%) 68% 43% / 52% 58% no-repeat,
    var(--usk-native-choice-checked-background);
}

[data-ui][data-mode] :where(input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:hover:not(:disabled)) {
  border-color: var(--usk-native-primary);
  filter: brightness(1.04);
}

[data-ui][data-mode] :where(input[type="checkbox"]:active:not(:disabled), input[type="radio"]:active:not(:disabled)) {
  filter: brightness(.94);
  transform: scale(.94);
}

[data-ui][data-mode] :where(input[type="radio"]:checked) {
  background: radial-gradient(circle, var(--usk-native-choice-mark-color) 0 31%, transparent 34%), var(--usk-native-choice-checked-background);
}

[data-ui][data-mode] :where(input[type="range"]) {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-block-size: 1.5rem;
  background: transparent;
  accent-color: var(--usk-native-primary);
}

[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track {
  block-size: var(--usk-native-range-track-size);
  background: var(--usk-native-range-track-background);
  border: var(--usk-native-range-track-border);
  border-radius: var(--usk-native-range-track-radius);
  box-shadow: var(--usk-native-range-track-shadow);
}

[data-ui][data-mode] :where(input[type="range"])::-moz-range-track {
  block-size: var(--usk-native-range-track-size);
  background: var(--usk-native-range-track-background);
  border: var(--usk-native-range-track-border);
  border-radius: var(--usk-native-range-track-radius);
  box-shadow: var(--usk-native-range-track-shadow);
}

[data-ui][data-mode] :where(input[type="range"])::-moz-range-progress {
  block-size: var(--usk-native-range-track-size);
  background: var(--usk-native-range-progress-background);
  border-radius: var(--usk-native-range-track-radius);
}

[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  inline-size: var(--usk-native-range-thumb-size);
  block-size: var(--usk-native-range-thumb-size);
  margin-block-start: calc((var(--usk-native-range-track-size) - var(--usk-native-range-thumb-size)) / 2);
  background: var(--usk-native-range-thumb-background);
  border: var(--usk-native-range-thumb-border);
  border-radius: var(--usk-native-range-thumb-radius);
  box-shadow: var(--usk-native-range-thumb-shadow);
}

[data-ui][data-mode] :where(input[type="range"])::-moz-range-thumb {
  inline-size: var(--usk-native-range-thumb-size);
  block-size: var(--usk-native-range-thumb-size);
  background: var(--usk-native-range-thumb-background);
  border: var(--usk-native-range-thumb-border);
  border-radius: var(--usk-native-range-thumb-radius);
  box-shadow: var(--usk-native-range-thumb-shadow);
}

[data-ui][data-mode] :where(input[type="color"]) {
  inline-size: 3rem;
  block-size: 2.4rem;
  padding: .2rem;
  background: var(--usk-native-control-bg);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius-sm);
}

[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch-wrapper {
  padding: 0;
}

[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch {
  border: var(--usk-native-color-swatch-border);
  border-radius: var(--usk-native-color-swatch-radius);
}

[data-ui][data-mode] :where(input[type="color"])::-moz-color-swatch {
  border: var(--usk-native-color-swatch-border);
  border-radius: var(--usk-native-color-swatch-radius);
}

[data-ui][data-mode] :where(input[type="file"]) { color: var(--usk-native-text-muted); }

/* Keep pseudo-elements outside :where() because engines reject them inside selector-list arguments. */
[data-ui][data-mode] :where(input[type="file"])::file-selector-button,
[data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
  margin-inline-end: .75rem;
  padding: var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);
  color: var(--usk-native-on-primary);
  background: var(--usk-native-file-button-background);
  border: var(--usk-native-file-button-border);
  border-radius: var(--usk-native-file-button-radius);
  box-shadow: var(--usk-native-file-button-shadow);
  font-weight: 800;
  cursor: pointer;
}

[data-ui][data-mode] :where(input[type="file"]:hover)::file-selector-button,
[data-ui][data-mode] :where(input[type="file"]:hover)::-webkit-file-upload-button {
  background: var(--usk-native-primary-hover);
  border-color: var(--usk-native-primary-hover);
}

[data-ui][data-mode] :where(input[type="file"]:focus-visible)::file-selector-button,
[data-ui][data-mode] :where(input[type="file"]:focus-visible)::-webkit-file-upload-button {
  box-shadow: var(--usk-native-focus-ring);
}

[data-ui][data-mode] :where(input[type="file"]:active)::file-selector-button,
[data-ui][data-mode] :where(input[type="file"]:active)::-webkit-file-upload-button {
  filter: brightness(.96);
}

[data-ui][data-mode] :where(input[type="file"]:disabled)::file-selector-button,
[data-ui][data-mode] :where(input[type="file"]:disabled)::-webkit-file-upload-button {
  color: var(--usk-native-text-muted);
  background: var(--usk-native-surface-soft);
  border-color: var(--usk-native-border);
  cursor: not-allowed;
}

[data-ui][data-mode] :where(input:read-only:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea:read-only) {
  background: var(--usk-native-surface-soft);
}

[data-ui][data-mode] :where(input:required, textarea:required, select:required) {
  box-shadow: inset .22rem 0 0 var(--usk-native-indicator);
}

[data-ui][data-mode] :where(input:user-valid, textarea:user-valid, select:user-valid, .is-valid) {
  border-color: var(--usk-native-success);
}

[data-ui][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
  border-color: var(--usk-native-danger);
}

[data-ui][data-mode] :where(input[type="checkbox"]:indeterminate, input[type="radio"]:indeterminate) {
  background: linear-gradient(var(--usk-native-choice-mark-color), var(--usk-native-choice-mark-color)) center / 58% .15rem no-repeat var(--usk-native-choice-checked-background);
  accent-color: var(--usk-native-warning);
}

[data-ui][data-mode] :where(button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active) {
  filter: brightness(.96);
}

[data-ui][data-mode] :where(input:disabled, textarea:disabled, select:disabled, button:disabled, [aria-disabled="true"]) {
  color: var(--usk-native-text-muted);
  background: var(--usk-native-surface-soft);
  border-color: var(--usk-native-border);
  box-shadow: none;
  opacity: .55;
  cursor: not-allowed;
}

[data-ui][data-mode] :where(table) {
  width: 100%;
  margin: 1rem 0;
  background: var(--usk-native-surface);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
  border-collapse: collapse;
}

[data-ui][data-mode] :where(caption) {
  caption-side: bottom;
  padding: .75rem;
  color: var(--usk-native-text-muted);
  font-size: .9rem;
}

[data-ui][data-mode] :where(th, td) {
  padding: .8rem .9rem;
  text-align: left;
  border-bottom: var(--usk-native-border-width) solid var(--usk-native-border);
}

[data-ui][data-mode] :where(th) {
  color: var(--usk-native-text);
  background: var(--usk-native-surface-soft);
}

[data-ui][data-mode] :where(td) { color: var(--usk-native-text-muted); }

[data-ui][data-mode] :where(details) {
  margin: 1rem 0;
  padding: .9rem 1rem;
  color: var(--usk-native-text);
  background: var(--usk-native-surface);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius);
}

[data-ui][data-mode] :where(summary) {
  color: var(--usk-native-text);
  font-weight: 900;
  cursor: pointer;
}

[data-ui][data-mode] :where(dialog) {
  max-width: min(92vw, 42rem);
  padding: 0;
  color: var(--usk-native-text);
  background: var(--usk-native-surface-strong);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius-lg);
  box-shadow: var(--usk-native-shadow-md), 0 30px 80px rgb(0 0 0 / .42);
}

[data-ui][data-mode] :where(dialog p) { color: inherit; }

[data-ui][data-mode] :where(dialog)::backdrop { background: rgb(0 0 0 / .62); }

[data-ui][data-mode] :where(progress, meter) {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-height: var(--usk-native-progress-size);
  accent-color: var(--usk-native-primary);
}

[data-ui][data-mode] :where(progress:not([value])) {
  background: repeating-linear-gradient(115deg, var(--usk-native-progress-track-background) 0 .5rem, var(--usk-native-progress-value-background) .5rem 1rem);
  background-size: 200% 100%;
  border: var(--usk-native-progress-track-border);
  border-radius: var(--usk-native-progress-track-radius);
  box-shadow: var(--usk-native-progress-track-shadow);
  animation: usk-native-progress-indeterminate 1.2s linear infinite;
}

@keyframes usk-native-progress-indeterminate {
  to { background-position: -2rem 0; }
}

[data-ui][data-mode] :where(progress, meter)::-webkit-progress-bar,
[data-ui][data-mode] :where(meter)::-webkit-meter-bar {
  background: var(--usk-native-progress-track-background);
  border: var(--usk-native-progress-track-border);
  border-radius: var(--usk-native-progress-track-radius);
  box-shadow: var(--usk-native-progress-track-shadow);
}

[data-ui][data-mode] :where(progress)::-webkit-progress-value,
[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value {
  background: var(--usk-native-progress-value-background);
  border-radius: var(--usk-native-progress-value-radius);
  box-shadow: var(--usk-native-progress-value-shadow);
}

[data-ui][data-mode] :where(progress)::-moz-progress-bar,
[data-ui][data-mode] :where(meter)::-moz-meter-bar {
  background: var(--usk-native-progress-value-background);
  border-radius: var(--usk-native-progress-value-radius);
  box-shadow: var(--usk-native-progress-value-shadow);
}

[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value { background: var(--usk-native-meter-optimum-background); }

[data-ui][data-mode] :where(meter)::-webkit-meter-suboptimum-value {
  background: var(--usk-native-meter-suboptimum-background);
}

[data-ui][data-mode] :where(meter)::-webkit-meter-even-less-good-value {
  background: var(--usk-native-meter-critical-background);
}

[data-ui][data-mode] :where(main, section, header, footer, nav, article, aside, address) {
  color: var(--usk-native-text);
}

[data-ui][data-mode] :where(article, aside) {
  padding: var(--usk-native-panel-padding);
  color: var(--usk-native-text);
  background: var(--usk-native-card-bg);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: var(--usk-native-radius-lg);
  box-shadow: var(--usk-native-shadow);
}

[data-ui][data-mode] :where(dl) {
  margin: 0 0 1rem;
  color: var(--usk-native-text-muted);
}

[data-ui][data-mode] :where(dt) {
  color: var(--usk-native-text);
  font-weight: 900;
}

[data-ui][data-mode] :where(dd) { margin: .25rem 0 .75rem 1.25rem; }
[data-ui][data-mode] :where(strong, b) { color: var(--usk-native-text); font-weight: 900; }
[data-ui][data-mode] :where(u) { text-decoration-color: var(--usk-native-primary); text-decoration-thickness: .08em; text-underline-offset: .16em; }
[data-ui][data-mode] :where(bdi, bdo) { color: var(--usk-native-text); unicode-bidi: isolate; }
[data-ui][data-mode] :where(em, i, cite, var, q) { color: var(--usk-native-text); }
[data-ui][data-mode] :where(ins) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-success); }
[data-ui][data-mode] :where(del, s) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-danger); }
[data-ui][data-mode] :where(output) { color: var(--usk-native-text); font-weight: 800; }
[data-ui][data-mode] :where(optgroup, option) { color: var(--usk-native-text); background: var(--usk-native-surface); }
[data-ui][data-mode] :where(time, data, dfn, ruby) { color: var(--usk-native-text); }
[data-ui][data-mode] :where(search) { display: block; color: var(--usk-native-text); }
[data-ui][data-mode] :where(selectedcontent) { color: var(--usk-native-text); }
[data-ui][data-mode] :where(datalist) { display: none; }

[data-ui][data-mode] :where(summary, li)::marker {
  color: var(--usk-native-indicator);
}

[data-ui][data-mode] :where(input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"])::-webkit-calendar-picker-indicator {
  opacity: var(--usk-native-indicator-opacity);
  filter: var(--usk-native-indicator-filter);
  accent-color: var(--usk-native-indicator);
}

[data-ui][data-mode] :where(input[type="search"])::-webkit-search-cancel-button {
  accent-color: var(--usk-native-indicator);
}

[data-ui][data-mode] :where(input[type="number"])::-webkit-inner-spin-button,
[data-ui][data-mode] :where(input[type="number"])::-webkit-outer-spin-button {
  opacity: .72;
}

[data-ui][data-mode] :where(select)::picker-icon {
  color: var(--usk-native-indicator);
  opacity: var(--usk-native-indicator-opacity);
  filter: var(--usk-native-indicator-filter);
}

[data-ui][data-mode] :where(:focus-visible) {
  outline: 3px solid var(--usk-native-focus);
  outline-offset: 3px;
  box-shadow: var(--usk-native-focus-ring);
}

[data-ui][data-mode] :where(:target) {
  scroll-margin-top: 6rem;
  outline: 3px solid var(--usk-native-focus);
  outline-offset: .35rem;
}

[data-ui][data-mode] :where([aria-current="page"]) { font-weight: 900; }
[data-ui][data-mode] :where([aria-busy="true"]) { cursor: progress; }
[data-ui][data-mode] :where([hidden]) { display: none !important; }
[data-ui][data-mode] ::selection { color: var(--usk-native-on-primary); background: var(--usk-native-primary); }
[data-ui][data-mode] ::-webkit-scrollbar { inline-size: var(--usk-native-scrollbar-size); block-size: var(--usk-native-scrollbar-size); }
[data-ui][data-mode] ::-webkit-scrollbar-track { background: var(--usk-native-scrollbar-track); }
[data-ui][data-mode] ::-webkit-scrollbar-thumb { background: var(--usk-native-scrollbar-thumb); border-radius: var(--usk-native-scrollbar-radius); }

@supports (color: color-mix(in srgb, black, white)) {
  [data-ui][data-mode] {
    --usk-native-track: color-mix(in srgb, var(--usk-native-border) 50%, transparent);
  }

  [data-ui][data-mode] :where(code, kbd, samp) {
    border-color: color-mix(in srgb, var(--usk-native-border) 62%, transparent);
  }

  [data-ui][data-mode] :where(mark) {
    background: color-mix(in srgb, var(--usk-native-warning) 32%, transparent);
  }

  [data-ui][data-mode] :where(fieldset) {
    background: color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);
  }

  [data-ui][data-mode] :where(input:disabled, textarea:disabled, select:disabled, button:disabled, [aria-disabled="true"]) {
    background: color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);
  }

  [data-ui][data-mode] :where(th) {
    background: color-mix(in srgb, var(--usk-native-primary) 10%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-ui][data-mode] :where(input[type="file"])::file-selector-button,
  [data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
    transition-duration: 1ms !important;
  }

  [data-ui][data-mode] :where(progress:not([value])) {
    animation: none;
  }
}

[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-runnable-track,
[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-thumb,
[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-track,
[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-thumb,
[data-ui][data-theme][data-mode="contrast"] :where(progress, meter),
[data-ui][data-theme][data-mode="contrast"] :where(progress, meter)::-webkit-progress-bar,
[data-ui][data-theme][data-mode="contrast"] :where(progress)::-webkit-progress-value,
[data-ui][data-theme][data-mode="contrast"] :where(progress)::-moz-progress-bar {
  box-shadow: none;
  filter: none;
}

@media (forced-colors: active) {
  @supports (forced-color-adjust: auto) {
    [data-ui][data-mode] :where(input, textarea, select, button, progress, meter) {
      forced-color-adjust: auto;
    }
  }

  [data-ui][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
    border-color: Mark;
  }
}
}

/** Choice-state paint follows preset geometry, including presets with material surface tokens. */
@layer ui-style-kit.clean_defaults {
/** Disabled choices remain recognizable without relying on faded opacity alone. */
[data-ui][data-mode] :where(input[type="radio"]:disabled) {
  background: var(--usk-native-bg);
  border-color: var(--usk-native-text-muted);
  border-style: dashed;
  opacity: .7;
}
@supports (color: color-mix(in srgb, black, white)) {
  [data-ui][data-mode] :where(input[type="radio"]:disabled) {
    background: color-mix(in srgb, var(--usk-native-text-muted) 24%, var(--usk-native-bg));
  }
}
[data-ui][data-mode] :where(input[type="radio"]:disabled:checked) {
  background: radial-gradient(circle, var(--usk-native-text-muted) 0 31%, transparent 34%), var(--usk-native-bg);
}


@media (forced-colors: active) {
  [data-ui][data-mode] :where(input[type="radio"]:disabled) {
    border-color: GrayText;
    background: Canvas;
  }
}
}


/* styles/components.css */
/* =========================================================
   UI Style Kit CSS - Shared Component Foundations

   Structural-neutral overflow rules live here so visual-only
   entrypoints remain safe inside consumer-owned layouts.
========================================================= */

@layer ui-style-kit.components {
[data-ui][data-mode] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  li,
  dt,
  dd,
  figcaption,
  blockquote,
  label,
  legend,
  summary,
  strong,
  small,
  em,
  code,
  kbd,
  samp,
  pre,
  th,
  td
) {
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

[data-ui][data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],[class~="saas-card"],[class~="saas-panel"],[class~="saas-toolbar"],[class~="saas-well"],[class~="saas-inset"],[class~="saas-field"],[class~="saas-alert"],[class~="saas-table-wrap"],[class~="saas-nav"],[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],[class~="bento-card"],[class~="bento-panel"],[class~="bento-toolbar"],[class~="bento-well"],[class~="bento-inset"],[class~="bento-field"],[class~="bento-alert"],[class~="bento-table-wrap"],[class~="bento-nav"],[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],[class~="max-card"],[class~="max-panel"],[class~="max-toolbar"],[class~="max-well"],[class~="max-inset"],[class~="max-field"],[class~="max-alert"],[class~="max-table-wrap"],[class~="max-nav"],[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],[class~="bau-card"],[class~="bau-panel"],[class~="bau-toolbar"],[class~="bau-well"],[class~="bau-inset"],[class~="bau-field"],[class~="bau-alert"],[class~="bau-table-wrap"],[class~="bau-nav"],[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],[class~="tactile-card"],[class~="tactile-panel"],[class~="tactile-toolbar"],[class~="tactile-well"],[class~="tactile-inset"],[class~="tactile-field"],[class~="tactile-alert"],[class~="tactile-table-wrap"],[class~="tactile-nav"],[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],[class~="neo-card"],[class~="neo-panel"],[class~="neo-toolbar"],[class~="neo-well"],[class~="neo-inset"],[class~="neo-field"],[class~="neo-alert"],[class~="neo-table-wrap"],[class~="neo-nav"],[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],[class~="retro-card"],[class~="retro-panel"],[class~="retro-toolbar"],[class~="retro-well"],[class~="retro-inset"],[class~="retro-field"],[class~="retro-alert"],[class~="retro-table-wrap"],[class~="retro-nav"],[class~="brutal-surface"],[class~="brutal-card"],[class~="brutal-panel"],[class~="brutal-toolbar"],[class~="brutal-well"],[class~="brutal-inset"],[class~="brutal-field"],[class~="brutal-alert"],[class~="brutal-table-wrap"],[class~="brutal-nav"],[class~="cyber-card"],[class~="cyber-panel"],[class~="cyber-toolbar"],[class~="cyber-well"],[class~="cyber-inset"],[class~="cyber-field"],[class~="cyber-alert"],[class~="cyber-table-wrap"],[class~="cyber-nav"],[class~="y2k-card"],[class~="y2k-panel"],[class~="y2k-toolbar"],[class~="y2k-well"],[class~="y2k-inset"],[class~="y2k-field"],[class~="y2k-alert"],[class~="y2k-table-wrap"],[class~="y2k-nav"],[class~="rg-card"],[class~="rg-panel"],[class~="rg-toolbar"],[class~="rg-well"],[class~="rg-inset"],[class~="rg-field"],[class~="rg-alert"],[class~="rg-table-wrap"],[class~="rg-nav"]), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.usk-card,[class~="saas-panel"],.usk-toolbar,[class~="saas-well"],[class~="saas-inset"],.usk-field,.usk-alert,.usk-table-wrap,.usk-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],[class~="bento-panel"],[class~="bento-well"],[class~="bento-inset"],[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],[class~="max-panel"],[class~="max-well"],[class~="max-inset"],[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],[class~="bau-panel"],[class~="bau-well"],[class~="bau-inset"],[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],[class~="tactile-panel"],[class~="tactile-well"],[class~="tactile-inset"],[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],[class~="neo-panel"],[class~="neo-well"],[class~="neo-inset"],[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],[class~="retro-panel"],[class~="retro-well"],[class~="retro-inset"],[class~="brutal-surface"],[class~="brutal-panel"],[class~="brutal-well"],[class~="brutal-inset"],[class~="cyber-panel"],[class~="cyber-well"],[class~="cyber-inset"],[class~="y2k-panel"],[class~="y2k-well"],[class~="y2k-inset"],[class~="rg-panel"],[class~="rg-well"],[class~="rg-inset"]), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.ui-card,[class~="saas-panel"],.ui-toolbar,[class~="saas-well"],[class~="saas-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],[class~="bento-panel"],[class~="bento-well"],[class~="bento-inset"],[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],[class~="max-panel"],[class~="max-well"],[class~="max-inset"],[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],[class~="bau-panel"],[class~="bau-well"],[class~="bau-inset"],[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],[class~="tactile-panel"],[class~="tactile-well"],[class~="tactile-inset"],[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],[class~="neo-panel"],[class~="neo-well"],[class~="neo-inset"],[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],[class~="retro-panel"],[class~="retro-well"],[class~="retro-inset"],[class~="brutal-surface"],[class~="brutal-panel"],[class~="brutal-well"],[class~="brutal-inset"],[class~="cyber-panel"],[class~="cyber-well"],[class~="cyber-inset"],[class~="y2k-panel"],[class~="y2k-well"],[class~="y2k-inset"],[class~="rg-panel"],[class~="rg-well"],[class~="rg-inset"]) {
  max-inline-size: 100%;
  min-inline-size: 0;
}

[data-ui][data-mode] :where([class~="saas-button"],[class~="saas-icon-button"],[class~="saas-badge"],[class~="saas-nav-link"],[class~="bento-button"],[class~="bento-icon-button"],[class~="bento-badge"],[class~="bento-nav-link"],[class~="max-button"],[class~="max-icon-button"],[class~="max-badge"],[class~="max-nav-link"],[class~="bau-button"],[class~="bau-icon-button"],[class~="bau-badge"],[class~="bau-nav-link"],[class~="tactile-button"],[class~="tactile-icon-button"],[class~="tactile-badge"],[class~="tactile-nav-link"],[class~="neo-button"],[class~="neo-icon-button"],[class~="neo-badge"],[class~="neo-nav-link"],[class~="retro-button"],[class~="retro-icon-button"],[class~="retro-badge"],[class~="retro-nav-link"],[class~="brutal-button"],[class~="brutal-icon-button"],[class~="brutal-badge"],[class~="brutal-nav-link"],[class~="cyber-button"],[class~="cyber-icon-button"],[class~="cyber-badge"],[class~="cyber-nav-link"],[class~="y2k-button"],[class~="y2k-icon-button"],[class~="y2k-badge"],[class~="y2k-nav-link"],[class~="rg-button"],[class~="rg-icon-button"],[class~="rg-badge"],[class~="rg-nav-link"]), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button,.usk-icon-button,.usk-badge,.usk-nav-link), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link) {
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

[data-ui][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button,.usk-icon-button,.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-inline-size: 0;
  max-inline-size: 100%;
  line-height: 1.15;
  vertical-align: middle;
}

[data-ui][data-mode] :where(
  .saas-button-pill,
  .bento-button-pill,
  .max-button-pill,
  .bau-button-pill,
  .tactile-button-pill,
  .neo-button-pill,
  .retro-button-pill,
  .brutal-button-pill,
  .cyber-button-pill,
  .y2k-button-pill,
  .rg-button-pill
) {
  min-block-size: 44px;
  padding-block: .65rem;
  padding-inline: max(1rem, 1em);
  border-style: solid;
  border-width: 1px;
  border-radius: 999px;
  font: inherit;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease;
}

.saas-button-pill { color: var(--saas-on-primary); background: var(--saas-primary); border-color: var(--saas-primary); border-radius: var(--saas-radius-pill); }
.bento-button-pill { color: var(--bento-on-primary); background: var(--bento-primary); border-color: var(--bento-primary); border-radius: var(--bento-radius-pill); }
.max-button-pill { color: var(--max-on-primary); background: var(--max-primary); border-color: var(--max-primary); border-radius: var(--max-radius-pill); }
.bau-button-pill { color: var(--bau-on-primary); background: var(--bau-primary); border-color: var(--bau-primary); border-radius: var(--bau-radius-pill); }
.tactile-button-pill { color: var(--tactile-on-primary); background: var(--tactile-primary); border-color: var(--tactile-primary); border-radius: var(--tactile-radius-pill); }
.neo-button-pill { color: var(--neo-on-primary); background: var(--neo-primary); border-color: var(--neo-primary); border-radius: var(--neo-radius-pill); }
.retro-button-pill { color: var(--retro-on-primary); background: var(--retro-primary); border-color: var(--retro-primary); border-radius: var(--retro-radius-pill); }
.brutal-button-pill { color: var(--brutal-on-primary); background: var(--brutal-primary); border-color: var(--brutal-primary); border-radius: var(--brutal-radius-pill); }
.cyber-button-pill { color: var(--cyber-on-primary); background: var(--cyber-primary); border-color: var(--cyber-primary); border-radius: var(--cyber-radius-pill); }
.y2k-button-pill { color: var(--y2k-on-primary); background: var(--y2k-primary); border-color: var(--y2k-primary); border-radius: var(--y2k-radius-pill); }
.rg-button-pill { color: var(--rg-on-primary); background: var(--rg-primary); border-color: var(--rg-primary); border-radius: var(--rg-radius-pill); }

.saas-button-pill:hover { border-color: var(--saas-primary-hover); filter: brightness(1.04); }
.bento-button-pill:hover { border-color: var(--bento-primary-hover); filter: brightness(1.04); }
.max-button-pill:hover { border-color: var(--max-primary-hover); filter: brightness(1.04); }
.bau-button-pill:hover { border-color: var(--bau-primary-hover); filter: brightness(1.04); }
.tactile-button-pill:hover { border-color: var(--tactile-primary-hover); filter: brightness(1.04); }
.neo-button-pill:hover { border-color: var(--neo-primary-hover); filter: brightness(1.04); }
.retro-button-pill:hover { border-color: var(--retro-primary-hover); filter: brightness(1.04); }
.brutal-button-pill:hover { border-color: var(--brutal-primary-hover); filter: brightness(1.04); }
.cyber-button-pill:hover { border-color: var(--cyber-primary-hover); filter: brightness(1.04); }
.y2k-button-pill:hover { border-color: var(--y2k-primary-hover); filter: brightness(1.04); }
.rg-button-pill:hover { border-color: var(--rg-primary-hover); filter: brightness(1.04); }

[data-ui][data-mode] :where(
  .saas-button-pill:active,
  .saas-button-pill[aria-pressed="true"],
  .bento-button-pill:active,
  .bento-button-pill[aria-pressed="true"],
  .max-button-pill:active,
  .max-button-pill[aria-pressed="true"],
  .bau-button-pill:active,
  .bau-button-pill[aria-pressed="true"],
  .tactile-button-pill:active,
  .tactile-button-pill[aria-pressed="true"],
  .neo-button-pill:active,
  .neo-button-pill[aria-pressed="true"],
  .retro-button-pill:active,
  .retro-button-pill[aria-pressed="true"],
  .brutal-button-pill:active,
  .brutal-button-pill[aria-pressed="true"],
  .cyber-button-pill:active,
  .cyber-button-pill[aria-pressed="true"],
  .y2k-button-pill:active,
  .y2k-button-pill[aria-pressed="true"],
  .rg-button-pill:active,
  .rg-button-pill[aria-pressed="true"]
) {
  transform: translateY(1px);
}

.saas-button-pill:focus-visible { outline: 3px solid var(--saas-focus); outline-offset: 3px; box-shadow: var(--saas-focus-ring); }
.bento-button-pill:focus-visible { outline: 3px solid var(--bento-focus); outline-offset: 3px; box-shadow: var(--bento-focus-ring); }
.max-button-pill:focus-visible { outline: 3px solid var(--max-focus); outline-offset: 3px; box-shadow: var(--max-focus-ring); }
.bau-button-pill:focus-visible { outline: 3px solid var(--bau-focus); outline-offset: 3px; box-shadow: var(--bau-focus-ring); }
.tactile-button-pill:focus-visible { outline: 3px solid var(--tactile-focus); outline-offset: 3px; box-shadow: var(--tactile-focus-ring); }
.neo-button-pill:focus-visible { outline: 3px solid var(--neo-focus); outline-offset: 3px; box-shadow: var(--neo-focus-ring); }
.retro-button-pill:focus-visible { outline: 3px solid var(--retro-focus); outline-offset: 3px; box-shadow: var(--retro-focus-ring); }
.brutal-button-pill:focus-visible { outline: 3px solid var(--brutal-focus); outline-offset: 3px; box-shadow: var(--brutal-focus-ring); }
.cyber-button-pill:focus-visible { outline: 3px solid var(--cyber-focus); outline-offset: 3px; box-shadow: var(--cyber-focus-ring); }
.y2k-button-pill:focus-visible { outline: 3px solid var(--y2k-focus); outline-offset: 3px; box-shadow: var(--y2k-focus-ring); }
.rg-button-pill:focus-visible { outline: 3px solid var(--rg-focus); outline-offset: 3px; box-shadow: var(--rg-focus-ring); }

[data-ui][data-mode] :where(
  .saas-button-pill:disabled,
  .saas-button-pill[aria-disabled="true"],
  .bento-button-pill:disabled,
  .bento-button-pill[aria-disabled="true"],
  .max-button-pill:disabled,
  .max-button-pill[aria-disabled="true"],
  .bau-button-pill:disabled,
  .bau-button-pill[aria-disabled="true"],
  .tactile-button-pill:disabled,
  .tactile-button-pill[aria-disabled="true"],
  .neo-button-pill:disabled,
  .neo-button-pill[aria-disabled="true"],
  .retro-button-pill:disabled,
  .retro-button-pill[aria-disabled="true"],
  .brutal-button-pill:disabled,
  .brutal-button-pill[aria-disabled="true"],
  .cyber-button-pill:disabled,
  .cyber-button-pill[aria-disabled="true"],
  .y2k-button-pill:disabled,
  .y2k-button-pill[aria-disabled="true"],
  .rg-button-pill:disabled,
  .rg-button-pill[aria-disabled="true"]
) {
  opacity: .55;
  cursor: not-allowed;
  filter: none;
  transform: none;
}

[data-ui][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left) {
  max-inline-size: min(18rem, calc(100vw - 2rem));
  text-align: start;
  overflow-wrap: break-word;
  word-break: normal;
}

/* Directional tooltips detach only from an explicit anchor so static tooltip chips keep normal-flow sizing. */
[data-ui][data-mode]:where([data-ui-tooltip-anchor]),
[data-ui][data-mode] :where([data-ui-tooltip-anchor]) {
  position: relative;
}

[data-ui][data-mode] :where(
  [data-ui-tooltip-anchor] > .saas-tooltip-top,
  [data-ui-tooltip-anchor] > .saas-tooltip-right,
  [data-ui-tooltip-anchor] > .saas-tooltip-bottom,
  [data-ui-tooltip-anchor] > .saas-tooltip-left,
  [data-ui-tooltip-anchor] > .bento-tooltip-top,
  [data-ui-tooltip-anchor] > .bento-tooltip-right,
  [data-ui-tooltip-anchor] > .bento-tooltip-bottom,
  [data-ui-tooltip-anchor] > .bento-tooltip-left,
  [data-ui-tooltip-anchor] > .max-tooltip-top,
  [data-ui-tooltip-anchor] > .max-tooltip-right,
  [data-ui-tooltip-anchor] > .max-tooltip-bottom,
  [data-ui-tooltip-anchor] > .max-tooltip-left,
  [data-ui-tooltip-anchor] > .bau-tooltip-top,
  [data-ui-tooltip-anchor] > .bau-tooltip-right,
  [data-ui-tooltip-anchor] > .bau-tooltip-bottom,
  [data-ui-tooltip-anchor] > .bau-tooltip-left,
  [data-ui-tooltip-anchor] > .tactile-tooltip-top,
  [data-ui-tooltip-anchor] > .tactile-tooltip-right,
  [data-ui-tooltip-anchor] > .tactile-tooltip-bottom,
  [data-ui-tooltip-anchor] > .tactile-tooltip-left,
  [data-ui-tooltip-anchor] > .neo-tooltip-top,
  [data-ui-tooltip-anchor] > .neo-tooltip-right,
  [data-ui-tooltip-anchor] > .neo-tooltip-bottom,
  [data-ui-tooltip-anchor] > .neo-tooltip-left,
  [data-ui-tooltip-anchor] > .retro-tooltip-top,
  [data-ui-tooltip-anchor] > .retro-tooltip-right,
  [data-ui-tooltip-anchor] > .retro-tooltip-bottom,
  [data-ui-tooltip-anchor] > .retro-tooltip-left,
  [data-ui-tooltip-anchor] > .brutal-tooltip-top,
  [data-ui-tooltip-anchor] > .brutal-tooltip-right,
  [data-ui-tooltip-anchor] > .brutal-tooltip-bottom,
  [data-ui-tooltip-anchor] > .brutal-tooltip-left,
  [data-ui-tooltip-anchor] > .cyber-tooltip-top,
  [data-ui-tooltip-anchor] > .cyber-tooltip-right,
  [data-ui-tooltip-anchor] > .cyber-tooltip-bottom,
  [data-ui-tooltip-anchor] > .cyber-tooltip-left,
  [data-ui-tooltip-anchor] > .y2k-tooltip-top,
  [data-ui-tooltip-anchor] > .y2k-tooltip-right,
  [data-ui-tooltip-anchor] > .y2k-tooltip-bottom,
  [data-ui-tooltip-anchor] > .y2k-tooltip-left,
  [data-ui-tooltip-anchor] > .rg-tooltip-top,
  [data-ui-tooltip-anchor] > .rg-tooltip-right,
  [data-ui-tooltip-anchor] > .rg-tooltip-bottom,
  [data-ui-tooltip-anchor] > .rg-tooltip-left
) {
  position: absolute;
  z-index: 20;
}

[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-top, [data-ui-tooltip-anchor] > .bento-tooltip-top, [data-ui-tooltip-anchor] > .max-tooltip-top, [data-ui-tooltip-anchor] > .bau-tooltip-top, [data-ui-tooltip-anchor] > .tactile-tooltip-top, [data-ui-tooltip-anchor] > .neo-tooltip-top, [data-ui-tooltip-anchor] > .retro-tooltip-top, [data-ui-tooltip-anchor] > .brutal-tooltip-top, [data-ui-tooltip-anchor] > .cyber-tooltip-top, [data-ui-tooltip-anchor] > .y2k-tooltip-top, [data-ui-tooltip-anchor] > .rg-tooltip-top) { inset-block-end: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-right, [data-ui-tooltip-anchor] > .bento-tooltip-right, [data-ui-tooltip-anchor] > .max-tooltip-right, [data-ui-tooltip-anchor] > .bau-tooltip-right, [data-ui-tooltip-anchor] > .tactile-tooltip-right, [data-ui-tooltip-anchor] > .neo-tooltip-right, [data-ui-tooltip-anchor] > .retro-tooltip-right, [data-ui-tooltip-anchor] > .brutal-tooltip-right, [data-ui-tooltip-anchor] > .cyber-tooltip-right, [data-ui-tooltip-anchor] > .y2k-tooltip-right, [data-ui-tooltip-anchor] > .rg-tooltip-right) { inset-inline-start: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-bottom, [data-ui-tooltip-anchor] > .bento-tooltip-bottom, [data-ui-tooltip-anchor] > .max-tooltip-bottom, [data-ui-tooltip-anchor] > .bau-tooltip-bottom, [data-ui-tooltip-anchor] > .tactile-tooltip-bottom, [data-ui-tooltip-anchor] > .neo-tooltip-bottom, [data-ui-tooltip-anchor] > .retro-tooltip-bottom, [data-ui-tooltip-anchor] > .brutal-tooltip-bottom, [data-ui-tooltip-anchor] > .cyber-tooltip-bottom, [data-ui-tooltip-anchor] > .y2k-tooltip-bottom, [data-ui-tooltip-anchor] > .rg-tooltip-bottom) { inset-block-start: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-left, [data-ui-tooltip-anchor] > .bento-tooltip-left, [data-ui-tooltip-anchor] > .max-tooltip-left, [data-ui-tooltip-anchor] > .bau-tooltip-left, [data-ui-tooltip-anchor] > .tactile-tooltip-left, [data-ui-tooltip-anchor] > .neo-tooltip-left, [data-ui-tooltip-anchor] > .retro-tooltip-left, [data-ui-tooltip-anchor] > .brutal-tooltip-left, [data-ui-tooltip-anchor] > .cyber-tooltip-left, [data-ui-tooltip-anchor] > .y2k-tooltip-left, [data-ui-tooltip-anchor] > .rg-tooltip-left) { inset-inline-end: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }

.saas-pill { border-radius: var(--saas-radius-pill); }
.bento-pill { border-radius: var(--bento-radius-pill); }
.max-pill { border-radius: var(--max-radius-pill); }
.bau-pill { border-radius: var(--bau-radius-pill); }
.tactile-pill { border-radius: var(--tactile-radius-pill); }
.neo-pill { border-radius: var(--neo-radius-pill); }
.retro-pill { border-radius: var(--retro-radius-pill); }
.brutal-pill { border-radius: var(--brutal-radius-pill); }
.cyber-pill { border-radius: var(--cyber-radius-pill); }
.y2k-pill { border-radius: var(--y2k-radius-pill); }
.rg-pill { border-radius: var(--rg-radius-pill); }
.saas-rounded { border-radius: var(--saas-radius-md); }
.bento-rounded { border-radius: var(--bento-radius-md); }
.max-rounded { border-radius: var(--max-radius-md); }
.bau-rounded { border-radius: var(--bau-radius-md); }
.tactile-rounded { border-radius: var(--tactile-radius-md); }
.neo-rounded { border-radius: var(--neo-radius-md); }
.retro-rounded { border-radius: var(--retro-radius-md); }
.brutal-rounded { border-radius: var(--brutal-radius-md); }
.cyber-rounded { border-radius: var(--cyber-radius-md); }
.y2k-rounded { border-radius: var(--y2k-radius-md); }
.rg-rounded { border-radius: var(--rg-radius-md); }
.saas-rounded-lg { border-radius: var(--saas-radius-lg); }
.bento-rounded-lg { border-radius: var(--bento-radius-lg); }
.max-rounded-lg { border-radius: var(--max-radius-lg); }
.bau-rounded-lg { border-radius: var(--bau-radius-lg); }
.tactile-rounded-lg { border-radius: var(--tactile-radius-lg); }
.neo-rounded-lg { border-radius: var(--neo-radius-lg); }
.retro-rounded-lg { border-radius: var(--retro-radius-lg); }
.brutal-rounded-lg { border-radius: var(--brutal-radius-lg); }
.cyber-rounded-lg { border-radius: var(--cyber-radius-lg); }
.y2k-rounded-lg { border-radius: var(--y2k-radius-lg); }
.rg-rounded-lg { border-radius: var(--rg-radius-lg); }
.saas-rounded-xl { border-radius: var(--saas-radius-xl); }
.bento-rounded-xl { border-radius: var(--bento-radius-xl); }
.max-rounded-xl { border-radius: var(--max-radius-xl); }
.bau-rounded-xl { border-radius: var(--bau-radius-xl); }
.tactile-rounded-xl { border-radius: var(--tactile-radius-xl); }
.neo-rounded-xl { border-radius: var(--neo-radius-xl); }
.retro-rounded-xl { border-radius: var(--retro-radius-xl); }
.brutal-rounded-xl { border-radius: var(--brutal-radius-xl); }
.cyber-rounded-xl { border-radius: var(--cyber-radius-xl); }
.y2k-rounded-xl { border-radius: var(--y2k-radius-xl); }
.rg-rounded-xl { border-radius: var(--rg-radius-xl); }

.saas-surface, .saas-surface-sm, .saas-surface-lg { color: var(--saas-text); background: var(--saas-card-bg); border: 1px solid var(--saas-border); }
.bento-surface, .bento-surface-sm, .bento-surface-lg { color: var(--bento-text); background: var(--bento-card-bg); border: 1px solid var(--bento-border); }
.max-surface, .max-surface-sm, .max-surface-lg { color: var(--max-text); background: var(--max-card-bg); border: 1px solid var(--max-border); }
.bau-surface, .bau-surface-sm, .bau-surface-lg { color: var(--bau-text); background: var(--bau-card-bg); border: 1px solid var(--bau-border); }
.tactile-surface, .tactile-surface-sm, .tactile-surface-lg { color: var(--tactile-text); background: var(--tactile-card-bg); border: 1px solid var(--tactile-border); }
.neo-surface, .neo-surface-sm, .neo-surface-lg { color: var(--neo-text); background: var(--neo-card-bg); border: 1px solid var(--neo-border); }
.retro-surface, .retro-surface-sm, .retro-surface-lg { color: var(--retro-text); background: var(--retro-card-bg); border: 1px solid var(--retro-border); }
.brutal-surface, .brutal-surface-sm, .brutal-surface-lg { color: var(--brutal-text); background: var(--brutal-card-bg); border: 3px solid var(--brutal-border); }
.cyber-surface, .cyber-surface-sm, .cyber-surface-lg { color: var(--cyber-text); background: var(--cyber-card-bg); border: 1px solid var(--cyber-border); }
.y2k-surface, .y2k-surface-sm, .y2k-surface-lg { color: var(--y2k-text); background: var(--y2k-card-bg); border: 1px solid var(--y2k-border); }
.rg-surface, .rg-surface-sm, .rg-surface-lg { color: var(--rg-text); background: var(--rg-card-bg); border: 1px solid var(--rg-border); }

.saas-bg-primary, .bento-bg-primary, .max-bg-primary, .bau-bg-primary, .tactile-bg-primary, .neo-bg-primary, .retro-bg-primary, .brutal-bg-primary, .cyber-bg-primary, .y2k-bg-primary, .rg-bg-primary { background: var(--usk-native-primary); color: var(--usk-native-on-primary); }
.saas-bg-secondary, .bento-bg-secondary, .max-bg-secondary, .bau-bg-secondary, .tactile-bg-secondary, .neo-bg-secondary, .retro-bg-secondary, .brutal-bg-secondary, .cyber-bg-secondary, .y2k-bg-secondary, .rg-bg-secondary { background: var(--usk-native-surface-soft); color: var(--usk-native-text); }
.saas-border, .bento-border, .max-border, .bau-border, .tactile-border, .neo-border, .retro-border, .brutal-border, .cyber-border, .y2k-border, .rg-border { border: var(--usk-native-border-width) solid var(--usk-native-border); }
.saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); }
.saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }

.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-button:where([data-ui-variant="ghost"]) {
  color: var(--usk-primary-ink, var(--usk-native-primary));
  background: transparent;
  border-color: var(--usk-native-border);
}

.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-check, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-radio, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-switch, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-check, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-radio, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-switch {
  display: inline-flex;
  align-items: center;
  gap: var(--usk-native-field-gap);
  min-block-size: 24px;
  color: var(--usk-native-text);
}

.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-check-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-radio-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-check-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-radio-control {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  accent-color: var(--usk-native-primary);
}

.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-switch-track {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  inline-size: 2.75rem;
  block-size: 1.5rem;
  padding: .18rem;
  background: var(--usk-native-track);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: 999px;
}

.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-switch-thumb {
  inline-size: 1rem;
  block-size: 1rem;
  background: var(--usk-native-thumb);
  border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
  border-radius: 999px;
  transition: transform 160ms ease;
}

.saas-switch:has(input:checked) .saas-switch-track, .bento-switch:has(input:checked) .bento-switch-track, .max-switch:has(input:checked) .max-switch-track, .bau-switch:has(input:checked) .bau-switch-track, .tactile-switch:has(input:checked) .tactile-switch-track, .neo-switch:has(input:checked) .neo-switch-track, .retro-switch:has(input:checked) .retro-switch-track, .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, .rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .usk-switch:has(input:checked) .usk-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) .ui-switch:has(input:checked) .ui-switch-track {
  background: var(--usk-native-track-fill);
}

.saas-sr-only, .saas-visually-hidden, .bento-sr-only, .bento-visually-hidden, .max-sr-only, .max-visually-hidden, .bau-sr-only, .bau-visually-hidden, .tactile-sr-only, .tactile-visually-hidden, .neo-sr-only, .neo-visually-hidden, .retro-sr-only, .retro-visually-hidden, .brutal-sr-only, .brutal-visually-hidden, .cyber-sr-only, .cyber-visually-hidden, .y2k-sr-only, .y2k-visually-hidden, .rg-sr-only, .rg-visually-hidden {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.saas-skip-link, .bento-skip-link, .max-skip-link, .bau-skip-link, .tactile-skip-link, .neo-skip-link, .retro-skip-link, .brutal-skip-link, .cyber-skip-link, .y2k-skip-link, .rg-skip-link {
  position: absolute;
  inset-block-start: .75rem;
  inset-inline-start: .75rem;
  z-index: 1000;
  padding: .75rem 1rem;
  color: var(--usk-native-on-primary);
  background: var(--usk-native-primary);
  border-radius: var(--usk-native-radius);
  transform: translateY(calc(-100% - 1rem));
}

.saas-skip-link:focus-visible, .bento-skip-link:focus-visible, .max-skip-link:focus-visible, .bau-skip-link:focus-visible, .tactile-skip-link:focus-visible, .neo-skip-link:focus-visible, .retro-skip-link:focus-visible, .brutal-skip-link:focus-visible, .cyber-skip-link:focus-visible, .y2k-skip-link:focus-visible, .rg-skip-link:focus-visible {
  transform: translateY(0);
}
}

/**
 * Normalizes the split-line trust seal hierarchy across every visual preset.
 * Both lines inherit their seal's paired foreground instead of native page-text paint.
 * The root attributes intentionally raise specificity within the preset layer
 * so later style-specific defaults cannot collapse the number and caption.
 */
@layer ui-style-kit.presets {
[data-ui][data-mode] :where(
  .saas-badge-seal,
  .bento-badge-seal,
  .max-badge-seal,
  .bau-badge-seal,
  .tactile-badge-seal,
  .neo-badge-seal,
  .retro-badge-seal,
  .brutal-badge-seal,
  .cyber-badge-seal,
  .y2k-badge-seal,
  .rg-badge-seal,
  .luxe-badge-seal,
  .organic-badge-seal,
  .utility-badge-seal,
  .blueprint-badge-seal,
  .deco-badge-seal,
  .clay-badge-seal,
  .terminal-badge-seal,
  .paper-badge-seal,
  .noir-badge-seal
) > strong {
  color: inherit;
  font-size: 1.5rem;
  line-height: .9;
}

[data-ui][data-mode] :where(
  .saas-badge-seal,
  .bento-badge-seal,
  .max-badge-seal,
  .bau-badge-seal,
  .tactile-badge-seal,
  .neo-badge-seal,
  .retro-badge-seal,
  .brutal-badge-seal,
  .cyber-badge-seal,
  .y2k-badge-seal,
  .rg-badge-seal,
  .luxe-badge-seal,
  .organic-badge-seal,
  .utility-badge-seal,
  .blueprint-badge-seal,
  .deco-badge-seal,
  .clay-badge-seal,
  .terminal-badge-seal,
  .paper-badge-seal,
  .noir-badge-seal
) > small {
  color: inherit;
  font-size: .8125rem;
  line-height: 1;
}
}

/* BEGIN GENERATED 2.2 PRESET COMPONENT FOUNDATIONS */
/* Generated by scripts/generate-expanded-components.mjs from manifest.json. */
@layer ui-style-kit.components {
[data-ui][data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.luxe-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.luxe-toolbar,.luxe-well,.luxe-inset,.luxe-field,.luxe-alert,.luxe-table-wrap,.luxe-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.organic-card,.organic-card-service,.organic-card-feature,.organic-panel,.organic-toolbar,.organic-well,.organic-inset,.organic-field,.organic-alert,.organic-table-wrap,.organic-nav,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.utility-card,.utility-card-service,.utility-card-feature,.utility-panel,.utility-toolbar,.utility-well,.utility-inset,.utility-field,.utility-alert,.utility-table-wrap,.utility-nav,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.blueprint-card,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.blueprint-toolbar,.blueprint-well,.blueprint-inset,.blueprint-field,.blueprint-alert,.blueprint-table-wrap,.blueprint-nav,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.deco-card,.deco-card-service,.deco-card-feature,.deco-panel,.deco-toolbar,.deco-well,.deco-inset,.deco-field,.deco-alert,.deco-table-wrap,.deco-nav,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.clay-card,.clay-card-service,.clay-card-feature,.clay-panel,.clay-toolbar,.clay-well,.clay-inset,.clay-field,.clay-alert,.clay-table-wrap,.clay-nav,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.terminal-card,.terminal-card-service,.terminal-card-feature,.terminal-panel,.terminal-toolbar,.terminal-well,.terminal-inset,.terminal-field,.terminal-alert,.terminal-table-wrap,.terminal-nav,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.paper-card,.paper-card-service,.paper-card-feature,.paper-panel,.paper-toolbar,.paper-well,.paper-inset,.paper-field,.paper-alert,.paper-table-wrap,.paper-nav,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.noir-card,.noir-card-service,.noir-card-feature,.noir-panel,.noir-toolbar,.noir-well,.noir-inset,.noir-field,.noir-alert,.noir-table-wrap,.noir-nav,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.usk-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.usk-toolbar,.luxe-well,.luxe-inset,.usk-field,.usk-alert,.usk-table-wrap,.usk-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.organic-card-service,.organic-card-feature,.organic-panel,.organic-well,.organic-inset,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.utility-card-service,.utility-card-feature,.utility-panel,.utility-well,.utility-inset,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.blueprint-well,.blueprint-inset,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.deco-card-service,.deco-card-feature,.deco-panel,.deco-well,.deco-inset,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.clay-card-service,.clay-card-feature,.clay-panel,.clay-well,.clay-inset,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.terminal-card-service,.terminal-card-feature,.terminal-panel,.terminal-well,.terminal-inset,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.paper-card-service,.paper-card-feature,.paper-panel,.paper-well,.paper-inset,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.noir-card-service,.noir-card-feature,.noir-panel,.noir-well,.noir-inset,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.ui-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.ui-toolbar,.luxe-well,.luxe-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.organic-card-service,.organic-card-feature,.organic-panel,.organic-well,.organic-inset,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.utility-card-service,.utility-card-feature,.utility-panel,.utility-well,.utility-inset,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.blueprint-well,.blueprint-inset,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.deco-card-service,.deco-card-feature,.deco-panel,.deco-well,.deco-inset,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.clay-card-service,.clay-card-feature,.clay-panel,.clay-well,.clay-inset,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.terminal-card-service,.terminal-card-feature,.terminal-panel,.terminal-well,.terminal-inset,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.paper-card-service,.paper-card-feature,.paper-panel,.paper-well,.paper-inset,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.noir-card-service,.noir-card-feature,.noir-panel,.noir-well,.noir-inset,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim) {
  max-inline-size: 100%;
  min-inline-size: 0;
}

[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.luxe-badge,.luxe-badge-seal,.luxe-nav-link,.luxe-icon-medallion,.organic-button,.organic-icon-button,.organic-button-cut,.organic-button-outline-heavy,.organic-badge,.organic-badge-seal,.organic-nav-link,.organic-icon-medallion,.utility-button,.utility-icon-button,.utility-button-cut,.utility-button-outline-heavy,.utility-badge,.utility-badge-seal,.utility-nav-link,.utility-icon-medallion,.blueprint-button,.blueprint-icon-button,.blueprint-button-cut,.blueprint-button-outline-heavy,.blueprint-badge,.blueprint-badge-seal,.blueprint-nav-link,.blueprint-icon-medallion,.deco-button,.deco-icon-button,.deco-button-cut,.deco-button-outline-heavy,.deco-badge,.deco-badge-seal,.deco-nav-link,.deco-icon-medallion,.clay-button,.clay-icon-button,.clay-button-cut,.clay-button-outline-heavy,.clay-badge,.clay-badge-seal,.clay-nav-link,.clay-icon-medallion,.terminal-button,.terminal-icon-button,.terminal-button-cut,.terminal-button-outline-heavy,.terminal-badge,.terminal-badge-seal,.terminal-nav-link,.terminal-icon-medallion,.paper-button,.paper-icon-button,.paper-button-cut,.paper-button-outline-heavy,.paper-badge,.paper-badge-seal,.paper-nav-link,.paper-icon-medallion,.noir-button,.noir-icon-button,.noir-button-cut,.noir-button-outline-heavy,.noir-badge,.noir-badge-seal,.noir-nav-link,.noir-icon-medallion), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button,.usk-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.usk-badge,.luxe-badge-seal,.usk-nav-link,.luxe-icon-medallion,.organic-button-cut,.organic-button-outline-heavy,.organic-badge-seal,.organic-icon-medallion,.utility-button-cut,.utility-button-outline-heavy,.utility-badge-seal,.utility-icon-medallion,.blueprint-button-cut,.blueprint-button-outline-heavy,.blueprint-badge-seal,.blueprint-icon-medallion,.deco-button-cut,.deco-button-outline-heavy,.deco-badge-seal,.deco-icon-medallion,.clay-button-cut,.clay-button-outline-heavy,.clay-badge-seal,.clay-icon-medallion,.terminal-button-cut,.terminal-button-outline-heavy,.terminal-badge-seal,.terminal-icon-medallion,.paper-button-cut,.paper-button-outline-heavy,.paper-badge-seal,.paper-icon-medallion,.noir-button-cut,.noir-button-outline-heavy,.noir-badge-seal,.noir-icon-medallion), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.ui-badge,.luxe-badge-seal,.ui-nav-link,.luxe-icon-medallion,.organic-button-cut,.organic-button-outline-heavy,.organic-badge-seal,.organic-icon-medallion,.utility-button-cut,.utility-button-outline-heavy,.utility-badge-seal,.utility-icon-medallion,.blueprint-button-cut,.blueprint-button-outline-heavy,.blueprint-badge-seal,.blueprint-icon-medallion,.deco-button-cut,.deco-button-outline-heavy,.deco-badge-seal,.deco-icon-medallion,.clay-button-cut,.clay-button-outline-heavy,.clay-badge-seal,.clay-icon-medallion,.terminal-button-cut,.terminal-button-outline-heavy,.terminal-badge-seal,.terminal-icon-medallion,.paper-button-cut,.paper-button-outline-heavy,.paper-badge-seal,.paper-icon-medallion,.noir-button-cut,.noir-button-outline-heavy,.noir-badge-seal,.noir-icon-medallion) {
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-pill,.organic-button,.organic-icon-button,.organic-button-pill,.utility-button,.utility-icon-button,.utility-button-pill,.blueprint-button,.blueprint-icon-button,.blueprint-button-pill,.deco-button,.deco-icon-button,.deco-button-pill,.clay-button,.clay-icon-button,.clay-button-pill,.terminal-button,.terminal-icon-button,.terminal-button-pill,.paper-button,.paper-icon-button,.paper-button-pill,.noir-button,.noir-icon-button,.noir-button-pill), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button,.usk-icon-button,.luxe-button-pill,.organic-button-pill,.utility-button-pill,.blueprint-button-pill,.deco-button-pill,.clay-button-pill,.terminal-button-pill,.paper-button-pill,.noir-button-pill), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-pill,.organic-button-pill,.utility-button-pill,.blueprint-button-pill,.deco-button-pill,.clay-button-pill,.terminal-button-pill,.paper-button-pill,.noir-button-pill) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-inline-size: 0;
  max-inline-size: 100%;
  line-height: 1.15;
  vertical-align: middle;
}

[data-ui][data-mode] :where(
  .luxe-button-pill,
  .organic-button-pill,
  .utility-button-pill,
  .blueprint-button-pill,
  .deco-button-pill,
  .clay-button-pill,
  .terminal-button-pill,
  .paper-button-pill,
  .noir-button-pill
) {
  min-block-size: 44px;
  padding-block: .65rem;
  padding-inline: max(1rem, 1em);
  border-style: solid;
  border-width: 1px;
  border-radius: 999px;
  font: inherit;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.luxe-button-pill { color: var(--luxe-on-primary); background: var(--luxe-primary); border-color: var(--luxe-primary); border-radius: var(--luxe-radius-pill); }
.luxe-button-pill:hover { border-color: var(--luxe-primary-hover); filter: brightness(1.04); }
.luxe-button-pill:focus-visible { outline: 3px solid var(--luxe-focus); outline-offset: 3px; box-shadow: var(--luxe-focus-ring); }
.luxe-pill { border-radius: var(--luxe-radius-pill); }
.luxe-rounded { border-radius: var(--luxe-radius-md); }
.luxe-rounded-lg { border-radius: var(--luxe-radius-lg); }
.luxe-rounded-xl { border-radius: var(--luxe-radius-xl); }
.luxe-surface, .luxe-surface-sm, .luxe-surface-lg { color: var(--luxe-text); background: var(--luxe-card-bg); border: 1px solid var(--luxe-border); }

.organic-button-pill { color: var(--organic-on-primary); background: var(--organic-primary); border-color: var(--organic-primary); border-radius: var(--organic-radius-pill); }
.organic-button-pill:hover { border-color: var(--organic-primary-hover); filter: brightness(1.04); }
.organic-button-pill:focus-visible { outline: 3px solid var(--organic-focus); outline-offset: 3px; box-shadow: var(--organic-focus-ring); }
.organic-pill { border-radius: var(--organic-radius-pill); }
.organic-rounded { border-radius: var(--organic-radius-md); }
.organic-rounded-lg { border-radius: var(--organic-radius-lg); }
.organic-rounded-xl { border-radius: var(--organic-radius-xl); }
.organic-surface, .organic-surface-sm, .organic-surface-lg { color: var(--organic-text); background: var(--organic-card-bg); border: 1px solid var(--organic-border); }

.utility-button-pill { color: var(--utility-on-primary); background: var(--utility-primary); border-color: var(--utility-primary); border-radius: var(--utility-radius-pill); }
.utility-button-pill:hover { border-color: var(--utility-primary-hover); filter: brightness(1.04); }
.utility-button-pill:focus-visible { outline: 3px solid var(--utility-focus); outline-offset: 3px; box-shadow: var(--utility-focus-ring); }
.utility-pill { border-radius: var(--utility-radius-pill); }
.utility-rounded { border-radius: var(--utility-radius-md); }
.utility-rounded-lg { border-radius: var(--utility-radius-lg); }
.utility-rounded-xl { border-radius: var(--utility-radius-xl); }
.utility-surface, .utility-surface-sm, .utility-surface-lg { color: var(--utility-text); background: var(--utility-card-bg); border: 1px solid var(--utility-border); }

.blueprint-button-pill { color: var(--blueprint-on-primary); background: var(--blueprint-primary); border-color: var(--blueprint-primary); border-radius: var(--blueprint-radius-pill); }
.blueprint-button-pill:hover { border-color: var(--blueprint-primary-hover); filter: brightness(1.04); }
.blueprint-button-pill:focus-visible { outline: 3px solid var(--blueprint-focus); outline-offset: 3px; box-shadow: var(--blueprint-focus-ring); }
.blueprint-pill { border-radius: var(--blueprint-radius-pill); }
.blueprint-rounded { border-radius: var(--blueprint-radius-md); }
.blueprint-rounded-lg { border-radius: var(--blueprint-radius-lg); }
.blueprint-rounded-xl { border-radius: var(--blueprint-radius-xl); }
.blueprint-surface, .blueprint-surface-sm, .blueprint-surface-lg { color: var(--blueprint-text); background: var(--blueprint-card-bg); border: 1px solid var(--blueprint-border); }

.deco-button-pill { color: var(--deco-on-primary); background: var(--deco-primary); border-color: var(--deco-primary); border-radius: var(--deco-radius-pill); }
.deco-button-pill:hover { border-color: var(--deco-primary-hover); filter: brightness(1.04); }
.deco-button-pill:focus-visible { outline: 3px solid var(--deco-focus); outline-offset: 3px; box-shadow: var(--deco-focus-ring); }
.deco-pill { border-radius: var(--deco-radius-pill); }
.deco-rounded { border-radius: var(--deco-radius-md); }
.deco-rounded-lg { border-radius: var(--deco-radius-lg); }
.deco-rounded-xl { border-radius: var(--deco-radius-xl); }
.deco-surface, .deco-surface-sm, .deco-surface-lg { color: var(--deco-text); background: var(--deco-card-bg); border: 1px solid var(--deco-border); }

.clay-button-pill { color: var(--clay-on-primary); background: var(--clay-primary); border-color: var(--clay-primary); border-radius: var(--clay-radius-pill); }
.clay-button-pill:hover { border-color: var(--clay-primary-hover); filter: brightness(1.04); }
.clay-button-pill:focus-visible { outline: 3px solid var(--clay-focus); outline-offset: 3px; box-shadow: var(--clay-focus-ring); }
.clay-pill { border-radius: var(--clay-radius-pill); }
.clay-rounded { border-radius: var(--clay-radius-md); }
.clay-rounded-lg { border-radius: var(--clay-radius-lg); }
.clay-rounded-xl { border-radius: var(--clay-radius-xl); }
.clay-surface, .clay-surface-sm, .clay-surface-lg { color: var(--clay-text); background: var(--clay-card-bg); border: 1px solid var(--clay-border); }

.terminal-button-pill { color: var(--terminal-on-primary); background: var(--terminal-primary); border-color: var(--terminal-primary); border-radius: var(--terminal-radius-pill); }
.terminal-button-pill:hover { border-color: var(--terminal-primary-hover); filter: brightness(1.04); }
.terminal-button-pill:focus-visible { outline: 3px solid var(--terminal-focus); outline-offset: 3px; box-shadow: var(--terminal-focus-ring); }
.terminal-pill { border-radius: var(--terminal-radius-pill); }
.terminal-rounded { border-radius: var(--terminal-radius-md); }
.terminal-rounded-lg { border-radius: var(--terminal-radius-lg); }
.terminal-rounded-xl { border-radius: var(--terminal-radius-xl); }
.terminal-surface, .terminal-surface-sm, .terminal-surface-lg { color: var(--terminal-text); background: var(--terminal-card-bg); border: 1px solid var(--terminal-border); }

.paper-button-pill { color: var(--paper-on-primary); background: var(--paper-primary); border-color: var(--paper-primary); border-radius: var(--paper-radius-pill); }
.paper-button-pill:hover { border-color: var(--paper-primary-hover); filter: brightness(1.04); }
.paper-button-pill:focus-visible { outline: 3px solid var(--paper-focus); outline-offset: 3px; box-shadow: var(--paper-focus-ring); }
.paper-pill { border-radius: var(--paper-radius-pill); }
.paper-rounded { border-radius: var(--paper-radius-md); }
.paper-rounded-lg { border-radius: var(--paper-radius-lg); }
.paper-rounded-xl { border-radius: var(--paper-radius-xl); }
.paper-surface, .paper-surface-sm, .paper-surface-lg { color: var(--paper-text); background: var(--paper-card-bg); border: 1px solid var(--paper-border); }

.noir-button-pill { color: var(--noir-on-primary); background: var(--noir-primary); border-color: var(--noir-primary); border-radius: var(--noir-radius-pill); }
.noir-button-pill:hover { border-color: var(--noir-primary-hover); filter: brightness(1.04); }
.noir-button-pill:focus-visible { outline: 3px solid var(--noir-focus); outline-offset: 3px; box-shadow: var(--noir-focus-ring); }
.noir-pill { border-radius: var(--noir-radius-pill); }
.noir-rounded { border-radius: var(--noir-radius-md); }
.noir-rounded-lg { border-radius: var(--noir-radius-lg); }
.noir-rounded-xl { border-radius: var(--noir-radius-xl); }
.noir-surface, .noir-surface-sm, .noir-surface-lg { color: var(--noir-text); background: var(--noir-card-bg); border: 1px solid var(--noir-border); }

[data-ui][data-mode] :where(
  .luxe-button-pill:active,
  .luxe-button-pill[aria-pressed="true"],
  .organic-button-pill:active,
  .organic-button-pill[aria-pressed="true"],
  .utility-button-pill:active,
  .utility-button-pill[aria-pressed="true"],
  .blueprint-button-pill:active,
  .blueprint-button-pill[aria-pressed="true"],
  .deco-button-pill:active,
  .deco-button-pill[aria-pressed="true"],
  .clay-button-pill:active,
  .clay-button-pill[aria-pressed="true"],
  .terminal-button-pill:active,
  .terminal-button-pill[aria-pressed="true"],
  .paper-button-pill:active,
  .paper-button-pill[aria-pressed="true"],
  .noir-button-pill:active,
  .noir-button-pill[aria-pressed="true"]
) { transform: translateY(1px); }

[data-ui][data-mode] :where(
  .luxe-button-pill:disabled,
  .luxe-button-pill[aria-disabled="true"],
  .organic-button-pill:disabled,
  .organic-button-pill[aria-disabled="true"],
  .utility-button-pill:disabled,
  .utility-button-pill[aria-disabled="true"],
  .blueprint-button-pill:disabled,
  .blueprint-button-pill[aria-disabled="true"],
  .deco-button-pill:disabled,
  .deco-button-pill[aria-disabled="true"],
  .clay-button-pill:disabled,
  .clay-button-pill[aria-disabled="true"],
  .terminal-button-pill:disabled,
  .terminal-button-pill[aria-disabled="true"],
  .paper-button-pill:disabled,
  .paper-button-pill[aria-disabled="true"],
  .noir-button-pill:disabled,
  .noir-button-pill[aria-disabled="true"]
) { opacity: .55; cursor: not-allowed; filter: none; transform: none; }

[data-ui][data-mode] :where(.luxe-tooltip,.luxe-tooltip-top,.luxe-tooltip-right,.luxe-tooltip-bottom,.luxe-tooltip-left,.organic-tooltip,.organic-tooltip-top,.organic-tooltip-right,.organic-tooltip-bottom,.organic-tooltip-left,.utility-tooltip,.utility-tooltip-top,.utility-tooltip-right,.utility-tooltip-bottom,.utility-tooltip-left,.blueprint-tooltip,.blueprint-tooltip-top,.blueprint-tooltip-right,.blueprint-tooltip-bottom,.blueprint-tooltip-left,.deco-tooltip,.deco-tooltip-top,.deco-tooltip-right,.deco-tooltip-bottom,.deco-tooltip-left,.clay-tooltip,.clay-tooltip-top,.clay-tooltip-right,.clay-tooltip-bottom,.clay-tooltip-left,.terminal-tooltip,.terminal-tooltip-top,.terminal-tooltip-right,.terminal-tooltip-bottom,.terminal-tooltip-left,.paper-tooltip,.paper-tooltip-top,.paper-tooltip-right,.paper-tooltip-bottom,.paper-tooltip-left,.noir-tooltip,.noir-tooltip-top,.noir-tooltip-right,.noir-tooltip-bottom,.noir-tooltip-left), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip,.luxe-tooltip-top,.luxe-tooltip-right,.luxe-tooltip-bottom,.luxe-tooltip-left,.organic-tooltip-top,.organic-tooltip-right,.organic-tooltip-bottom,.organic-tooltip-left,.utility-tooltip-top,.utility-tooltip-right,.utility-tooltip-bottom,.utility-tooltip-left,.blueprint-tooltip-top,.blueprint-tooltip-right,.blueprint-tooltip-bottom,.blueprint-tooltip-left,.deco-tooltip-top,.deco-tooltip-right,.deco-tooltip-bottom,.deco-tooltip-left,.clay-tooltip-top,.clay-tooltip-right,.clay-tooltip-bottom,.clay-tooltip-left,.terminal-tooltip-top,.terminal-tooltip-right,.terminal-tooltip-bottom,.terminal-tooltip-left,.paper-tooltip-top,.paper-tooltip-right,.paper-tooltip-bottom,.paper-tooltip-left,.noir-tooltip-top,.noir-tooltip-right,.noir-tooltip-bottom,.noir-tooltip-left), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip,.luxe-tooltip-top,.luxe-tooltip-right,.luxe-tooltip-bottom,.luxe-tooltip-left,.organic-tooltip-top,.organic-tooltip-right,.organic-tooltip-bottom,.organic-tooltip-left,.utility-tooltip-top,.utility-tooltip-right,.utility-tooltip-bottom,.utility-tooltip-left,.blueprint-tooltip-top,.blueprint-tooltip-right,.blueprint-tooltip-bottom,.blueprint-tooltip-left,.deco-tooltip-top,.deco-tooltip-right,.deco-tooltip-bottom,.deco-tooltip-left,.clay-tooltip-top,.clay-tooltip-right,.clay-tooltip-bottom,.clay-tooltip-left,.terminal-tooltip-top,.terminal-tooltip-right,.terminal-tooltip-bottom,.terminal-tooltip-left,.paper-tooltip-top,.paper-tooltip-right,.paper-tooltip-bottom,.paper-tooltip-left,.noir-tooltip-top,.noir-tooltip-right,.noir-tooltip-bottom,.noir-tooltip-left) { max-inline-size: min(18rem, calc(100vw - 2rem)); text-align: start; overflow-wrap: break-word; word-break: normal; }

[data-ui][data-mode] :where(
  [data-ui-tooltip-anchor] > .luxe-tooltip-top,
  [data-ui-tooltip-anchor] > .luxe-tooltip-right,
  [data-ui-tooltip-anchor] > .luxe-tooltip-bottom,
  [data-ui-tooltip-anchor] > .luxe-tooltip-left,
  [data-ui-tooltip-anchor] > .organic-tooltip-top,
  [data-ui-tooltip-anchor] > .organic-tooltip-right,
  [data-ui-tooltip-anchor] > .organic-tooltip-bottom,
  [data-ui-tooltip-anchor] > .organic-tooltip-left,
  [data-ui-tooltip-anchor] > .utility-tooltip-top,
  [data-ui-tooltip-anchor] > .utility-tooltip-right,
  [data-ui-tooltip-anchor] > .utility-tooltip-bottom,
  [data-ui-tooltip-anchor] > .utility-tooltip-left,
  [data-ui-tooltip-anchor] > .blueprint-tooltip-top,
  [data-ui-tooltip-anchor] > .blueprint-tooltip-right,
  [data-ui-tooltip-anchor] > .blueprint-tooltip-bottom,
  [data-ui-tooltip-anchor] > .blueprint-tooltip-left,
  [data-ui-tooltip-anchor] > .deco-tooltip-top,
  [data-ui-tooltip-anchor] > .deco-tooltip-right,
  [data-ui-tooltip-anchor] > .deco-tooltip-bottom,
  [data-ui-tooltip-anchor] > .deco-tooltip-left,
  [data-ui-tooltip-anchor] > .clay-tooltip-top,
  [data-ui-tooltip-anchor] > .clay-tooltip-right,
  [data-ui-tooltip-anchor] > .clay-tooltip-bottom,
  [data-ui-tooltip-anchor] > .clay-tooltip-left,
  [data-ui-tooltip-anchor] > .terminal-tooltip-top,
  [data-ui-tooltip-anchor] > .terminal-tooltip-right,
  [data-ui-tooltip-anchor] > .terminal-tooltip-bottom,
  [data-ui-tooltip-anchor] > .terminal-tooltip-left,
  [data-ui-tooltip-anchor] > .paper-tooltip-top,
  [data-ui-tooltip-anchor] > .paper-tooltip-right,
  [data-ui-tooltip-anchor] > .paper-tooltip-bottom,
  [data-ui-tooltip-anchor] > .paper-tooltip-left,
  [data-ui-tooltip-anchor] > .noir-tooltip-top,
  [data-ui-tooltip-anchor] > .noir-tooltip-right,
  [data-ui-tooltip-anchor] > .noir-tooltip-bottom,
  [data-ui-tooltip-anchor] > .noir-tooltip-left
) { position: absolute; z-index: 20; }

[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .luxe-tooltip-top, [data-ui-tooltip-anchor] > .organic-tooltip-top, [data-ui-tooltip-anchor] > .utility-tooltip-top, [data-ui-tooltip-anchor] > .blueprint-tooltip-top, [data-ui-tooltip-anchor] > .deco-tooltip-top, [data-ui-tooltip-anchor] > .clay-tooltip-top, [data-ui-tooltip-anchor] > .terminal-tooltip-top, [data-ui-tooltip-anchor] > .paper-tooltip-top, [data-ui-tooltip-anchor] > .noir-tooltip-top) { inset-block-end: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .luxe-tooltip-right, [data-ui-tooltip-anchor] > .organic-tooltip-right, [data-ui-tooltip-anchor] > .utility-tooltip-right, [data-ui-tooltip-anchor] > .blueprint-tooltip-right, [data-ui-tooltip-anchor] > .deco-tooltip-right, [data-ui-tooltip-anchor] > .clay-tooltip-right, [data-ui-tooltip-anchor] > .terminal-tooltip-right, [data-ui-tooltip-anchor] > .paper-tooltip-right, [data-ui-tooltip-anchor] > .noir-tooltip-right) { inset-inline-start: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .luxe-tooltip-bottom, [data-ui-tooltip-anchor] > .organic-tooltip-bottom, [data-ui-tooltip-anchor] > .utility-tooltip-bottom, [data-ui-tooltip-anchor] > .blueprint-tooltip-bottom, [data-ui-tooltip-anchor] > .deco-tooltip-bottom, [data-ui-tooltip-anchor] > .clay-tooltip-bottom, [data-ui-tooltip-anchor] > .terminal-tooltip-bottom, [data-ui-tooltip-anchor] > .paper-tooltip-bottom, [data-ui-tooltip-anchor] > .noir-tooltip-bottom) { inset-block-start: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
[data-ui][data-mode] :where([data-ui-tooltip-anchor] > .luxe-tooltip-left, [data-ui-tooltip-anchor] > .organic-tooltip-left, [data-ui-tooltip-anchor] > .utility-tooltip-left, [data-ui-tooltip-anchor] > .blueprint-tooltip-left, [data-ui-tooltip-anchor] > .deco-tooltip-left, [data-ui-tooltip-anchor] > .clay-tooltip-left, [data-ui-tooltip-anchor] > .terminal-tooltip-left, [data-ui-tooltip-anchor] > .paper-tooltip-left, [data-ui-tooltip-anchor] > .noir-tooltip-left) { inset-inline-end: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }

:where(.luxe-bg-primary, .organic-bg-primary, .utility-bg-primary, .blueprint-bg-primary, .deco-bg-primary, .clay-bg-primary, .terminal-bg-primary, .paper-bg-primary, .noir-bg-primary) { background: var(--usk-native-primary); color: var(--usk-native-on-primary); }
:where(.luxe-bg-secondary, .organic-bg-secondary, .utility-bg-secondary, .blueprint-bg-secondary, .deco-bg-secondary, .clay-bg-secondary, .terminal-bg-secondary, .paper-bg-secondary, .noir-bg-secondary) { background: var(--usk-native-surface-soft); color: var(--usk-native-text); }
:where(.luxe-border, .organic-border, .utility-border, .blueprint-border, .deco-border, .clay-border, .terminal-border, .paper-border, .noir-border) { border: var(--usk-native-border-width) solid var(--usk-native-border); }
:where(.luxe-divider, .organic-divider, .utility-divider, .blueprint-divider, .deco-divider, .clay-divider, .terminal-divider, .paper-divider, .noir-divider) { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); }
:where(.luxe-disabled, .organic-disabled, .utility-disabled, .blueprint-disabled, .deco-disabled, .clay-disabled, .terminal-disabled, .paper-disabled, .noir-disabled) { opacity: .55; cursor: not-allowed; pointer-events: none; }

:where(.luxe-button-ghost,.organic-button-ghost,.utility-button-ghost,.blueprint-button-ghost,.deco-button-ghost,.clay-button-ghost,.terminal-button-ghost,.paper-button-ghost,.noir-button-ghost), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-button:where([data-ui-variant="ghost"])) { color: var(--usk-primary-ink, var(--usk-native-primary)); background: transparent; border-color: var(--usk-native-border); }

:where(.luxe-check,.luxe-radio,.luxe-switch,.organic-check,.organic-radio,.organic-switch,.utility-check,.utility-radio,.utility-switch,.blueprint-check,.blueprint-radio,.blueprint-switch,.deco-check,.deco-radio,.deco-switch,.clay-check,.clay-radio,.clay-switch,.terminal-check,.terminal-radio,.terminal-switch,.paper-check,.paper-radio,.paper-switch,.noir-check,.noir-radio,.noir-switch), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-check,.usk-radio,.usk-switch), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-check,.ui-radio,.ui-switch) {
  display: inline-flex;
  align-items: center;
  gap: var(--usk-native-field-gap);
  min-block-size: 24px;
  color: var(--usk-native-text);
}

:where(.luxe-check-control,.luxe-radio-control,.organic-check-control,.organic-radio-control,.utility-check-control,.utility-radio-control,.blueprint-check-control,.blueprint-radio-control,.deco-check-control,.deco-radio-control,.clay-check-control,.clay-radio-control,.terminal-check-control,.terminal-radio-control,.paper-check-control,.paper-radio-control,.noir-check-control,.noir-radio-control), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-check-control,.usk-radio-control), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-check-control,.ui-radio-control) {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  accent-color: var(--usk-native-primary);
}

:where(.luxe-switch-track,.organic-switch-track,.utility-switch-track,.blueprint-switch-track,.deco-switch-track,.clay-switch-track,.terminal-switch-track,.paper-switch-track,.noir-switch-track), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-switch-track), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-switch-track) {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  inline-size: 2.75rem;
  block-size: 1.5rem;
  padding: .18rem;
  background: var(--usk-native-track);
  border: var(--usk-native-border-width) solid var(--usk-native-border);
  border-radius: 999px;
}

:where(.luxe-switch-thumb,.organic-switch-thumb,.utility-switch-thumb,.blueprint-switch-thumb,.deco-switch-thumb,.clay-switch-thumb,.terminal-switch-thumb,.paper-switch-thumb,.noir-switch-thumb), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-switch-thumb), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-switch-thumb) {
  inline-size: 1rem;
  block-size: 1rem;
  background: var(--usk-native-thumb);
  border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
  border-radius: 999px;
  transition: transform 160ms ease;
}

:where(.luxe-switch:has(input:checked) .luxe-switch-track,.organic-switch:has(input:checked) .organic-switch-track,.utility-switch:has(input:checked) .utility-switch-track,.blueprint-switch:has(input:checked) .blueprint-switch-track,.deco-switch:has(input:checked) .deco-switch-track,.clay-switch:has(input:checked) .clay-switch-track,.terminal-switch:has(input:checked) .terminal-switch-track,.paper-switch:has(input:checked) .paper-switch-track,.noir-switch:has(input:checked) .noir-switch-track), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-switch:has(input:checked) .usk-switch-track), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-switch:has(input:checked) .ui-switch-track) { background: var(--usk-native-track-fill); }

:where(.luxe-sr-only, .luxe-visually-hidden, .organic-sr-only, .organic-visually-hidden, .utility-sr-only, .utility-visually-hidden, .blueprint-sr-only, .blueprint-visually-hidden, .deco-sr-only, .deco-visually-hidden, .clay-sr-only, .clay-visually-hidden, .terminal-sr-only, .terminal-visually-hidden, .paper-sr-only, .paper-visually-hidden, .noir-sr-only, .noir-visually-hidden) {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(.luxe-skip-link, .organic-skip-link, .utility-skip-link, .blueprint-skip-link, .deco-skip-link, .clay-skip-link, .terminal-skip-link, .paper-skip-link, .noir-skip-link) {
  position: absolute;
  inset-block-start: .75rem;
  inset-inline-start: .75rem;
  z-index: 1000;
  padding: .75rem 1rem;
  color: var(--usk-native-on-primary);
  background: var(--usk-native-primary);
  border-radius: var(--usk-native-radius);
  transform: translateY(calc(-100% - 1rem));
}

:where(.luxe-skip-link:focus-visible, .organic-skip-link:focus-visible, .utility-skip-link:focus-visible, .blueprint-skip-link:focus-visible, .deco-skip-link:focus-visible, .clay-skip-link:focus-visible, .terminal-skip-link:focus-visible, .paper-skip-link:focus-visible, .noir-skip-link:focus-visible) { transform: translateY(0); }

/* Stable semantic component sources shared by every preset. Paint resolves
   through each preset's --usk-native-* bridge while behavior stays in React. */
:where(.saas-tabs,.saas-tab-list,.saas-tab,.saas-tab-panel,.saas-pagination,.saas-pagination-item,.saas-pagination-link,.saas-breadcrumb,.saas-breadcrumb-list,.saas-breadcrumb-item,.saas-breadcrumb-link,.saas-breadcrumb-separator,.saas-skeleton,.saas-empty-state,.saas-empty-state-icon,.saas-empty-state-title,.saas-empty-state-body,.saas-empty-state-actions,.saas-metric,.saas-metric-label,.saas-metric-value,.saas-metric-detail,.saas-chip,.saas-chip-group,.saas-avatar,.saas-avatar-group,.saas-stepper,.saas-step,.saas-step-marker,.saas-step-label,.saas-toast-stack,.saas-toast,.saas-toast-title,.saas-toast-body,.saas-toast-actions,.saas-popover,.saas-menu,.saas-menu-item,.saas-menu-group,.saas-menu-separator,.saas-segmented-control,.saas-segment,.saas-file-upload,.saas-dropzone,.saas-listbox,.saas-listbox-option,.bento-tabs,.bento-tab-list,.bento-tab,.bento-tab-panel,.bento-pagination,.bento-pagination-item,.bento-pagination-link,.bento-breadcrumb,.bento-breadcrumb-list,.bento-breadcrumb-item,.bento-breadcrumb-link,.bento-breadcrumb-separator,.bento-skeleton,.bento-empty-state,.bento-empty-state-icon,.bento-empty-state-title,.bento-empty-state-body,.bento-empty-state-actions,.bento-metric,.bento-metric-label,.bento-metric-value,.bento-metric-detail,.bento-chip,.bento-chip-group,.bento-avatar,.bento-avatar-group,.bento-stepper,.bento-step,.bento-step-marker,.bento-step-label,.bento-toast-stack,.bento-toast,.bento-toast-title,.bento-toast-body,.bento-toast-actions,.bento-popover,.bento-menu,.bento-menu-item,.bento-menu-group,.bento-menu-separator,.bento-segmented-control,.bento-segment,.bento-file-upload,.bento-dropzone,.bento-listbox,.bento-listbox-option,.max-tabs,.max-tab-list,.max-tab,.max-tab-panel,.max-pagination,.max-pagination-item,.max-pagination-link,.max-breadcrumb,.max-breadcrumb-list,.max-breadcrumb-item,.max-breadcrumb-link,.max-breadcrumb-separator,.max-skeleton,.max-empty-state,.max-empty-state-icon,.max-empty-state-title,.max-empty-state-body,.max-empty-state-actions,.max-metric,.max-metric-label,.max-metric-value,.max-metric-detail,.max-chip,.max-chip-group,.max-avatar,.max-avatar-group,.max-stepper,.max-step,.max-step-marker,.max-step-label,.max-toast-stack,.max-toast,.max-toast-title,.max-toast-body,.max-toast-actions,.max-popover,.max-menu,.max-menu-item,.max-menu-group,.max-menu-separator,.max-segmented-control,.max-segment,.max-file-upload,.max-dropzone,.max-listbox,.max-listbox-option,.bau-tabs,.bau-tab-list,.bau-tab,.bau-tab-panel,.bau-pagination,.bau-pagination-item,.bau-pagination-link,.bau-breadcrumb,.bau-breadcrumb-list,.bau-breadcrumb-item,.bau-breadcrumb-link,.bau-breadcrumb-separator,.bau-skeleton,.bau-empty-state,.bau-empty-state-icon,.bau-empty-state-title,.bau-empty-state-body,.bau-empty-state-actions,.bau-metric,.bau-metric-label,.bau-metric-value,.bau-metric-detail,.bau-chip,.bau-chip-group,.bau-avatar,.bau-avatar-group,.bau-stepper,.bau-step,.bau-step-marker,.bau-step-label,.bau-toast-stack,.bau-toast,.bau-toast-title,.bau-toast-body,.bau-toast-actions,.bau-popover,.bau-menu,.bau-menu-item,.bau-menu-group,.bau-menu-separator,.bau-segmented-control,.bau-segment,.bau-file-upload,.bau-dropzone,.bau-listbox,.bau-listbox-option,.tactile-tabs,.tactile-tab-list,.tactile-tab,.tactile-tab-panel,.tactile-pagination,.tactile-pagination-item,.tactile-pagination-link,.tactile-breadcrumb,.tactile-breadcrumb-list,.tactile-breadcrumb-item,.tactile-breadcrumb-link,.tactile-breadcrumb-separator,.tactile-skeleton,.tactile-empty-state,.tactile-empty-state-icon,.tactile-empty-state-title,.tactile-empty-state-body,.tactile-empty-state-actions,.tactile-metric,.tactile-metric-label,.tactile-metric-value,.tactile-metric-detail,.tactile-chip,.tactile-chip-group,.tactile-avatar,.tactile-avatar-group,.tactile-stepper,.tactile-step,.tactile-step-marker,.tactile-step-label,.tactile-toast-stack,.tactile-toast,.tactile-toast-title,.tactile-toast-body,.tactile-toast-actions,.tactile-popover,.tactile-menu,.tactile-menu-item,.tactile-menu-group,.tactile-menu-separator,.tactile-segmented-control,.tactile-segment,.tactile-file-upload,.tactile-dropzone,.tactile-listbox,.tactile-listbox-option,.neo-tabs,.neo-tab-list,.neo-tab,.neo-tab-panel,.neo-pagination,.neo-pagination-item,.neo-pagination-link,.neo-breadcrumb,.neo-breadcrumb-list,.neo-breadcrumb-item,.neo-breadcrumb-link,.neo-breadcrumb-separator,.neo-skeleton,.neo-empty-state,.neo-empty-state-icon,.neo-empty-state-title,.neo-empty-state-body,.neo-empty-state-actions,.neo-metric,.neo-metric-label,.neo-metric-value,.neo-metric-detail,.neo-chip,.neo-chip-group,.neo-avatar,.neo-avatar-group,.neo-stepper,.neo-step,.neo-step-marker,.neo-step-label,.neo-toast-stack,.neo-toast,.neo-toast-title,.neo-toast-body,.neo-toast-actions,.neo-popover,.neo-menu,.neo-menu-item,.neo-menu-group,.neo-menu-separator,.neo-segmented-control,.neo-segment,.neo-file-upload,.neo-dropzone,.neo-listbox,.neo-listbox-option,.retro-tabs,.retro-tab-list,.retro-tab,.retro-tab-panel,.retro-pagination,.retro-pagination-item,.retro-pagination-link,.retro-breadcrumb,.retro-breadcrumb-list,.retro-breadcrumb-item,.retro-breadcrumb-link,.retro-breadcrumb-separator,.retro-skeleton,.retro-empty-state,.retro-empty-state-icon,.retro-empty-state-title,.retro-empty-state-body,.retro-empty-state-actions,.retro-metric,.retro-metric-label,.retro-metric-value,.retro-metric-detail,.retro-chip,.retro-chip-group,.retro-avatar,.retro-avatar-group,.retro-stepper,.retro-step,.retro-step-marker,.retro-step-label,.retro-toast-stack,.retro-toast,.retro-toast-title,.retro-toast-body,.retro-toast-actions,.retro-popover,.retro-menu,.retro-menu-item,.retro-menu-group,.retro-menu-separator,.retro-segmented-control,.retro-segment,.retro-file-upload,.retro-dropzone,.retro-listbox,.retro-listbox-option,.brutal-tabs,.brutal-tab-list,.brutal-tab,.brutal-tab-panel,.brutal-pagination,.brutal-pagination-item,.brutal-pagination-link,.brutal-breadcrumb,.brutal-breadcrumb-list,.brutal-breadcrumb-item,.brutal-breadcrumb-link,.brutal-breadcrumb-separator,.brutal-skeleton,.brutal-empty-state,.brutal-empty-state-icon,.brutal-empty-state-title,.brutal-empty-state-body,.brutal-empty-state-actions,.brutal-metric,.brutal-metric-label,.brutal-metric-value,.brutal-metric-detail,.brutal-chip,.brutal-chip-group,.brutal-avatar,.brutal-avatar-group,.brutal-stepper,.brutal-step,.brutal-step-marker,.brutal-step-label,.brutal-toast-stack,.brutal-toast,.brutal-toast-title,.brutal-toast-body,.brutal-toast-actions,.brutal-popover,.brutal-menu,.brutal-menu-item,.brutal-menu-group,.brutal-menu-separator,.brutal-segmented-control,.brutal-segment,.brutal-file-upload,.brutal-dropzone,.brutal-listbox,.brutal-listbox-option,.cyber-tabs,.cyber-tab-list,.cyber-tab,.cyber-tab-panel,.cyber-pagination,.cyber-pagination-item,.cyber-pagination-link,.cyber-breadcrumb,.cyber-breadcrumb-list,.cyber-breadcrumb-item,.cyber-breadcrumb-link,.cyber-breadcrumb-separator,.cyber-skeleton,.cyber-empty-state,.cyber-empty-state-icon,.cyber-empty-state-title,.cyber-empty-state-body,.cyber-empty-state-actions,.cyber-metric,.cyber-metric-label,.cyber-metric-value,.cyber-metric-detail,.cyber-chip,.cyber-chip-group,.cyber-avatar,.cyber-avatar-group,.cyber-stepper,.cyber-step,.cyber-step-marker,.cyber-step-label,.cyber-toast-stack,.cyber-toast,.cyber-toast-title,.cyber-toast-body,.cyber-toast-actions,.cyber-popover,.cyber-menu,.cyber-menu-item,.cyber-menu-group,.cyber-menu-separator,.cyber-segmented-control,.cyber-segment,.cyber-file-upload,.cyber-dropzone,.cyber-listbox,.cyber-listbox-option,.y2k-tabs,.y2k-tab-list,.y2k-tab,.y2k-tab-panel,.y2k-pagination,.y2k-pagination-item,.y2k-pagination-link,.y2k-breadcrumb,.y2k-breadcrumb-list,.y2k-breadcrumb-item,.y2k-breadcrumb-link,.y2k-breadcrumb-separator,.y2k-skeleton,.y2k-empty-state,.y2k-empty-state-icon,.y2k-empty-state-title,.y2k-empty-state-body,.y2k-empty-state-actions,.y2k-metric,.y2k-metric-label,.y2k-metric-value,.y2k-metric-detail,.y2k-chip,.y2k-chip-group,.y2k-avatar,.y2k-avatar-group,.y2k-stepper,.y2k-step,.y2k-step-marker,.y2k-step-label,.y2k-toast-stack,.y2k-toast,.y2k-toast-title,.y2k-toast-body,.y2k-toast-actions,.y2k-popover,.y2k-menu,.y2k-menu-item,.y2k-menu-group,.y2k-menu-separator,.y2k-segmented-control,.y2k-segment,.y2k-file-upload,.y2k-dropzone,.y2k-listbox,.y2k-listbox-option,.rg-tabs,.rg-tab-list,.rg-tab,.rg-tab-panel,.rg-pagination,.rg-pagination-item,.rg-pagination-link,.rg-breadcrumb,.rg-breadcrumb-list,.rg-breadcrumb-item,.rg-breadcrumb-link,.rg-breadcrumb-separator,.rg-skeleton,.rg-empty-state,.rg-empty-state-icon,.rg-empty-state-title,.rg-empty-state-body,.rg-empty-state-actions,.rg-metric,.rg-metric-label,.rg-metric-value,.rg-metric-detail,.rg-chip,.rg-chip-group,.rg-avatar,.rg-avatar-group,.rg-stepper,.rg-step,.rg-step-marker,.rg-step-label,.rg-toast-stack,.rg-toast,.rg-toast-title,.rg-toast-body,.rg-toast-actions,.rg-popover,.rg-menu,.rg-menu-item,.rg-menu-group,.rg-menu-separator,.rg-segmented-control,.rg-segment,.rg-file-upload,.rg-dropzone,.rg-listbox,.rg-listbox-option,.luxe-tabs,.luxe-tab-list,.luxe-tab,.luxe-tab-panel,.luxe-pagination,.luxe-pagination-item,.luxe-pagination-link,.luxe-breadcrumb,.luxe-breadcrumb-list,.luxe-breadcrumb-item,.luxe-breadcrumb-link,.luxe-breadcrumb-separator,.luxe-skeleton,.luxe-empty-state,.luxe-empty-state-icon,.luxe-empty-state-title,.luxe-empty-state-body,.luxe-empty-state-actions,.luxe-metric,.luxe-metric-label,.luxe-metric-value,.luxe-metric-detail,.luxe-chip,.luxe-chip-group,.luxe-avatar,.luxe-avatar-group,.luxe-stepper,.luxe-step,.luxe-step-marker,.luxe-step-label,.luxe-toast-stack,.luxe-toast,.luxe-toast-title,.luxe-toast-body,.luxe-toast-actions,.luxe-popover,.luxe-menu,.luxe-menu-item,.luxe-menu-group,.luxe-menu-separator,.luxe-segmented-control,.luxe-segment,.luxe-file-upload,.luxe-dropzone,.luxe-listbox,.luxe-listbox-option,.organic-tabs,.organic-tab-list,.organic-tab,.organic-tab-panel,.organic-pagination,.organic-pagination-item,.organic-pagination-link,.organic-breadcrumb,.organic-breadcrumb-list,.organic-breadcrumb-item,.organic-breadcrumb-link,.organic-breadcrumb-separator,.organic-skeleton,.organic-empty-state,.organic-empty-state-icon,.organic-empty-state-title,.organic-empty-state-body,.organic-empty-state-actions,.organic-metric,.organic-metric-label,.organic-metric-value,.organic-metric-detail,.organic-chip,.organic-chip-group,.organic-avatar,.organic-avatar-group,.organic-stepper,.organic-step,.organic-step-marker,.organic-step-label,.organic-toast-stack,.organic-toast,.organic-toast-title,.organic-toast-body,.organic-toast-actions,.organic-popover,.organic-menu,.organic-menu-item,.organic-menu-group,.organic-menu-separator,.organic-segmented-control,.organic-segment,.organic-file-upload,.organic-dropzone,.organic-listbox,.organic-listbox-option,.utility-tabs,.utility-tab-list,.utility-tab,.utility-tab-panel,.utility-pagination,.utility-pagination-item,.utility-pagination-link,.utility-breadcrumb,.utility-breadcrumb-list,.utility-breadcrumb-item,.utility-breadcrumb-link,.utility-breadcrumb-separator,.utility-skeleton,.utility-empty-state,.utility-empty-state-icon,.utility-empty-state-title,.utility-empty-state-body,.utility-empty-state-actions,.utility-metric,.utility-metric-label,.utility-metric-value,.utility-metric-detail,.utility-chip,.utility-chip-group,.utility-avatar,.utility-avatar-group,.utility-stepper,.utility-step,.utility-step-marker,.utility-step-label,.utility-toast-stack,.utility-toast,.utility-toast-title,.utility-toast-body,.utility-toast-actions,.utility-popover,.utility-menu,.utility-menu-item,.utility-menu-group,.utility-menu-separator,.utility-segmented-control,.utility-segment,.utility-file-upload,.utility-dropzone,.utility-listbox,.utility-listbox-option,.blueprint-tabs,.blueprint-tab-list,.blueprint-tab,.blueprint-tab-panel,.blueprint-pagination,.blueprint-pagination-item,.blueprint-pagination-link,.blueprint-breadcrumb,.blueprint-breadcrumb-list,.blueprint-breadcrumb-item,.blueprint-breadcrumb-link,.blueprint-breadcrumb-separator,.blueprint-skeleton,.blueprint-empty-state,.blueprint-empty-state-icon,.blueprint-empty-state-title,.blueprint-empty-state-body,.blueprint-empty-state-actions,.blueprint-metric,.blueprint-metric-label,.blueprint-metric-value,.blueprint-metric-detail,.blueprint-chip,.blueprint-chip-group,.blueprint-avatar,.blueprint-avatar-group,.blueprint-stepper,.blueprint-step,.blueprint-step-marker,.blueprint-step-label,.blueprint-toast-stack,.blueprint-toast,.blueprint-toast-title,.blueprint-toast-body,.blueprint-toast-actions,.blueprint-popover,.blueprint-menu,.blueprint-menu-item,.blueprint-menu-group,.blueprint-menu-separator,.blueprint-segmented-control,.blueprint-segment,.blueprint-file-upload,.blueprint-dropzone,.blueprint-listbox,.blueprint-listbox-option,.deco-tabs,.deco-tab-list,.deco-tab,.deco-tab-panel,.deco-pagination,.deco-pagination-item,.deco-pagination-link,.deco-breadcrumb,.deco-breadcrumb-list,.deco-breadcrumb-item,.deco-breadcrumb-link,.deco-breadcrumb-separator,.deco-skeleton,.deco-empty-state,.deco-empty-state-icon,.deco-empty-state-title,.deco-empty-state-body,.deco-empty-state-actions,.deco-metric,.deco-metric-label,.deco-metric-value,.deco-metric-detail,.deco-chip,.deco-chip-group,.deco-avatar,.deco-avatar-group,.deco-stepper,.deco-step,.deco-step-marker,.deco-step-label,.deco-toast-stack,.deco-toast,.deco-toast-title,.deco-toast-body,.deco-toast-actions,.deco-popover,.deco-menu,.deco-menu-item,.deco-menu-group,.deco-menu-separator,.deco-segmented-control,.deco-segment,.deco-file-upload,.deco-dropzone,.deco-listbox,.deco-listbox-option,.clay-tabs,.clay-tab-list,.clay-tab,.clay-tab-panel,.clay-pagination,.clay-pagination-item,.clay-pagination-link,.clay-breadcrumb,.clay-breadcrumb-list,.clay-breadcrumb-item,.clay-breadcrumb-link,.clay-breadcrumb-separator,.clay-skeleton,.clay-empty-state,.clay-empty-state-icon,.clay-empty-state-title,.clay-empty-state-body,.clay-empty-state-actions,.clay-metric,.clay-metric-label,.clay-metric-value,.clay-metric-detail,.clay-chip,.clay-chip-group,.clay-avatar,.clay-avatar-group,.clay-stepper,.clay-step,.clay-step-marker,.clay-step-label,.clay-toast-stack,.clay-toast,.clay-toast-title,.clay-toast-body,.clay-toast-actions,.clay-popover,.clay-menu,.clay-menu-item,.clay-menu-group,.clay-menu-separator,.clay-segmented-control,.clay-segment,.clay-file-upload,.clay-dropzone,.clay-listbox,.clay-listbox-option,.terminal-tabs,.terminal-tab-list,.terminal-tab,.terminal-tab-panel,.terminal-pagination,.terminal-pagination-item,.terminal-pagination-link,.terminal-breadcrumb,.terminal-breadcrumb-list,.terminal-breadcrumb-item,.terminal-breadcrumb-link,.terminal-breadcrumb-separator,.terminal-skeleton,.terminal-empty-state,.terminal-empty-state-icon,.terminal-empty-state-title,.terminal-empty-state-body,.terminal-empty-state-actions,.terminal-metric,.terminal-metric-label,.terminal-metric-value,.terminal-metric-detail,.terminal-chip,.terminal-chip-group,.terminal-avatar,.terminal-avatar-group,.terminal-stepper,.terminal-step,.terminal-step-marker,.terminal-step-label,.terminal-toast-stack,.terminal-toast,.terminal-toast-title,.terminal-toast-body,.terminal-toast-actions,.terminal-popover,.terminal-menu,.terminal-menu-item,.terminal-menu-group,.terminal-menu-separator,.terminal-segmented-control,.terminal-segment,.terminal-file-upload,.terminal-dropzone,.terminal-listbox,.terminal-listbox-option,.paper-tabs,.paper-tab-list,.paper-tab,.paper-tab-panel,.paper-pagination,.paper-pagination-item,.paper-pagination-link,.paper-breadcrumb,.paper-breadcrumb-list,.paper-breadcrumb-item,.paper-breadcrumb-link,.paper-breadcrumb-separator,.paper-skeleton,.paper-empty-state,.paper-empty-state-icon,.paper-empty-state-title,.paper-empty-state-body,.paper-empty-state-actions,.paper-metric,.paper-metric-label,.paper-metric-value,.paper-metric-detail,.paper-chip,.paper-chip-group,.paper-avatar,.paper-avatar-group,.paper-stepper,.paper-step,.paper-step-marker,.paper-step-label,.paper-toast-stack,.paper-toast,.paper-toast-title,.paper-toast-body,.paper-toast-actions,.paper-popover,.paper-menu,.paper-menu-item,.paper-menu-group,.paper-menu-separator,.paper-segmented-control,.paper-segment,.paper-file-upload,.paper-dropzone,.paper-listbox,.paper-listbox-option,.noir-tabs,.noir-tab-list,.noir-tab,.noir-tab-panel,.noir-pagination,.noir-pagination-item,.noir-pagination-link,.noir-breadcrumb,.noir-breadcrumb-list,.noir-breadcrumb-item,.noir-breadcrumb-link,.noir-breadcrumb-separator,.noir-skeleton,.noir-empty-state,.noir-empty-state-icon,.noir-empty-state-title,.noir-empty-state-body,.noir-empty-state-actions,.noir-metric,.noir-metric-label,.noir-metric-value,.noir-metric-detail,.noir-chip,.noir-chip-group,.noir-avatar,.noir-avatar-group,.noir-stepper,.noir-step,.noir-step-marker,.noir-step-label,.noir-toast-stack,.noir-toast,.noir-toast-title,.noir-toast-body,.noir-toast-actions,.noir-popover,.noir-menu,.noir-menu-item,.noir-menu-group,.noir-menu-separator,.noir-segmented-control,.noir-segment,.noir-file-upload,.noir-dropzone,.noir-listbox,.noir-listbox-option), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tabs,.usk-tab-list,.usk-tab,.usk-tab-panel,.usk-pagination,.usk-pagination-item,.usk-pagination-link,.usk-breadcrumb,.usk-breadcrumb-list,.usk-breadcrumb-item,.usk-breadcrumb-link,.usk-breadcrumb-separator,.usk-skeleton,.usk-empty-state,.usk-empty-state-icon,.usk-empty-state-title,.usk-empty-state-body,.usk-empty-state-actions,.usk-metric,.usk-metric-label,.usk-metric-value,.usk-metric-detail,.usk-chip,.usk-chip-group,.usk-avatar,.usk-avatar-group,.usk-stepper,.usk-step,.usk-step-marker,.usk-step-label,.usk-toast-stack,.usk-toast,.usk-toast-title,.usk-toast-body,.usk-toast-actions,.usk-popover,.usk-menu,.usk-menu-item,.usk-menu-group,.usk-menu-separator,.usk-segmented-control,.usk-segment,.usk-file-upload,.usk-dropzone,.usk-listbox,.usk-listbox-option), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tabs,.ui-tab-list,.ui-tab,.ui-tab-panel,.ui-pagination,.ui-pagination-item,.ui-pagination-link,.ui-breadcrumb,.ui-breadcrumb-list,.ui-breadcrumb-item,.ui-breadcrumb-link,.ui-breadcrumb-separator,.ui-skeleton,.ui-empty-state,.ui-empty-state-icon,.ui-empty-state-title,.ui-empty-state-body,.ui-empty-state-actions,.ui-metric,.ui-metric-label,.ui-metric-value,.ui-metric-detail,.ui-chip,.ui-chip-group,.ui-avatar,.ui-avatar-group,.ui-stepper,.ui-step,.ui-step-marker,.ui-step-label,.ui-toast-stack,.ui-toast,.ui-toast-title,.ui-toast-body,.ui-toast-actions,.ui-popover,.ui-menu,.ui-menu-item,.ui-menu-group,.ui-menu-separator,.ui-segmented-control,.ui-segment,.ui-file-upload,.ui-dropzone,.ui-listbox,.ui-listbox-option) { box-sizing: border-box; min-inline-size: 0; }

:where(.saas-tabs,.bento-tabs,.max-tabs,.bau-tabs,.tactile-tabs,.neo-tabs,.retro-tabs,.brutal-tabs,.cyber-tabs,.y2k-tabs,.rg-tabs,.luxe-tabs,.organic-tabs,.utility-tabs,.blueprint-tabs,.deco-tabs,.clay-tabs,.terminal-tabs,.paper-tabs,.noir-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tabs) { display: grid; gap: .75rem; }
:where(.saas-tab-list,.bento-tab-list,.max-tab-list,.bau-tab-list,.tactile-tab-list,.neo-tab-list,.retro-tab-list,.brutal-tab-list,.cyber-tab-list,.y2k-tab-list,.rg-tab-list,.luxe-tab-list,.organic-tab-list,.utility-tab-list,.blueprint-tab-list,.deco-tab-list,.clay-tab-list,.terminal-tab-list,.paper-tab-list,.noir-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-list) { display: flex; flex-wrap: wrap; gap: .25rem; border-block-end: var(--usk-native-border-width) solid var(--usk-native-border); }
:where(.saas-tab,.bento-tab,.max-tab,.bau-tab,.tactile-tab,.neo-tab,.retro-tab,.brutal-tab,.cyber-tab,.y2k-tab,.rg-tab,.luxe-tab,.organic-tab,.utility-tab,.blueprint-tab,.deco-tab,.clay-tab,.terminal-tab,.paper-tab,.noir-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab) { min-block-size: 44px; padding: .6rem .9rem; color: var(--usk-native-text-muted); background: transparent; border: 0; border-block-end: calc(var(--usk-native-border-width) * 2) solid transparent; font: inherit; cursor: pointer; }
:where(.saas-tab[aria-selected="true"],.bento-tab[aria-selected="true"],.max-tab[aria-selected="true"],.bau-tab[aria-selected="true"],.tactile-tab[aria-selected="true"],.neo-tab[aria-selected="true"],.retro-tab[aria-selected="true"],.brutal-tab[aria-selected="true"],.cyber-tab[aria-selected="true"],.y2k-tab[aria-selected="true"],.rg-tab[aria-selected="true"],.luxe-tab[aria-selected="true"],.organic-tab[aria-selected="true"],.utility-tab[aria-selected="true"],.blueprint-tab[aria-selected="true"],.deco-tab[aria-selected="true"],.clay-tab[aria-selected="true"],.terminal-tab[aria-selected="true"],.paper-tab[aria-selected="true"],.noir-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab[aria-selected="true"]) { color: var(--usk-native-text); border-block-end-color: var(--usk-native-primary); }
:where(.saas-tab-panel,.bento-tab-panel,.max-tab-panel,.bau-tab-panel,.tactile-tab-panel,.neo-tab-panel,.retro-tab-panel,.brutal-tab-panel,.cyber-tab-panel,.y2k-tab-panel,.rg-tab-panel,.luxe-tab-panel,.organic-tab-panel,.utility-tab-panel,.blueprint-tab-panel,.deco-tab-panel,.clay-tab-panel,.terminal-tab-panel,.paper-tab-panel,.noir-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-panel) { padding-block: .75rem; color: var(--usk-native-text); }

:where(.saas-pagination,.saas-breadcrumb-list,.saas-chip-group,.saas-avatar-group,.bento-pagination,.bento-breadcrumb-list,.bento-chip-group,.bento-avatar-group,.max-pagination,.max-breadcrumb-list,.max-chip-group,.max-avatar-group,.bau-pagination,.bau-breadcrumb-list,.bau-chip-group,.bau-avatar-group,.tactile-pagination,.tactile-breadcrumb-list,.tactile-chip-group,.tactile-avatar-group,.neo-pagination,.neo-breadcrumb-list,.neo-chip-group,.neo-avatar-group,.retro-pagination,.retro-breadcrumb-list,.retro-chip-group,.retro-avatar-group,.brutal-pagination,.brutal-breadcrumb-list,.brutal-chip-group,.brutal-avatar-group,.cyber-pagination,.cyber-breadcrumb-list,.cyber-chip-group,.cyber-avatar-group,.y2k-pagination,.y2k-breadcrumb-list,.y2k-chip-group,.y2k-avatar-group,.rg-pagination,.rg-breadcrumb-list,.rg-chip-group,.rg-avatar-group,.luxe-pagination,.luxe-breadcrumb-list,.luxe-chip-group,.luxe-avatar-group,.organic-pagination,.organic-breadcrumb-list,.organic-chip-group,.organic-avatar-group,.utility-pagination,.utility-breadcrumb-list,.utility-chip-group,.utility-avatar-group,.blueprint-pagination,.blueprint-breadcrumb-list,.blueprint-chip-group,.blueprint-avatar-group,.deco-pagination,.deco-breadcrumb-list,.deco-chip-group,.deco-avatar-group,.clay-pagination,.clay-breadcrumb-list,.clay-chip-group,.clay-avatar-group,.terminal-pagination,.terminal-breadcrumb-list,.terminal-chip-group,.terminal-avatar-group,.paper-pagination,.paper-breadcrumb-list,.paper-chip-group,.paper-avatar-group,.noir-pagination,.noir-breadcrumb-list,.noir-chip-group,.noir-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination,.usk-breadcrumb-list,.usk-chip-group,.usk-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination,.ui-breadcrumb-list,.ui-chip-group,.ui-avatar-group) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; padding: 0; list-style: none; }
:where(.saas-pagination-item,.saas-breadcrumb-item,.bento-pagination-item,.bento-breadcrumb-item,.max-pagination-item,.max-breadcrumb-item,.bau-pagination-item,.bau-breadcrumb-item,.tactile-pagination-item,.tactile-breadcrumb-item,.neo-pagination-item,.neo-breadcrumb-item,.retro-pagination-item,.retro-breadcrumb-item,.brutal-pagination-item,.brutal-breadcrumb-item,.cyber-pagination-item,.cyber-breadcrumb-item,.y2k-pagination-item,.y2k-breadcrumb-item,.rg-pagination-item,.rg-breadcrumb-item,.luxe-pagination-item,.luxe-breadcrumb-item,.organic-pagination-item,.organic-breadcrumb-item,.utility-pagination-item,.utility-breadcrumb-item,.blueprint-pagination-item,.blueprint-breadcrumb-item,.deco-pagination-item,.deco-breadcrumb-item,.clay-pagination-item,.clay-breadcrumb-item,.terminal-pagination-item,.terminal-breadcrumb-item,.paper-pagination-item,.paper-breadcrumb-item,.noir-pagination-item,.noir-breadcrumb-item), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination-item,.usk-breadcrumb-item), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination-item,.ui-breadcrumb-item) { display: inline-flex; align-items: center; min-inline-size: 0; }
:where(.saas-pagination-link,.bento-pagination-link,.max-pagination-link,.bau-pagination-link,.tactile-pagination-link,.neo-pagination-link,.retro-pagination-link,.brutal-pagination-link,.cyber-pagination-link,.y2k-pagination-link,.rg-pagination-link,.luxe-pagination-link,.organic-pagination-link,.utility-pagination-link,.blueprint-pagination-link,.deco-pagination-link,.clay-pagination-link,.terminal-pagination-link,.paper-pagination-link,.noir-pagination-link), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination-link), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination-link) { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 44px; min-block-size: 44px; padding: .5rem .75rem; color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); text-decoration: none; }
:where(.saas-pagination-link[aria-current="page"],.bento-pagination-link[aria-current="page"],.max-pagination-link[aria-current="page"],.bau-pagination-link[aria-current="page"],.tactile-pagination-link[aria-current="page"],.neo-pagination-link[aria-current="page"],.retro-pagination-link[aria-current="page"],.brutal-pagination-link[aria-current="page"],.cyber-pagination-link[aria-current="page"],.y2k-pagination-link[aria-current="page"],.rg-pagination-link[aria-current="page"],.luxe-pagination-link[aria-current="page"],.organic-pagination-link[aria-current="page"],.utility-pagination-link[aria-current="page"],.blueprint-pagination-link[aria-current="page"],.deco-pagination-link[aria-current="page"],.clay-pagination-link[aria-current="page"],.terminal-pagination-link[aria-current="page"],.paper-pagination-link[aria-current="page"],.noir-pagination-link[aria-current="page"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination-link[aria-current="page"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination-link[aria-current="page"]) { color: var(--usk-native-on-primary); background: var(--usk-native-primary); border-color: var(--usk-native-primary); }
:where(.saas-pagination-link:disabled,.bento-pagination-link:disabled,.max-pagination-link:disabled,.bau-pagination-link:disabled,.tactile-pagination-link:disabled,.neo-pagination-link:disabled,.retro-pagination-link:disabled,.brutal-pagination-link:disabled,.cyber-pagination-link:disabled,.y2k-pagination-link:disabled,.rg-pagination-link:disabled,.luxe-pagination-link:disabled,.organic-pagination-link:disabled,.utility-pagination-link:disabled,.blueprint-pagination-link:disabled,.deco-pagination-link:disabled,.clay-pagination-link:disabled,.terminal-pagination-link:disabled,.paper-pagination-link:disabled,.noir-pagination-link:disabled,.saas-pagination-link[aria-disabled="true"],.bento-pagination-link[aria-disabled="true"],.max-pagination-link[aria-disabled="true"],.bau-pagination-link[aria-disabled="true"],.tactile-pagination-link[aria-disabled="true"],.neo-pagination-link[aria-disabled="true"],.retro-pagination-link[aria-disabled="true"],.brutal-pagination-link[aria-disabled="true"],.cyber-pagination-link[aria-disabled="true"],.y2k-pagination-link[aria-disabled="true"],.rg-pagination-link[aria-disabled="true"],.luxe-pagination-link[aria-disabled="true"],.organic-pagination-link[aria-disabled="true"],.utility-pagination-link[aria-disabled="true"],.blueprint-pagination-link[aria-disabled="true"],.deco-pagination-link[aria-disabled="true"],.clay-pagination-link[aria-disabled="true"],.terminal-pagination-link[aria-disabled="true"],.paper-pagination-link[aria-disabled="true"],.noir-pagination-link[aria-disabled="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination-link:disabled,.usk-pagination-link[aria-disabled="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination-link:disabled,.ui-pagination-link[aria-disabled="true"]) { opacity: .55; cursor: not-allowed; }

:where(.saas-breadcrumb,.bento-breadcrumb,.max-breadcrumb,.bau-breadcrumb,.tactile-breadcrumb,.neo-breadcrumb,.retro-breadcrumb,.brutal-breadcrumb,.cyber-breadcrumb,.y2k-breadcrumb,.rg-breadcrumb,.luxe-breadcrumb,.organic-breadcrumb,.utility-breadcrumb,.blueprint-breadcrumb,.deco-breadcrumb,.clay-breadcrumb,.terminal-breadcrumb,.paper-breadcrumb,.noir-breadcrumb), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-breadcrumb), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-breadcrumb) { max-inline-size: 100%; }
:where(.saas-breadcrumb-link,.bento-breadcrumb-link,.max-breadcrumb-link,.bau-breadcrumb-link,.tactile-breadcrumb-link,.neo-breadcrumb-link,.retro-breadcrumb-link,.brutal-breadcrumb-link,.cyber-breadcrumb-link,.y2k-breadcrumb-link,.rg-breadcrumb-link,.luxe-breadcrumb-link,.organic-breadcrumb-link,.utility-breadcrumb-link,.blueprint-breadcrumb-link,.deco-breadcrumb-link,.clay-breadcrumb-link,.terminal-breadcrumb-link,.paper-breadcrumb-link,.noir-breadcrumb-link), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-breadcrumb-link), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-breadcrumb-link) { color: var(--usk-primary-ink, var(--usk-native-primary)); text-decoration-thickness: .08em; text-underline-offset: .16em; }
:where(.saas-breadcrumb-separator,.bento-breadcrumb-separator,.max-breadcrumb-separator,.bau-breadcrumb-separator,.tactile-breadcrumb-separator,.neo-breadcrumb-separator,.retro-breadcrumb-separator,.brutal-breadcrumb-separator,.cyber-breadcrumb-separator,.y2k-breadcrumb-separator,.rg-breadcrumb-separator,.luxe-breadcrumb-separator,.organic-breadcrumb-separator,.utility-breadcrumb-separator,.blueprint-breadcrumb-separator,.deco-breadcrumb-separator,.clay-breadcrumb-separator,.terminal-breadcrumb-separator,.paper-breadcrumb-separator,.noir-breadcrumb-separator), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-breadcrumb-separator), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-breadcrumb-separator) { color: var(--usk-native-text-muted); user-select: none; }

:where(.saas-skeleton,.bento-skeleton,.max-skeleton,.bau-skeleton,.tactile-skeleton,.neo-skeleton,.retro-skeleton,.brutal-skeleton,.cyber-skeleton,.y2k-skeleton,.rg-skeleton,.luxe-skeleton,.organic-skeleton,.utility-skeleton,.blueprint-skeleton,.deco-skeleton,.clay-skeleton,.terminal-skeleton,.paper-skeleton,.noir-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton) { display: block; min-block-size: 1rem; color: transparent; background: linear-gradient(100deg, var(--usk-native-surface-soft) 30%, var(--usk-native-surface) 50%, var(--usk-native-surface-soft) 70%); background-size: 200% 100%; border-radius: var(--usk-native-radius); animation: usk-skeleton-shimmer 1.4s linear infinite; }
:where(.saas-skeleton[data-shape="circle"],.bento-skeleton[data-shape="circle"],.max-skeleton[data-shape="circle"],.bau-skeleton[data-shape="circle"],.tactile-skeleton[data-shape="circle"],.neo-skeleton[data-shape="circle"],.retro-skeleton[data-shape="circle"],.brutal-skeleton[data-shape="circle"],.cyber-skeleton[data-shape="circle"],.y2k-skeleton[data-shape="circle"],.rg-skeleton[data-shape="circle"],.luxe-skeleton[data-shape="circle"],.organic-skeleton[data-shape="circle"],.utility-skeleton[data-shape="circle"],.blueprint-skeleton[data-shape="circle"],.deco-skeleton[data-shape="circle"],.clay-skeleton[data-shape="circle"],.terminal-skeleton[data-shape="circle"],.paper-skeleton[data-shape="circle"],.noir-skeleton[data-shape="circle"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton[data-shape="circle"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton[data-shape="circle"]) { aspect-ratio: 1; border-radius: 50%; }
:where(.saas-skeleton[data-shape="text"],.bento-skeleton[data-shape="text"],.max-skeleton[data-shape="text"],.bau-skeleton[data-shape="text"],.tactile-skeleton[data-shape="text"],.neo-skeleton[data-shape="text"],.retro-skeleton[data-shape="text"],.brutal-skeleton[data-shape="text"],.cyber-skeleton[data-shape="text"],.y2k-skeleton[data-shape="text"],.rg-skeleton[data-shape="text"],.luxe-skeleton[data-shape="text"],.organic-skeleton[data-shape="text"],.utility-skeleton[data-shape="text"],.blueprint-skeleton[data-shape="text"],.deco-skeleton[data-shape="text"],.clay-skeleton[data-shape="text"],.terminal-skeleton[data-shape="text"],.paper-skeleton[data-shape="text"],.noir-skeleton[data-shape="text"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton[data-shape="text"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton[data-shape="text"]) { block-size: 1em; }
:where(.saas-skeleton[data-shape="block"],.bento-skeleton[data-shape="block"],.max-skeleton[data-shape="block"],.bau-skeleton[data-shape="block"],.tactile-skeleton[data-shape="block"],.neo-skeleton[data-shape="block"],.retro-skeleton[data-shape="block"],.brutal-skeleton[data-shape="block"],.cyber-skeleton[data-shape="block"],.y2k-skeleton[data-shape="block"],.rg-skeleton[data-shape="block"],.luxe-skeleton[data-shape="block"],.organic-skeleton[data-shape="block"],.utility-skeleton[data-shape="block"],.blueprint-skeleton[data-shape="block"],.deco-skeleton[data-shape="block"],.clay-skeleton[data-shape="block"],.terminal-skeleton[data-shape="block"],.paper-skeleton[data-shape="block"],.noir-skeleton[data-shape="block"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton[data-shape="block"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton[data-shape="block"]) { min-block-size: 6rem; }

@keyframes usk-skeleton-shimmer { to { background-position-x: -200%; } }
@media (prefers-reduced-motion: reduce) { :where(.saas-skeleton,.bento-skeleton,.max-skeleton,.bau-skeleton,.tactile-skeleton,.neo-skeleton,.retro-skeleton,.brutal-skeleton,.cyber-skeleton,.y2k-skeleton,.rg-skeleton,.luxe-skeleton,.organic-skeleton,.utility-skeleton,.blueprint-skeleton,.deco-skeleton,.clay-skeleton,.terminal-skeleton,.paper-skeleton,.noir-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton) { animation: none; } }

:where(.saas-empty-state,.bento-empty-state,.max-empty-state,.bau-empty-state,.tactile-empty-state,.neo-empty-state,.retro-empty-state,.brutal-empty-state,.cyber-empty-state,.y2k-empty-state,.rg-empty-state,.luxe-empty-state,.organic-empty-state,.utility-empty-state,.blueprint-empty-state,.deco-empty-state,.clay-empty-state,.terminal-empty-state,.paper-empty-state,.noir-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state) { display: grid; justify-items: center; gap: .75rem; max-inline-size: 42rem; padding: clamp(1.25rem, 4vw, 3rem); color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
:where(.saas-empty-state-icon,.bento-empty-state-icon,.max-empty-state-icon,.bau-empty-state-icon,.tactile-empty-state-icon,.neo-empty-state-icon,.retro-empty-state-icon,.brutal-empty-state-icon,.cyber-empty-state-icon,.y2k-empty-state-icon,.rg-empty-state-icon,.luxe-empty-state-icon,.organic-empty-state-icon,.utility-empty-state-icon,.blueprint-empty-state-icon,.deco-empty-state-icon,.clay-empty-state-icon,.terminal-empty-state-icon,.paper-empty-state-icon,.noir-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-icon) { display: grid; place-items: center; color: var(--usk-native-link); }
:where(.saas-empty-state-title,.saas-toast-title,.bento-empty-state-title,.bento-toast-title,.max-empty-state-title,.max-toast-title,.bau-empty-state-title,.bau-toast-title,.tactile-empty-state-title,.tactile-toast-title,.neo-empty-state-title,.neo-toast-title,.retro-empty-state-title,.retro-toast-title,.brutal-empty-state-title,.brutal-toast-title,.cyber-empty-state-title,.cyber-toast-title,.y2k-empty-state-title,.y2k-toast-title,.rg-empty-state-title,.rg-toast-title,.luxe-empty-state-title,.luxe-toast-title,.organic-empty-state-title,.organic-toast-title,.utility-empty-state-title,.utility-toast-title,.blueprint-empty-state-title,.blueprint-toast-title,.deco-empty-state-title,.deco-toast-title,.clay-empty-state-title,.clay-toast-title,.terminal-empty-state-title,.terminal-toast-title,.paper-empty-state-title,.paper-toast-title,.noir-empty-state-title,.noir-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-title,.usk-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-title,.ui-toast-title) { margin: 0; color: var(--usk-native-text); font-weight: 750; }
:where(.saas-empty-state-body,.saas-toast-body,.saas-metric-detail,.bento-empty-state-body,.bento-toast-body,.bento-metric-detail,.max-empty-state-body,.max-toast-body,.max-metric-detail,.bau-empty-state-body,.bau-toast-body,.bau-metric-detail,.tactile-empty-state-body,.tactile-toast-body,.tactile-metric-detail,.neo-empty-state-body,.neo-toast-body,.neo-metric-detail,.retro-empty-state-body,.retro-toast-body,.retro-metric-detail,.brutal-empty-state-body,.brutal-toast-body,.brutal-metric-detail,.cyber-empty-state-body,.cyber-toast-body,.cyber-metric-detail,.y2k-empty-state-body,.y2k-toast-body,.y2k-metric-detail,.rg-empty-state-body,.rg-toast-body,.rg-metric-detail,.luxe-empty-state-body,.luxe-toast-body,.luxe-metric-detail,.organic-empty-state-body,.organic-toast-body,.organic-metric-detail,.utility-empty-state-body,.utility-toast-body,.utility-metric-detail,.blueprint-empty-state-body,.blueprint-toast-body,.blueprint-metric-detail,.deco-empty-state-body,.deco-toast-body,.deco-metric-detail,.clay-empty-state-body,.clay-toast-body,.clay-metric-detail,.terminal-empty-state-body,.terminal-toast-body,.terminal-metric-detail,.paper-empty-state-body,.paper-toast-body,.paper-metric-detail,.noir-empty-state-body,.noir-toast-body,.noir-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-body,.usk-toast-body,.usk-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-body,.ui-toast-body,.ui-metric-detail) { margin: 0; color: var(--usk-native-text-muted); }
:where(.saas-empty-state-actions,.saas-toast-actions,.bento-empty-state-actions,.bento-toast-actions,.max-empty-state-actions,.max-toast-actions,.bau-empty-state-actions,.bau-toast-actions,.tactile-empty-state-actions,.tactile-toast-actions,.neo-empty-state-actions,.neo-toast-actions,.retro-empty-state-actions,.retro-toast-actions,.brutal-empty-state-actions,.brutal-toast-actions,.cyber-empty-state-actions,.cyber-toast-actions,.y2k-empty-state-actions,.y2k-toast-actions,.rg-empty-state-actions,.rg-toast-actions,.luxe-empty-state-actions,.luxe-toast-actions,.organic-empty-state-actions,.organic-toast-actions,.utility-empty-state-actions,.utility-toast-actions,.blueprint-empty-state-actions,.blueprint-toast-actions,.deco-empty-state-actions,.deco-toast-actions,.clay-empty-state-actions,.clay-toast-actions,.terminal-empty-state-actions,.terminal-toast-actions,.paper-empty-state-actions,.paper-toast-actions,.noir-empty-state-actions,.noir-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-actions,.usk-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-actions,.ui-toast-actions) { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }

:where(.saas-metric,.bento-metric,.max-metric,.bau-metric,.tactile-metric,.neo-metric,.retro-metric,.brutal-metric,.cyber-metric,.y2k-metric,.rg-metric,.luxe-metric,.organic-metric,.utility-metric,.blueprint-metric,.deco-metric,.clay-metric,.terminal-metric,.paper-metric,.noir-metric), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-metric), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-metric) { display: grid; gap: .25rem; padding: 1rem; color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); }
:where(.saas-metric-label,.bento-metric-label,.max-metric-label,.bau-metric-label,.tactile-metric-label,.neo-metric-label,.retro-metric-label,.brutal-metric-label,.cyber-metric-label,.y2k-metric-label,.rg-metric-label,.luxe-metric-label,.organic-metric-label,.utility-metric-label,.blueprint-metric-label,.deco-metric-label,.clay-metric-label,.terminal-metric-label,.paper-metric-label,.noir-metric-label), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-metric-label), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-metric-label) { color: var(--usk-native-text-muted); font-size: .875em; }
:where(.saas-metric-value,.bento-metric-value,.max-metric-value,.bau-metric-value,.tactile-metric-value,.neo-metric-value,.retro-metric-value,.brutal-metric-value,.cyber-metric-value,.y2k-metric-value,.rg-metric-value,.luxe-metric-value,.organic-metric-value,.utility-metric-value,.blueprint-metric-value,.deco-metric-value,.clay-metric-value,.terminal-metric-value,.paper-metric-value,.noir-metric-value), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-metric-value), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-metric-value) { color: var(--usk-native-text); font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; line-height: 1; }

:where(.saas-chip,.bento-chip,.max-chip,.bau-chip,.tactile-chip,.neo-chip,.retro-chip,.brutal-chip,.cyber-chip,.y2k-chip,.rg-chip,.luxe-chip,.organic-chip,.utility-chip,.blueprint-chip,.deco-chip,.clay-chip,.terminal-chip,.paper-chip,.noir-chip), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip) { display: inline-flex; align-items: center; gap: .35rem; max-inline-size: 100%; min-block-size: 2rem; padding: .25rem .65rem; color: var(--usk-native-text); background: var(--usk-native-surface-soft); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: 999px; overflow-wrap: break-word; }
:where(.saas-chip-primary,.saas-chip-secondary,.saas-chip-success,.saas-chip-warning,.saas-chip-danger,.bento-chip-primary,.bento-chip-secondary,.bento-chip-success,.bento-chip-warning,.bento-chip-danger,.max-chip-primary,.max-chip-secondary,.max-chip-success,.max-chip-warning,.max-chip-danger,.bau-chip-primary,.bau-chip-secondary,.bau-chip-success,.bau-chip-warning,.bau-chip-danger,.tactile-chip-primary,.tactile-chip-secondary,.tactile-chip-success,.tactile-chip-warning,.tactile-chip-danger,.neo-chip-primary,.neo-chip-secondary,.neo-chip-success,.neo-chip-warning,.neo-chip-danger,.retro-chip-primary,.retro-chip-secondary,.retro-chip-success,.retro-chip-warning,.retro-chip-danger,.brutal-chip-primary,.brutal-chip-secondary,.brutal-chip-success,.brutal-chip-warning,.brutal-chip-danger,.cyber-chip-primary,.cyber-chip-secondary,.cyber-chip-success,.cyber-chip-warning,.cyber-chip-danger,.y2k-chip-primary,.y2k-chip-secondary,.y2k-chip-success,.y2k-chip-warning,.y2k-chip-danger,.rg-chip-primary,.rg-chip-secondary,.rg-chip-success,.rg-chip-warning,.rg-chip-danger,.luxe-chip-primary,.luxe-chip-secondary,.luxe-chip-success,.luxe-chip-warning,.luxe-chip-danger,.organic-chip-primary,.organic-chip-secondary,.organic-chip-success,.organic-chip-warning,.organic-chip-danger,.utility-chip-primary,.utility-chip-secondary,.utility-chip-success,.utility-chip-warning,.utility-chip-danger,.blueprint-chip-primary,.blueprint-chip-secondary,.blueprint-chip-success,.blueprint-chip-warning,.blueprint-chip-danger,.deco-chip-primary,.deco-chip-secondary,.deco-chip-success,.deco-chip-warning,.deco-chip-danger,.clay-chip-primary,.clay-chip-secondary,.clay-chip-success,.clay-chip-warning,.clay-chip-danger,.terminal-chip-primary,.terminal-chip-secondary,.terminal-chip-success,.terminal-chip-warning,.terminal-chip-danger,.paper-chip-primary,.paper-chip-secondary,.paper-chip-success,.paper-chip-warning,.paper-chip-danger,.noir-chip-primary,.noir-chip-secondary,.noir-chip-success,.noir-chip-warning,.noir-chip-danger), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="primary"]),.usk-chip:where([data-ui-variant="secondary"]),.usk-chip:where([data-ui-variant="success"]),.usk-chip:where([data-ui-variant="warning"]),.usk-chip:where([data-ui-variant="danger"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="primary"]),.ui-chip:where([data-ui-variant="secondary"]),.ui-chip:where([data-ui-variant="success"]),.ui-chip:where([data-ui-variant="warning"]),.ui-chip:where([data-ui-variant="danger"])) { color: var(--usk-native-text); border-color: currentColor; }
:where(.saas-chip-primary,.bento-chip-primary,.max-chip-primary,.bau-chip-primary,.tactile-chip-primary,.neo-chip-primary,.retro-chip-primary,.brutal-chip-primary,.cyber-chip-primary,.y2k-chip-primary,.rg-chip-primary,.luxe-chip-primary,.organic-chip-primary,.utility-chip-primary,.blueprint-chip-primary,.deco-chip-primary,.clay-chip-primary,.terminal-chip-primary,.paper-chip-primary,.noir-chip-primary), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="primary"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="primary"])) { color: var(--usk-primary-ink, var(--usk-native-primary)); }
:where(.saas-chip-secondary,.bento-chip-secondary,.max-chip-secondary,.bau-chip-secondary,.tactile-chip-secondary,.neo-chip-secondary,.retro-chip-secondary,.brutal-chip-secondary,.cyber-chip-secondary,.y2k-chip-secondary,.rg-chip-secondary,.luxe-chip-secondary,.organic-chip-secondary,.utility-chip-secondary,.blueprint-chip-secondary,.deco-chip-secondary,.clay-chip-secondary,.terminal-chip-secondary,.paper-chip-secondary,.noir-chip-secondary), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="secondary"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="secondary"])) { color: var(--usk-secondary-ink, var(--usk-native-text-muted)); }
:where(.saas-chip-success,.bento-chip-success,.max-chip-success,.bau-chip-success,.tactile-chip-success,.neo-chip-success,.retro-chip-success,.brutal-chip-success,.cyber-chip-success,.y2k-chip-success,.rg-chip-success,.luxe-chip-success,.organic-chip-success,.utility-chip-success,.blueprint-chip-success,.deco-chip-success,.clay-chip-success,.terminal-chip-success,.paper-chip-success,.noir-chip-success), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="success"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="success"])) { color: var(--usk-success-ink, var(--usk-native-text)); border-color: var(--usk-native-success); }
:where(.saas-chip-warning,.bento-chip-warning,.max-chip-warning,.bau-chip-warning,.tactile-chip-warning,.neo-chip-warning,.retro-chip-warning,.brutal-chip-warning,.cyber-chip-warning,.y2k-chip-warning,.rg-chip-warning,.luxe-chip-warning,.organic-chip-warning,.utility-chip-warning,.blueprint-chip-warning,.deco-chip-warning,.clay-chip-warning,.terminal-chip-warning,.paper-chip-warning,.noir-chip-warning), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="warning"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="warning"])) { color: var(--usk-warning-ink, var(--usk-native-text)); border-color: var(--usk-native-warning); }
:where(.saas-chip-danger,.bento-chip-danger,.max-chip-danger,.bau-chip-danger,.tactile-chip-danger,.neo-chip-danger,.retro-chip-danger,.brutal-chip-danger,.cyber-chip-danger,.y2k-chip-danger,.rg-chip-danger,.luxe-chip-danger,.organic-chip-danger,.utility-chip-danger,.blueprint-chip-danger,.deco-chip-danger,.clay-chip-danger,.terminal-chip-danger,.paper-chip-danger,.noir-chip-danger), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-chip:where([data-ui-variant="danger"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-chip:where([data-ui-variant="danger"])) { color: var(--usk-danger-ink, var(--usk-native-text)); border-color: var(--usk-native-danger); }

:where(.saas-avatar,.bento-avatar,.max-avatar,.bau-avatar,.tactile-avatar,.neo-avatar,.retro-avatar,.brutal-avatar,.cyber-avatar,.y2k-avatar,.rg-avatar,.luxe-avatar,.organic-avatar,.utility-avatar,.blueprint-avatar,.deco-avatar,.clay-avatar,.terminal-avatar,.paper-avatar,.noir-avatar), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-avatar), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-avatar) { position: relative; display: inline-grid; place-items: center; flex: 0 0 auto; inline-size: 2.5rem; block-size: 2.5rem; color: var(--usk-native-on-primary); background: var(--usk-native-primary); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: 50%; font-weight: 750; overflow: hidden; }
:where(.saas-avatar>img,.bento-avatar>img,.max-avatar>img,.bau-avatar>img,.tactile-avatar>img,.neo-avatar>img,.retro-avatar>img,.brutal-avatar>img,.cyber-avatar>img,.y2k-avatar>img,.rg-avatar>img,.luxe-avatar>img,.organic-avatar>img,.utility-avatar>img,.blueprint-avatar>img,.deco-avatar>img,.clay-avatar>img,.terminal-avatar>img,.paper-avatar>img,.noir-avatar>img), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-avatar>img), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-avatar>img) { inline-size: 100%; block-size: 100%; object-fit: cover; }
:where(.saas-avatar-group>*+*,.bento-avatar-group>*+*,.max-avatar-group>*+*,.bau-avatar-group>*+*,.tactile-avatar-group>*+*,.neo-avatar-group>*+*,.retro-avatar-group>*+*,.brutal-avatar-group>*+*,.cyber-avatar-group>*+*,.y2k-avatar-group>*+*,.rg-avatar-group>*+*,.luxe-avatar-group>*+*,.organic-avatar-group>*+*,.utility-avatar-group>*+*,.blueprint-avatar-group>*+*,.deco-avatar-group>*+*,.clay-avatar-group>*+*,.terminal-avatar-group>*+*,.paper-avatar-group>*+*,.noir-avatar-group>*+*), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-avatar-group>*+*), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-avatar-group>*+*) { margin-inline-start: -.65rem; }

:where(.saas-stepper,.bento-stepper,.max-stepper,.bau-stepper,.tactile-stepper,.neo-stepper,.retro-stepper,.brutal-stepper,.cyber-stepper,.y2k-stepper,.rg-stepper,.luxe-stepper,.organic-stepper,.utility-stepper,.blueprint-stepper,.deco-stepper,.clay-stepper,.terminal-stepper,.paper-stepper,.noir-stepper), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-stepper), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-stepper) { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; padding: 0; list-style: none; }
:where(.saas-step,.bento-step,.max-step,.bau-step,.tactile-step,.neo-step,.retro-step,.brutal-step,.cyber-step,.y2k-step,.rg-step,.luxe-step,.organic-step,.utility-step,.blueprint-step,.deco-step,.clay-step,.terminal-step,.paper-step,.noir-step), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-step), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-step) { display: inline-flex; align-items: center; gap: .5rem; color: var(--usk-native-text-muted); }
:where(.saas-step-marker,.bento-step-marker,.max-step-marker,.bau-step-marker,.tactile-step-marker,.neo-step-marker,.retro-step-marker,.brutal-step-marker,.cyber-step-marker,.y2k-step-marker,.rg-step-marker,.luxe-step-marker,.organic-step-marker,.utility-step-marker,.blueprint-step-marker,.deco-step-marker,.clay-step-marker,.terminal-step-marker,.paper-step-marker,.noir-step-marker), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-step-marker), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-step-marker) { display: inline-grid; place-items: center; min-inline-size: 2rem; block-size: 2rem; border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: 50%; }
:where(.saas-step[data-state="current"],.bento-step[data-state="current"],.max-step[data-state="current"],.bau-step[data-state="current"],.tactile-step[data-state="current"],.neo-step[data-state="current"],.retro-step[data-state="current"],.brutal-step[data-state="current"],.cyber-step[data-state="current"],.y2k-step[data-state="current"],.rg-step[data-state="current"],.luxe-step[data-state="current"],.organic-step[data-state="current"],.utility-step[data-state="current"],.blueprint-step[data-state="current"],.deco-step[data-state="current"],.clay-step[data-state="current"],.terminal-step[data-state="current"],.paper-step[data-state="current"],.noir-step[data-state="current"],.saas-step[data-state="complete"],.bento-step[data-state="complete"],.max-step[data-state="complete"],.bau-step[data-state="complete"],.tactile-step[data-state="complete"],.neo-step[data-state="complete"],.retro-step[data-state="complete"],.brutal-step[data-state="complete"],.cyber-step[data-state="complete"],.y2k-step[data-state="complete"],.rg-step[data-state="complete"],.luxe-step[data-state="complete"],.organic-step[data-state="complete"],.utility-step[data-state="complete"],.blueprint-step[data-state="complete"],.deco-step[data-state="complete"],.clay-step[data-state="complete"],.terminal-step[data-state="complete"],.paper-step[data-state="complete"],.noir-step[data-state="complete"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-step[data-state="current"],.usk-step[data-state="complete"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-step[data-state="current"],.ui-step[data-state="complete"]) { color: var(--usk-primary-ink, var(--usk-native-primary)); }
:where(.saas-step[data-state="error"],.bento-step[data-state="error"],.max-step[data-state="error"],.bau-step[data-state="error"],.tactile-step[data-state="error"],.neo-step[data-state="error"],.retro-step[data-state="error"],.brutal-step[data-state="error"],.cyber-step[data-state="error"],.y2k-step[data-state="error"],.rg-step[data-state="error"],.luxe-step[data-state="error"],.organic-step[data-state="error"],.utility-step[data-state="error"],.blueprint-step[data-state="error"],.deco-step[data-state="error"],.clay-step[data-state="error"],.terminal-step[data-state="error"],.paper-step[data-state="error"],.noir-step[data-state="error"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-step[data-state="error"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-step[data-state="error"]) { color: var(--usk-danger-ink, var(--usk-native-danger)); }
:where(.saas-step-label,.bento-step-label,.max-step-label,.bau-step-label,.tactile-step-label,.neo-step-label,.retro-step-label,.brutal-step-label,.cyber-step-label,.y2k-step-label,.rg-step-label,.luxe-step-label,.organic-step-label,.utility-step-label,.blueprint-step-label,.deco-step-label,.clay-step-label,.terminal-step-label,.paper-step-label,.noir-step-label), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-step-label), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-step-label) { font-weight: 650; }

:where(.saas-toast-stack,.bento-toast-stack,.max-toast-stack,.bau-toast-stack,.tactile-toast-stack,.neo-toast-stack,.retro-toast-stack,.brutal-toast-stack,.cyber-toast-stack,.y2k-toast-stack,.rg-toast-stack,.luxe-toast-stack,.organic-toast-stack,.utility-toast-stack,.blueprint-toast-stack,.deco-toast-stack,.clay-toast-stack,.terminal-toast-stack,.paper-toast-stack,.noir-toast-stack), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast-stack), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast-stack) { display: grid; gap: .75rem; pointer-events: none; }
:where(.saas-toast,.bento-toast,.max-toast,.bau-toast,.tactile-toast,.neo-toast,.retro-toast,.brutal-toast,.cyber-toast,.y2k-toast,.rg-toast,.luxe-toast,.organic-toast,.utility-toast,.blueprint-toast,.deco-toast,.clay-toast,.terminal-toast,.paper-toast,.noir-toast), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast) { display: grid; gap: .5rem; padding: 1rem; color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-inline-start: .3rem solid var(--usk-native-primary); border-radius: var(--usk-native-radius); box-shadow: var(--usk-native-shadow); pointer-events: auto; }
:where(.saas-toast-info,.bento-toast-info,.max-toast-info,.bau-toast-info,.tactile-toast-info,.neo-toast-info,.retro-toast-info,.brutal-toast-info,.cyber-toast-info,.y2k-toast-info,.rg-toast-info,.luxe-toast-info,.organic-toast-info,.utility-toast-info,.blueprint-toast-info,.deco-toast-info,.clay-toast-info,.terminal-toast-info,.paper-toast-info,.noir-toast-info), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast:where([data-ui-variant="info"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast:where([data-ui-variant="info"])) { border-inline-start-color: var(--usk-native-primary); }
:where(.saas-toast-success,.bento-toast-success,.max-toast-success,.bau-toast-success,.tactile-toast-success,.neo-toast-success,.retro-toast-success,.brutal-toast-success,.cyber-toast-success,.y2k-toast-success,.rg-toast-success,.luxe-toast-success,.organic-toast-success,.utility-toast-success,.blueprint-toast-success,.deco-toast-success,.clay-toast-success,.terminal-toast-success,.paper-toast-success,.noir-toast-success), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast:where([data-ui-variant="success"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast:where([data-ui-variant="success"])) { border-inline-start-color: var(--usk-native-success); }
:where(.saas-toast-warning,.bento-toast-warning,.max-toast-warning,.bau-toast-warning,.tactile-toast-warning,.neo-toast-warning,.retro-toast-warning,.brutal-toast-warning,.cyber-toast-warning,.y2k-toast-warning,.rg-toast-warning,.luxe-toast-warning,.organic-toast-warning,.utility-toast-warning,.blueprint-toast-warning,.deco-toast-warning,.clay-toast-warning,.terminal-toast-warning,.paper-toast-warning,.noir-toast-warning), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast:where([data-ui-variant="warning"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast:where([data-ui-variant="warning"])) { border-inline-start-color: var(--usk-native-warning); }
:where(.saas-toast-danger,.bento-toast-danger,.max-toast-danger,.bau-toast-danger,.tactile-toast-danger,.neo-toast-danger,.retro-toast-danger,.brutal-toast-danger,.cyber-toast-danger,.y2k-toast-danger,.rg-toast-danger,.luxe-toast-danger,.organic-toast-danger,.utility-toast-danger,.blueprint-toast-danger,.deco-toast-danger,.clay-toast-danger,.terminal-toast-danger,.paper-toast-danger,.noir-toast-danger), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-toast:where([data-ui-variant="danger"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-toast:where([data-ui-variant="danger"])) { border-inline-start-color: var(--usk-native-danger); }

:where(.saas-popover,.saas-menu,.saas-listbox,.bento-popover,.bento-menu,.bento-listbox,.max-popover,.max-menu,.max-listbox,.bau-popover,.bau-menu,.bau-listbox,.tactile-popover,.tactile-menu,.tactile-listbox,.neo-popover,.neo-menu,.neo-listbox,.retro-popover,.retro-menu,.retro-listbox,.brutal-popover,.brutal-menu,.brutal-listbox,.cyber-popover,.cyber-menu,.cyber-listbox,.y2k-popover,.y2k-menu,.y2k-listbox,.rg-popover,.rg-menu,.rg-listbox,.luxe-popover,.luxe-menu,.luxe-listbox,.organic-popover,.organic-menu,.organic-listbox,.utility-popover,.utility-menu,.utility-listbox,.blueprint-popover,.blueprint-menu,.blueprint-listbox,.deco-popover,.deco-menu,.deco-listbox,.clay-popover,.clay-menu,.clay-listbox,.terminal-popover,.terminal-menu,.terminal-listbox,.paper-popover,.paper-menu,.paper-listbox,.noir-popover,.noir-menu,.noir-listbox), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-popover,.usk-menu,.usk-listbox), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-popover,.ui-menu,.ui-listbox) { max-inline-size: min(24rem, calc(100vw - 2rem)); padding: .5rem; color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); box-shadow: var(--usk-native-shadow); }
:where(.saas-menu,.saas-listbox,.bento-menu,.bento-listbox,.max-menu,.max-listbox,.bau-menu,.bau-listbox,.tactile-menu,.tactile-listbox,.neo-menu,.neo-listbox,.retro-menu,.retro-listbox,.brutal-menu,.brutal-listbox,.cyber-menu,.cyber-listbox,.y2k-menu,.y2k-listbox,.rg-menu,.rg-listbox,.luxe-menu,.luxe-listbox,.organic-menu,.organic-listbox,.utility-menu,.utility-listbox,.blueprint-menu,.blueprint-listbox,.deco-menu,.deco-listbox,.clay-menu,.clay-listbox,.terminal-menu,.terminal-listbox,.paper-menu,.paper-listbox,.noir-menu,.noir-listbox), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-menu,.usk-listbox), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-menu,.ui-listbox) { display: grid; gap: .2rem; margin: 0; list-style: none; }
:where(.saas-menu-item,.saas-listbox-option,.bento-menu-item,.bento-listbox-option,.max-menu-item,.max-listbox-option,.bau-menu-item,.bau-listbox-option,.tactile-menu-item,.tactile-listbox-option,.neo-menu-item,.neo-listbox-option,.retro-menu-item,.retro-listbox-option,.brutal-menu-item,.brutal-listbox-option,.cyber-menu-item,.cyber-listbox-option,.y2k-menu-item,.y2k-listbox-option,.rg-menu-item,.rg-listbox-option,.luxe-menu-item,.luxe-listbox-option,.organic-menu-item,.organic-listbox-option,.utility-menu-item,.utility-listbox-option,.blueprint-menu-item,.blueprint-listbox-option,.deco-menu-item,.deco-listbox-option,.clay-menu-item,.clay-listbox-option,.terminal-menu-item,.terminal-listbox-option,.paper-menu-item,.paper-listbox-option,.noir-menu-item,.noir-listbox-option), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-menu-item,.usk-listbox-option), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-menu-item,.ui-listbox-option) { display: flex; align-items: center; gap: .5rem; min-block-size: 44px; padding: .55rem .7rem; border-radius: var(--usk-native-radius); cursor: default; }
:where(.saas-menu-item:is(:hover,:focus-visible),.bento-menu-item:is(:hover,:focus-visible),.max-menu-item:is(:hover,:focus-visible),.bau-menu-item:is(:hover,:focus-visible),.tactile-menu-item:is(:hover,:focus-visible),.neo-menu-item:is(:hover,:focus-visible),.retro-menu-item:is(:hover,:focus-visible),.brutal-menu-item:is(:hover,:focus-visible),.cyber-menu-item:is(:hover,:focus-visible),.y2k-menu-item:is(:hover,:focus-visible),.rg-menu-item:is(:hover,:focus-visible),.luxe-menu-item:is(:hover,:focus-visible),.organic-menu-item:is(:hover,:focus-visible),.utility-menu-item:is(:hover,:focus-visible),.blueprint-menu-item:is(:hover,:focus-visible),.deco-menu-item:is(:hover,:focus-visible),.clay-menu-item:is(:hover,:focus-visible),.terminal-menu-item:is(:hover,:focus-visible),.paper-menu-item:is(:hover,:focus-visible),.noir-menu-item:is(:hover,:focus-visible),.saas-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.bento-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.max-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.bau-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.tactile-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.neo-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.retro-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.brutal-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.cyber-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.y2k-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.rg-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.luxe-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.organic-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.utility-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.blueprint-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.deco-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.clay-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.terminal-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.paper-listbox-option:is(:hover,:focus-visible,[aria-selected="true"]),.noir-listbox-option:is(:hover,:focus-visible,[aria-selected="true"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-menu-item:is(:hover,:focus-visible),.usk-listbox-option:is(:hover,:focus-visible,[aria-selected="true"])), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-menu-item:is(:hover,:focus-visible),.ui-listbox-option:is(:hover,:focus-visible,[aria-selected="true"])) { color: var(--usk-native-on-primary); background: var(--usk-native-primary); outline: none; }
:where(.saas-menu-group,.bento-menu-group,.max-menu-group,.bau-menu-group,.tactile-menu-group,.neo-menu-group,.retro-menu-group,.brutal-menu-group,.cyber-menu-group,.y2k-menu-group,.rg-menu-group,.luxe-menu-group,.organic-menu-group,.utility-menu-group,.blueprint-menu-group,.deco-menu-group,.clay-menu-group,.terminal-menu-group,.paper-menu-group,.noir-menu-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-menu-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-menu-group) { display: grid; gap: .2rem; }
:where(.saas-menu-separator,.bento-menu-separator,.max-menu-separator,.bau-menu-separator,.tactile-menu-separator,.neo-menu-separator,.retro-menu-separator,.brutal-menu-separator,.cyber-menu-separator,.y2k-menu-separator,.rg-menu-separator,.luxe-menu-separator,.organic-menu-separator,.utility-menu-separator,.blueprint-menu-separator,.deco-menu-separator,.clay-menu-separator,.terminal-menu-separator,.paper-menu-separator,.noir-menu-separator), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-menu-separator), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-menu-separator) { block-size: var(--usk-native-border-width); margin-block: .25rem; background: var(--usk-native-border); }

:where(.saas-segmented-control,.bento-segmented-control,.max-segmented-control,.bau-segmented-control,.tactile-segmented-control,.neo-segmented-control,.retro-segmented-control,.brutal-segmented-control,.cyber-segmented-control,.y2k-segmented-control,.rg-segmented-control,.luxe-segmented-control,.organic-segmented-control,.utility-segmented-control,.blueprint-segmented-control,.deco-segmented-control,.clay-segmented-control,.terminal-segmented-control,.paper-segmented-control,.noir-segmented-control), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-segmented-control), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-segmented-control) { display: inline-flex; max-inline-size: 100%; padding: .2rem; background: var(--usk-native-surface-soft); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); overflow-x: auto; }
:where(.saas-segment,.bento-segment,.max-segment,.bau-segment,.tactile-segment,.neo-segment,.retro-segment,.brutal-segment,.cyber-segment,.y2k-segment,.rg-segment,.luxe-segment,.organic-segment,.utility-segment,.blueprint-segment,.deco-segment,.clay-segment,.terminal-segment,.paper-segment,.noir-segment), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-segment), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-segment) { min-block-size: 40px; padding: .45rem .75rem; color: var(--usk-native-text); background: transparent; border: 0; border-radius: calc(var(--usk-native-radius) * .75); font: inherit; white-space: nowrap; }
:where(.saas-segment[aria-pressed="true"],.bento-segment[aria-pressed="true"],.max-segment[aria-pressed="true"],.bau-segment[aria-pressed="true"],.tactile-segment[aria-pressed="true"],.neo-segment[aria-pressed="true"],.retro-segment[aria-pressed="true"],.brutal-segment[aria-pressed="true"],.cyber-segment[aria-pressed="true"],.y2k-segment[aria-pressed="true"],.rg-segment[aria-pressed="true"],.luxe-segment[aria-pressed="true"],.organic-segment[aria-pressed="true"],.utility-segment[aria-pressed="true"],.blueprint-segment[aria-pressed="true"],.deco-segment[aria-pressed="true"],.clay-segment[aria-pressed="true"],.terminal-segment[aria-pressed="true"],.paper-segment[aria-pressed="true"],.noir-segment[aria-pressed="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-segment[aria-pressed="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-segment[aria-pressed="true"]) { color: var(--usk-native-on-primary); background: var(--usk-native-primary); }

:where(.saas-file-upload,.bento-file-upload,.max-file-upload,.bau-file-upload,.tactile-file-upload,.neo-file-upload,.retro-file-upload,.brutal-file-upload,.cyber-file-upload,.y2k-file-upload,.rg-file-upload,.luxe-file-upload,.organic-file-upload,.utility-file-upload,.blueprint-file-upload,.deco-file-upload,.clay-file-upload,.terminal-file-upload,.paper-file-upload,.noir-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-file-upload) { display: grid; gap: .75rem; }
:where(.saas-dropzone,.bento-dropzone,.max-dropzone,.bau-dropzone,.tactile-dropzone,.neo-dropzone,.retro-dropzone,.brutal-dropzone,.cyber-dropzone,.y2k-dropzone,.rg-dropzone,.luxe-dropzone,.organic-dropzone,.utility-dropzone,.blueprint-dropzone,.deco-dropzone,.clay-dropzone,.terminal-dropzone,.paper-dropzone,.noir-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone) { display: grid; place-items: center; gap: .5rem; min-block-size: 8rem; padding: 1.25rem; color: var(--usk-native-text-muted); background: var(--usk-native-surface-soft); border: calc(var(--usk-native-border-width) * 2) dashed var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
:where(.saas-dropzone[data-drag-active="true"],.bento-dropzone[data-drag-active="true"],.max-dropzone[data-drag-active="true"],.bau-dropzone[data-drag-active="true"],.tactile-dropzone[data-drag-active="true"],.neo-dropzone[data-drag-active="true"],.retro-dropzone[data-drag-active="true"],.brutal-dropzone[data-drag-active="true"],.cyber-dropzone[data-drag-active="true"],.y2k-dropzone[data-drag-active="true"],.rg-dropzone[data-drag-active="true"],.luxe-dropzone[data-drag-active="true"],.organic-dropzone[data-drag-active="true"],.utility-dropzone[data-drag-active="true"],.blueprint-dropzone[data-drag-active="true"],.deco-dropzone[data-drag-active="true"],.clay-dropzone[data-drag-active="true"],.terminal-dropzone[data-drag-active="true"],.paper-dropzone[data-drag-active="true"],.noir-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone[data-drag-active="true"]) { color: var(--usk-primary-ink, var(--usk-native-primary)); border-color: var(--usk-native-primary); }
}
@layer ui-style-kit.clean_defaults {
/** Empty-state symbols remain prominent independently of each preset's body font. */
[data-ui][data-mode] :where(.saas-empty-state-icon,.bento-empty-state-icon,.max-empty-state-icon,.bau-empty-state-icon,.tactile-empty-state-icon,.neo-empty-state-icon,.retro-empty-state-icon,.brutal-empty-state-icon,.cyber-empty-state-icon,.y2k-empty-state-icon,.rg-empty-state-icon,.luxe-empty-state-icon,.organic-empty-state-icon,.utility-empty-state-icon,.blueprint-empty-state-icon,.deco-empty-state-icon,.clay-empty-state-icon,.terminal-empty-state-icon,.paper-empty-state-icon,.noir-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-empty-state-icon) {
  display: grid;
  place-items: center;
  font-size: var(--usk-empty-state-icon-size, 2.75rem);
  line-height: 1;
  min-inline-size: 1em;
  min-block-size: 1em;
  margin: 0;
  padding: 0;
}

/** Thin progress tracks own their inset; the fill never inherits element spacing. */
[data-ui][data-mode] :where(.saas-progress,.bento-progress,.max-progress,.bau-progress,.tactile-progress,.neo-progress,.retro-progress,.brutal-progress,.cyber-progress,.y2k-progress,.rg-progress,.luxe-progress,.organic-progress,.utility-progress,.blueprint-progress,.deco-progress,.clay-progress,.terminal-progress,.paper-progress,.noir-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress) {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-inline-size: 0;
  max-inline-size: 100%;
  margin: 0;
  padding: 0;
}
[data-ui][data-mode] :where(.saas-progress-bar,.bento-progress-bar,.max-progress-bar,.bau-progress-bar,.tactile-progress-bar,.neo-progress-bar,.retro-progress-bar,.brutal-progress-bar,.cyber-progress-bar,.y2k-progress-bar,.rg-progress-bar,.luxe-progress-bar,.organic-progress-bar,.utility-progress-bar,.blueprint-progress-bar,.deco-progress-bar,.clay-progress-bar,.terminal-progress-bar,.paper-progress-bar,.noir-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress-bar) {
  box-sizing: border-box;
  flex: 0 1 auto;
  align-self: center;
  min-inline-size: 0;
  min-block-size: 0;
  max-inline-size: 100%;
  block-size: 100%;
  margin: 0;
  padding: 0;
}

/** Status surfaces keep their signal after preset material and border shorthands. */

[data-ui][data-mode] :where(.saas-alert-success,.bento-alert-success,.max-alert-success,.bau-alert-success,.tactile-alert-success,.neo-alert-success,.retro-alert-success,.brutal-alert-success,.cyber-alert-success,.y2k-alert-success,.rg-alert-success,.luxe-alert-success,.organic-alert-success,.utility-alert-success,.blueprint-alert-success,.deco-alert-success,.clay-alert-success,.terminal-alert-success,.paper-alert-success,.noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
  --usk-message-tone: var(--usk-native-success);
  background: var(--usk-message-tone);
  color: var(--usk-native-on-success);
  border-color: var(--usk-message-tone);
}
[data-ui][data-mode] :where(.saas-alert-success,.bento-alert-success,.max-alert-success,.bau-alert-success,.tactile-alert-success,.neo-alert-success,.retro-alert-success,.brutal-alert-success,.cyber-alert-success,.y2k-alert-success,.rg-alert-success,.luxe-alert-success,.organic-alert-success,.utility-alert-success,.blueprint-alert-success,.deco-alert-success,.clay-alert-success,.terminal-alert-success,.paper-alert-success,.noir-alert-success) :where(.saas-alert-title,.bento-alert-title,.max-alert-title,.bau-alert-title,.tactile-alert-title,.neo-alert-title,.retro-alert-title,.brutal-alert-title,.cyber-alert-title,.y2k-alert-title,.rg-alert-title,.luxe-alert-title,.organic-alert-title,.utility-alert-title,.blueprint-alert-title,.deco-alert-title,.clay-alert-title,.terminal-alert-title,.paper-alert-title,.noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-title) {
  color: inherit;
  text-shadow: none;
}
[data-ui][data-mode] :where(.saas-alert-success,.bento-alert-success,.max-alert-success,.bau-alert-success,.tactile-alert-success,.neo-alert-success,.retro-alert-success,.brutal-alert-success,.cyber-alert-success,.y2k-alert-success,.rg-alert-success,.luxe-alert-success,.organic-alert-success,.utility-alert-success,.blueprint-alert-success,.deco-alert-success,.clay-alert-success,.terminal-alert-success,.paper-alert-success,.noir-alert-success) :where(.saas-alert-body,.bento-alert-body,.max-alert-body,.bau-alert-body,.tactile-alert-body,.neo-alert-body,.retro-alert-body,.brutal-alert-body,.cyber-alert-body,.y2k-alert-body,.rg-alert-body,.luxe-alert-body,.organic-alert-body,.utility-alert-body,.blueprint-alert-body,.deco-alert-body,.clay-alert-body,.terminal-alert-body,.paper-alert-body,.noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-body) {
  color: inherit;
}
@supports (color: color-mix(in srgb, #000, #fff)) {
  [data-ui][data-mode] :where(.saas-alert-success,.bento-alert-success,.max-alert-success,.bau-alert-success,.tactile-alert-success,.neo-alert-success,.retro-alert-success,.brutal-alert-success,.cyber-alert-success,.y2k-alert-success,.rg-alert-success,.luxe-alert-success,.organic-alert-success,.utility-alert-success,.blueprint-alert-success,.deco-alert-success,.clay-alert-success,.terminal-alert-success,.paper-alert-success,.noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
    background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
    color: var(--usk-native-text);
  }
}

[data-ui][data-mode] :where(.saas-alert-warning,.bento-alert-warning,.max-alert-warning,.bau-alert-warning,.tactile-alert-warning,.neo-alert-warning,.retro-alert-warning,.brutal-alert-warning,.cyber-alert-warning,.y2k-alert-warning,.rg-alert-warning,.luxe-alert-warning,.organic-alert-warning,.utility-alert-warning,.blueprint-alert-warning,.deco-alert-warning,.clay-alert-warning,.terminal-alert-warning,.paper-alert-warning,.noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
  --usk-message-tone: var(--usk-native-warning);
  background: var(--usk-message-tone);
  color: var(--usk-native-on-warning);
  border-color: var(--usk-message-tone);
}
[data-ui][data-mode] :where(.saas-alert-warning,.bento-alert-warning,.max-alert-warning,.bau-alert-warning,.tactile-alert-warning,.neo-alert-warning,.retro-alert-warning,.brutal-alert-warning,.cyber-alert-warning,.y2k-alert-warning,.rg-alert-warning,.luxe-alert-warning,.organic-alert-warning,.utility-alert-warning,.blueprint-alert-warning,.deco-alert-warning,.clay-alert-warning,.terminal-alert-warning,.paper-alert-warning,.noir-alert-warning) :where(.saas-alert-title,.bento-alert-title,.max-alert-title,.bau-alert-title,.tactile-alert-title,.neo-alert-title,.retro-alert-title,.brutal-alert-title,.cyber-alert-title,.y2k-alert-title,.rg-alert-title,.luxe-alert-title,.organic-alert-title,.utility-alert-title,.blueprint-alert-title,.deco-alert-title,.clay-alert-title,.terminal-alert-title,.paper-alert-title,.noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-title) {
  color: inherit;
  text-shadow: none;
}
[data-ui][data-mode] :where(.saas-alert-warning,.bento-alert-warning,.max-alert-warning,.bau-alert-warning,.tactile-alert-warning,.neo-alert-warning,.retro-alert-warning,.brutal-alert-warning,.cyber-alert-warning,.y2k-alert-warning,.rg-alert-warning,.luxe-alert-warning,.organic-alert-warning,.utility-alert-warning,.blueprint-alert-warning,.deco-alert-warning,.clay-alert-warning,.terminal-alert-warning,.paper-alert-warning,.noir-alert-warning) :where(.saas-alert-body,.bento-alert-body,.max-alert-body,.bau-alert-body,.tactile-alert-body,.neo-alert-body,.retro-alert-body,.brutal-alert-body,.cyber-alert-body,.y2k-alert-body,.rg-alert-body,.luxe-alert-body,.organic-alert-body,.utility-alert-body,.blueprint-alert-body,.deco-alert-body,.clay-alert-body,.terminal-alert-body,.paper-alert-body,.noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-body) {
  color: inherit;
}
@supports (color: color-mix(in srgb, #000, #fff)) {
  [data-ui][data-mode] :where(.saas-alert-warning,.bento-alert-warning,.max-alert-warning,.bau-alert-warning,.tactile-alert-warning,.neo-alert-warning,.retro-alert-warning,.brutal-alert-warning,.cyber-alert-warning,.y2k-alert-warning,.rg-alert-warning,.luxe-alert-warning,.organic-alert-warning,.utility-alert-warning,.blueprint-alert-warning,.deco-alert-warning,.clay-alert-warning,.terminal-alert-warning,.paper-alert-warning,.noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
    background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
    color: var(--usk-native-text);
  }
}

[data-ui][data-mode] :where(.saas-alert-danger,.bento-alert-danger,.max-alert-danger,.bau-alert-danger,.tactile-alert-danger,.neo-alert-danger,.retro-alert-danger,.brutal-alert-danger,.cyber-alert-danger,.y2k-alert-danger,.rg-alert-danger,.luxe-alert-danger,.organic-alert-danger,.utility-alert-danger,.blueprint-alert-danger,.deco-alert-danger,.clay-alert-danger,.terminal-alert-danger,.paper-alert-danger,.noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
  --usk-message-tone: var(--usk-native-danger);
  background: var(--usk-message-tone);
  color: var(--usk-native-on-danger);
  border-color: var(--usk-message-tone);
}
[data-ui][data-mode] :where(.saas-alert-danger,.bento-alert-danger,.max-alert-danger,.bau-alert-danger,.tactile-alert-danger,.neo-alert-danger,.retro-alert-danger,.brutal-alert-danger,.cyber-alert-danger,.y2k-alert-danger,.rg-alert-danger,.luxe-alert-danger,.organic-alert-danger,.utility-alert-danger,.blueprint-alert-danger,.deco-alert-danger,.clay-alert-danger,.terminal-alert-danger,.paper-alert-danger,.noir-alert-danger) :where(.saas-alert-title,.bento-alert-title,.max-alert-title,.bau-alert-title,.tactile-alert-title,.neo-alert-title,.retro-alert-title,.brutal-alert-title,.cyber-alert-title,.y2k-alert-title,.rg-alert-title,.luxe-alert-title,.organic-alert-title,.utility-alert-title,.blueprint-alert-title,.deco-alert-title,.clay-alert-title,.terminal-alert-title,.paper-alert-title,.noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-title) {
  color: inherit;
  text-shadow: none;
}
[data-ui][data-mode] :where(.saas-alert-danger,.bento-alert-danger,.max-alert-danger,.bau-alert-danger,.tactile-alert-danger,.neo-alert-danger,.retro-alert-danger,.brutal-alert-danger,.cyber-alert-danger,.y2k-alert-danger,.rg-alert-danger,.luxe-alert-danger,.organic-alert-danger,.utility-alert-danger,.blueprint-alert-danger,.deco-alert-danger,.clay-alert-danger,.terminal-alert-danger,.paper-alert-danger,.noir-alert-danger) :where(.saas-alert-body,.bento-alert-body,.max-alert-body,.bau-alert-body,.tactile-alert-body,.neo-alert-body,.retro-alert-body,.brutal-alert-body,.cyber-alert-body,.y2k-alert-body,.rg-alert-body,.luxe-alert-body,.organic-alert-body,.utility-alert-body,.blueprint-alert-body,.deco-alert-body,.clay-alert-body,.terminal-alert-body,.paper-alert-body,.noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-body) {
  color: inherit;
}
@supports (color: color-mix(in srgb, #000, #fff)) {
  [data-ui][data-mode] :where(.saas-alert-danger,.bento-alert-danger,.max-alert-danger,.bau-alert-danger,.tactile-alert-danger,.neo-alert-danger,.retro-alert-danger,.brutal-alert-danger,.cyber-alert-danger,.y2k-alert-danger,.rg-alert-danger,.luxe-alert-danger,.organic-alert-danger,.utility-alert-danger,.blueprint-alert-danger,.deco-alert-danger,.clay-alert-danger,.terminal-alert-danger,.paper-alert-danger,.noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
    background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
    color: var(--usk-native-text);
  }
}

/** Compact status and selection frames provide a readable inset around their text. */
[data-ui][data-mode] :where(.saas-chip,.saas-tab,.saas-segment,.bento-chip,.bento-tab,.bento-segment,.max-chip,.max-tab,.max-segment,.bau-chip,.bau-tab,.bau-segment,.tactile-chip,.tactile-tab,.tactile-segment,.neo-chip,.neo-tab,.neo-segment,.retro-chip,.retro-tab,.retro-segment,.brutal-chip,.brutal-tab,.brutal-segment,.cyber-chip,.cyber-tab,.cyber-segment,.y2k-chip,.y2k-tab,.y2k-segment,.rg-chip,.rg-tab,.rg-segment,.luxe-chip,.luxe-tab,.luxe-segment,.organic-chip,.organic-tab,.organic-segment,.utility-chip,.utility-tab,.utility-segment,.blueprint-chip,.blueprint-tab,.blueprint-segment,.deco-chip,.deco-tab,.deco-segment,.clay-chip,.clay-tab,.clay-segment,.terminal-chip,.terminal-tab,.terminal-segment,.paper-chip,.paper-tab,.paper-segment,.noir-chip,.noir-tab,.noir-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-chip,.usk-tab,.usk-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-chip,.ui-tab,.ui-segment) {
  box-sizing: border-box;
  padding-block: var(--usk-compact-content-padding-block, .35rem);
  padding-inline: var(--usk-compact-content-padding-inline, .65rem);
}

/** Public component frames shrink within their parent instead of adding an outer inset. */
[data-ui][data-mode] :where(.saas-tabs,.saas-tab-list,.saas-tab-panel,.saas-toast-stack,.saas-toast,.saas-popover,.saas-menu,.saas-segmented-control,.bento-tabs,.bento-tab-list,.bento-tab-panel,.bento-toast-stack,.bento-toast,.bento-popover,.bento-menu,.bento-segmented-control,.max-tabs,.max-tab-list,.max-tab-panel,.max-toast-stack,.max-toast,.max-popover,.max-menu,.max-segmented-control,.bau-tabs,.bau-tab-list,.bau-tab-panel,.bau-toast-stack,.bau-toast,.bau-popover,.bau-menu,.bau-segmented-control,.tactile-tabs,.tactile-tab-list,.tactile-tab-panel,.tactile-toast-stack,.tactile-toast,.tactile-popover,.tactile-menu,.tactile-segmented-control,.neo-tabs,.neo-tab-list,.neo-tab-panel,.neo-toast-stack,.neo-toast,.neo-popover,.neo-menu,.neo-segmented-control,.retro-tabs,.retro-tab-list,.retro-tab-panel,.retro-toast-stack,.retro-toast,.retro-popover,.retro-menu,.retro-segmented-control,.brutal-tabs,.brutal-tab-list,.brutal-tab-panel,.brutal-toast-stack,.brutal-toast,.brutal-popover,.brutal-menu,.brutal-segmented-control,.cyber-tabs,.cyber-tab-list,.cyber-tab-panel,.cyber-toast-stack,.cyber-toast,.cyber-popover,.cyber-menu,.cyber-segmented-control,.y2k-tabs,.y2k-tab-list,.y2k-tab-panel,.y2k-toast-stack,.y2k-toast,.y2k-popover,.y2k-menu,.y2k-segmented-control,.rg-tabs,.rg-tab-list,.rg-tab-panel,.rg-toast-stack,.rg-toast,.rg-popover,.rg-menu,.rg-segmented-control,.luxe-tabs,.luxe-tab-list,.luxe-tab-panel,.luxe-toast-stack,.luxe-toast,.luxe-popover,.luxe-menu,.luxe-segmented-control,.organic-tabs,.organic-tab-list,.organic-tab-panel,.organic-toast-stack,.organic-toast,.organic-popover,.organic-menu,.organic-segmented-control,.utility-tabs,.utility-tab-list,.utility-tab-panel,.utility-toast-stack,.utility-toast,.utility-popover,.utility-menu,.utility-segmented-control,.blueprint-tabs,.blueprint-tab-list,.blueprint-tab-panel,.blueprint-toast-stack,.blueprint-toast,.blueprint-popover,.blueprint-menu,.blueprint-segmented-control,.deco-tabs,.deco-tab-list,.deco-tab-panel,.deco-toast-stack,.deco-toast,.deco-popover,.deco-menu,.deco-segmented-control,.clay-tabs,.clay-tab-list,.clay-tab-panel,.clay-toast-stack,.clay-toast,.clay-popover,.clay-menu,.clay-segmented-control,.terminal-tabs,.terminal-tab-list,.terminal-tab-panel,.terminal-toast-stack,.terminal-toast,.terminal-popover,.terminal-menu,.terminal-segmented-control,.paper-tabs,.paper-tab-list,.paper-tab-panel,.paper-toast-stack,.paper-toast,.paper-popover,.paper-menu,.paper-segmented-control,.noir-tabs,.noir-tab-list,.noir-tab-panel,.noir-toast-stack,.noir-toast,.noir-popover,.noir-menu,.noir-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs,.usk-tab-list,.usk-tab-panel,.usk-toast-stack,.usk-toast,.usk-popover,.usk-menu,.usk-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs,.ui-tab-list,.ui-tab-panel,.ui-toast-stack,.ui-toast,.ui-popover,.ui-menu,.ui-segmented-control) {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-inline: 0;
}

/** Overlay frames retain their content inset after the native element-spacing floor. */
[data-ui][data-mode] :where(.saas-popover,.saas-menu,.saas-listbox,.bento-popover,.bento-menu,.bento-listbox,.max-popover,.max-menu,.max-listbox,.bau-popover,.bau-menu,.bau-listbox,.tactile-popover,.tactile-menu,.tactile-listbox,.neo-popover,.neo-menu,.neo-listbox,.retro-popover,.retro-menu,.retro-listbox,.brutal-popover,.brutal-menu,.brutal-listbox,.cyber-popover,.cyber-menu,.cyber-listbox,.y2k-popover,.y2k-menu,.y2k-listbox,.rg-popover,.rg-menu,.rg-listbox,.luxe-popover,.luxe-menu,.luxe-listbox,.organic-popover,.organic-menu,.organic-listbox,.utility-popover,.utility-menu,.utility-listbox,.blueprint-popover,.blueprint-menu,.blueprint-listbox,.deco-popover,.deco-menu,.deco-listbox,.clay-popover,.clay-menu,.clay-listbox,.terminal-popover,.terminal-menu,.terminal-listbox,.paper-popover,.paper-menu,.paper-listbox,.noir-popover,.noir-menu,.noir-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-popover,.usk-menu,.usk-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-popover,.ui-menu,.ui-listbox) {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: var(--usk-overlay-padding, .5rem);
}
[data-ui][data-mode] :where(.saas-menu-item,.saas-listbox-option,.bento-menu-item,.bento-listbox-option,.max-menu-item,.max-listbox-option,.bau-menu-item,.bau-listbox-option,.tactile-menu-item,.tactile-listbox-option,.neo-menu-item,.neo-listbox-option,.retro-menu-item,.retro-listbox-option,.brutal-menu-item,.brutal-listbox-option,.cyber-menu-item,.cyber-listbox-option,.y2k-menu-item,.y2k-listbox-option,.rg-menu-item,.rg-listbox-option,.luxe-menu-item,.luxe-listbox-option,.organic-menu-item,.organic-listbox-option,.utility-menu-item,.utility-listbox-option,.blueprint-menu-item,.blueprint-listbox-option,.deco-menu-item,.deco-listbox-option,.clay-menu-item,.clay-listbox-option,.terminal-menu-item,.terminal-listbox-option,.paper-menu-item,.paper-listbox-option,.noir-menu-item,.noir-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-menu-item,.usk-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-menu-item,.ui-listbox-option) {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding-block: var(--usk-option-padding-block, .55rem);
  padding-inline: var(--usk-option-padding-inline, .7rem);
}

/** A typed tab root stacks its header and panel; legacy direct-button bars keep their own layout. */
[data-ui][data-mode] :where(.saas-tabs:has(>.saas-tab-list),.bento-tabs:has(>.bento-tab-list),.max-tabs:has(>.max-tab-list),.bau-tabs:has(>.bau-tab-list),.tactile-tabs:has(>.tactile-tab-list),.neo-tabs:has(>.neo-tab-list),.retro-tabs:has(>.retro-tab-list),.brutal-tabs:has(>.brutal-tab-list),.cyber-tabs:has(>.cyber-tab-list),.y2k-tabs:has(>.y2k-tab-list),.rg-tabs:has(>.rg-tab-list),.luxe-tabs:has(>.luxe-tab-list),.organic-tabs:has(>.organic-tab-list),.utility-tabs:has(>.utility-tab-list),.blueprint-tabs:has(>.blueprint-tab-list),.deco-tabs:has(>.deco-tab-list),.clay-tabs:has(>.clay-tab-list),.terminal-tabs:has(>.terminal-tab-list),.paper-tabs:has(>.paper-tab-list),.noir-tabs:has(>.noir-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs:has(>.usk-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs:has(>.ui-tab-list)) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
}

/** A direct toast title owns the full row; words are never squeezed into a side column. */
[data-ui][data-mode] :where(.saas-toast:has(>strong),.bento-toast:has(>strong),.max-toast:has(>strong),.bau-toast:has(>strong),.tactile-toast:has(>strong),.neo-toast:has(>strong),.retro-toast:has(>strong),.brutal-toast:has(>strong),.cyber-toast:has(>strong),.y2k-toast:has(>strong),.rg-toast:has(>strong),.luxe-toast:has(>strong),.organic-toast:has(>strong),.utility-toast:has(>strong),.blueprint-toast:has(>strong),.deco-toast:has(>strong),.clay-toast:has(>strong),.terminal-toast:has(>strong),.paper-toast:has(>strong),.noir-toast:has(>strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast:has(>strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast:has(>strong)) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
  padding: var(--usk-toast-padding, 1rem);
}
[data-ui][data-mode] :where(.saas-toast-title,.saas-toast-body,.saas-toast-actions,.bento-toast-title,.bento-toast-body,.bento-toast-actions,.max-toast-title,.max-toast-body,.max-toast-actions,.bau-toast-title,.bau-toast-body,.bau-toast-actions,.tactile-toast-title,.tactile-toast-body,.tactile-toast-actions,.neo-toast-title,.neo-toast-body,.neo-toast-actions,.retro-toast-title,.retro-toast-body,.retro-toast-actions,.brutal-toast-title,.brutal-toast-body,.brutal-toast-actions,.cyber-toast-title,.cyber-toast-body,.cyber-toast-actions,.y2k-toast-title,.y2k-toast-body,.y2k-toast-actions,.rg-toast-title,.rg-toast-body,.rg-toast-actions,.luxe-toast-title,.luxe-toast-body,.luxe-toast-actions,.organic-toast-title,.organic-toast-body,.organic-toast-actions,.utility-toast-title,.utility-toast-body,.utility-toast-actions,.blueprint-toast-title,.blueprint-toast-body,.blueprint-toast-actions,.deco-toast-title,.deco-toast-body,.deco-toast-actions,.clay-toast-title,.clay-toast-body,.clay-toast-actions,.terminal-toast-title,.terminal-toast-body,.terminal-toast-actions,.paper-toast-title,.paper-toast-body,.paper-toast-actions,.noir-toast-title,.noir-toast-body,.noir-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast-title,.usk-toast-body,.usk-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast-title,.ui-toast-body,.ui-toast-actions) {
  grid-column: 1 / -1;
  grid-row: auto;
  min-inline-size: 0;
  inline-size: auto;
  max-inline-size: 100%;
  margin: 0;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
  hyphens: none;
}
/** Switch faces have one inset owner and remain centered at either end of the track. */
[data-ui][data-mode] :where(.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,.luxe-switch-track,.organic-switch-track,.utility-switch-track,.blueprint-switch-track,.deco-switch-track,.clay-switch-track,.terminal-switch-track,.paper-switch-track,.noir-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-track) {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  min-inline-size: 2.75rem;
  min-block-size: 1.625rem;
  padding: 0;
}
[data-ui][data-mode] :where(.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,.luxe-switch-thumb,.organic-switch-thumb,.utility-switch-thumb,.blueprint-switch-thumb,.deco-switch-thumb,.clay-switch-thumb,.terminal-switch-thumb,.paper-switch-thumb,.noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-thumb) {
  box-sizing: border-box;
  display: block;
  position: absolute;
  inset-block-start: 50%;
  inset-block-end: auto;
  inset-inline-start: .125rem;
  inset-inline-end: auto;
  inline-size: var(--usk-switch-thumb-size, 1.125rem);
  block-size: var(--usk-switch-thumb-size, 1.125rem);
  min-inline-size: 0;
  min-block-size: 0;
  margin: 0;
  padding: 0;
  translate: none;
  transform: translateY(-50%);
}
[data-ui][data-mode] :where(.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,.max-switch input:checked+.max-switch-track .max-switch-thumb,.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,.brutal-switch input:checked+.brutal-switch-track .brutal-switch-thumb,.cyber-switch input:checked+.cyber-switch-track .cyber-switch-thumb,.y2k-switch input:checked+.y2k-switch-track .y2k-switch-thumb,.rg-switch input:checked+.rg-switch-track .rg-switch-thumb,.luxe-switch input:checked+.luxe-switch-track .luxe-switch-thumb,.organic-switch input:checked+.organic-switch-track .organic-switch-thumb,.utility-switch input:checked+.utility-switch-track .utility-switch-thumb,.blueprint-switch input:checked+.blueprint-switch-track .blueprint-switch-thumb,.deco-switch input:checked+.deco-switch-track .deco-switch-thumb,.clay-switch input:checked+.clay-switch-track .clay-switch-thumb,.terminal-switch input:checked+.terminal-switch-track .terminal-switch-thumb,.paper-switch input:checked+.paper-switch-track .paper-switch-thumb,.noir-switch input:checked+.noir-switch-track .noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch input:checked+.usk-switch-track .usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch input:checked+.ui-switch-track .ui-switch-thumb) {
  inset-inline-start: auto;
  inset-inline-end: .125rem;
  transform: translateY(-50%);
}

/** A drawn check retains preset ink while Art Deco keeps its own enamel marker. */
[data-ui][data-mode]:where(:not([data-ui="art-deco"])) :where(.saas-check input:checked+.saas-check-control,.bento-check input:checked+.bento-check-control,.max-check input:checked+.max-check-control,.bau-check input:checked+.bau-check-control,.tactile-check input:checked+.tactile-check-control,.neo-check input:checked+.neo-check-control,.retro-check input:checked+.retro-check-control,.brutal-check input:checked+.brutal-check-control,.cyber-check input:checked+.cyber-check-control,.y2k-check input:checked+.y2k-check-control,.rg-check input:checked+.rg-check-control,.luxe-check input:checked+.luxe-check-control,.organic-check input:checked+.organic-check-control,.utility-check input:checked+.utility-check-control,.blueprint-check input:checked+.blueprint-check-control,.deco-check input:checked+.deco-check-control,.clay-check input:checked+.clay-check-control,.terminal-check input:checked+.terminal-check-control,.paper-check input:checked+.paper-check-control,.noir-check input:checked+.noir-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.usk-check input:checked+.usk-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.ui-check input:checked+.ui-check-control)::after {
  content: "";
  position: static;
  inset: auto;
  clip-path: none;
  translate: none;
  display: block;
  box-sizing: border-box;
  inline-size: .35em;
  block-size: .65em;
  margin: 0 0 .15em;
  padding: 0;
  border: solid var(--usk-native-choice-mark-color);
  border-width: 0 max(2px, var(--usk-native-border-width)) max(2px, var(--usk-native-border-width)) 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: rotate(45deg);
}

/** Tooltip tone is independent of its position and keeps each preset's silhouette. */
[data-ui][data-mode] :where(.saas-tooltip-primary,.bento-tooltip-primary,.max-tooltip-primary,.bau-tooltip-primary,.tactile-tooltip-primary,.neo-tooltip-primary,.retro-tooltip-primary,.brutal-tooltip-primary,.cyber-tooltip-primary,.y2k-tooltip-primary,.rg-tooltip-primary,.luxe-tooltip-primary,.organic-tooltip-primary,.utility-tooltip-primary,.blueprint-tooltip-primary,.deco-tooltip-primary,.clay-tooltip-primary,.terminal-tooltip-primary,.paper-tooltip-primary,.noir-tooltip-primary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="primary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="primary"])) {
  background: var(--usk-native-primary);
  color: var(--usk-native-on-primary);
  border-color: var(--usk-native-primary);
  border-style: solid;
}
[data-ui][data-mode] :where(.saas-tooltip-secondary,.bento-tooltip-secondary,.max-tooltip-secondary,.bau-tooltip-secondary,.tactile-tooltip-secondary,.neo-tooltip-secondary,.retro-tooltip-secondary,.brutal-tooltip-secondary,.cyber-tooltip-secondary,.y2k-tooltip-secondary,.rg-tooltip-secondary,.luxe-tooltip-secondary,.organic-tooltip-secondary,.utility-tooltip-secondary,.blueprint-tooltip-secondary,.deco-tooltip-secondary,.clay-tooltip-secondary,.terminal-tooltip-secondary,.paper-tooltip-secondary,.noir-tooltip-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="secondary"])) {
  background: var(--usk-native-surface);
  color: var(--usk-native-text);
  border: max(1px, var(--usk-native-border-width)) dashed var(--usk-native-primary);
}
[data-ui][data-mode] :where(.saas-tooltip-accent,.bento-tooltip-accent,.max-tooltip-accent,.bau-tooltip-accent,.tactile-tooltip-accent,.neo-tooltip-accent,.retro-tooltip-accent,.brutal-tooltip-accent,.cyber-tooltip-accent,.y2k-tooltip-accent,.rg-tooltip-accent,.luxe-tooltip-accent,.organic-tooltip-accent,.utility-tooltip-accent,.blueprint-tooltip-accent,.deco-tooltip-accent,.clay-tooltip-accent,.terminal-tooltip-accent,.paper-tooltip-accent,.noir-tooltip-accent), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="accent"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="accent"])) {
  background: var(--usk-native-accent);
  color: var(--usk-native-on-accent);
  border: 3px double var(--usk-native-accent);
}

/** Secondary actions have a framed supporting surface rather than ghost paint. */
[data-ui][data-mode] :where(.saas-button-secondary,.bento-button-secondary,.max-button-secondary,.bau-button-secondary,.tactile-button-secondary,.neo-button-secondary,.retro-button-secondary,.brutal-button-secondary,.cyber-button-secondary,.y2k-button-secondary,.rg-button-secondary,.luxe-button-secondary,.organic-button-secondary,.utility-button-secondary,.blueprint-button-secondary,.deco-button-secondary,.clay-button-secondary,.terminal-button-secondary,.paper-button-secondary,.noir-button-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="secondary"])) {
  background: var(--usk-native-secondary);
  color: var(--usk-native-on-secondary);
  border-color: var(--usk-native-primary);
}

/** Status badges retain an inset without changing seal or medallion dimensions. */
[data-ui][data-mode] :where(.saas-badge,.bento-badge,.max-badge,.bau-badge,.tactile-badge,.neo-badge,.retro-badge,.brutal-badge,.cyber-badge,.y2k-badge,.rg-badge,.luxe-badge,.organic-badge,.utility-badge,.blueprint-badge,.deco-badge,.clay-badge,.terminal-badge,.paper-badge,.noir-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-badge) {
  padding-block: var(--usk-badge-padding-block, .22rem);
  padding-inline: var(--usk-badge-padding-inline, .6rem);
}

/** Warning actions and statuses use paired amber/orange roles while retaining opaque text. */
[data-ui][data-mode] :where(.saas-button-warning,.saas-badge-warning,.bento-button-warning,.bento-badge-warning,.max-button-warning,.max-badge-warning,.bau-button-warning,.bau-badge-warning,.tactile-button-warning,.tactile-badge-warning,.neo-button-warning,.neo-badge-warning,.retro-button-warning,.retro-badge-warning,.brutal-button-warning,.brutal-badge-warning,.cyber-button-warning,.cyber-badge-warning,.y2k-button-warning,.y2k-badge-warning,.rg-button-warning,.rg-badge-warning,.luxe-button-warning,.luxe-badge-warning,.organic-button-warning,.organic-badge-warning,.utility-button-warning,.utility-badge-warning,.blueprint-button-warning,.blueprint-badge-warning,.deco-button-warning,.deco-badge-warning,.clay-button-warning,.clay-badge-warning,.terminal-button-warning,.terminal-badge-warning,.paper-button-warning,.paper-badge-warning,.noir-button-warning,.noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
  background: var(--usk-native-warning);
  color: var(--usk-native-on-warning);
  border-color: var(--usk-native-warning);
  text-shadow: none;
}
@media (prefers-reduced-motion: no-preference) {
  [data-ui][data-mode] :where(.saas-button-warning,.saas-badge-warning,.bento-button-warning,.bento-badge-warning,.max-button-warning,.max-badge-warning,.bau-button-warning,.bau-badge-warning,.tactile-button-warning,.tactile-badge-warning,.neo-button-warning,.neo-badge-warning,.retro-button-warning,.retro-badge-warning,.brutal-button-warning,.brutal-badge-warning,.cyber-button-warning,.cyber-badge-warning,.y2k-button-warning,.y2k-badge-warning,.rg-button-warning,.rg-badge-warning,.luxe-button-warning,.luxe-badge-warning,.organic-button-warning,.organic-badge-warning,.utility-button-warning,.utility-badge-warning,.blueprint-button-warning,.blueprint-badge-warning,.deco-button-warning,.deco-badge-warning,.clay-button-warning,.clay-badge-warning,.terminal-button-warning,.terminal-badge-warning,.paper-button-warning,.paper-badge-warning,.noir-button-warning,.noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
    animation: usk-warning-attention var(--usk-warning-attention-duration, 1.8s) ease-in-out infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-ui][data-mode] :where(.saas-button-warning,.saas-badge-warning,.bento-button-warning,.bento-badge-warning,.max-button-warning,.max-badge-warning,.bau-button-warning,.bau-badge-warning,.tactile-button-warning,.tactile-badge-warning,.neo-button-warning,.neo-badge-warning,.retro-button-warning,.retro-badge-warning,.brutal-button-warning,.brutal-badge-warning,.cyber-button-warning,.cyber-badge-warning,.y2k-button-warning,.y2k-badge-warning,.rg-button-warning,.rg-badge-warning,.luxe-button-warning,.luxe-badge-warning,.organic-button-warning,.organic-badge-warning,.utility-button-warning,.utility-badge-warning,.blueprint-button-warning,.blueprint-badge-warning,.deco-button-warning,.deco-badge-warning,.clay-button-warning,.clay-badge-warning,.terminal-button-warning,.terminal-badge-warning,.paper-button-warning,.paper-badge-warning,.noir-button-warning,.noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
    animation: none;
  }
}
@keyframes usk-warning-attention {
  50% { filter: brightness(1.16); }
}

}
/* END GENERATED 2.2 PRESET COMPONENT FOUNDATIONS */


/* styles/clean-defaults.css */
/* =========================================================
   UI Style Kit CSS - Clean Defaults

   Supplies conservative spacing and decoration defaults while
   keeping deliberate flush and underlined treatments opt-in.
========================================================= */

@layer ui-style-kit.components {
[data-ui][data-mode]:not([data-ui="technical-blueprint"]) {
  --usk-element-margin-min: 2px;
  --usk-element-padding-min: 2px;
  --usk-wrapper-margin-min: var(--usk-element-margin-min);
  --usk-wrapper-padding-min: var(--usk-element-padding-min);
  --usk-compact-padding-block-min: 2px;
  --usk-compact-padding-inline-min: 4px;
}

/**
 * Establishes the library-wide non-zero spacing floor. Preset declarations in
 * the later preset layer retain their roomier values, while either flush class
 * provides an explicit opt-out for intentionally adjoining elements. Technical
 * Blueprint is exempt because its drafting grammar intentionally joins controls.
 */
[data-ui][data-mode]:not([data-ui="technical-blueprint"]) :where(:not(.flush):not(.usk-flush)) {
  margin: var(--usk-element-margin-min);
  padding: var(--usk-element-padding-min);
}

/** Compact controls remain operable even when a preset omits its own padding. */
[data-ui][data-mode]:not([data-ui="technical-blueprint"]) :where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [class~="usk-button"],
  [class~="usk-icon-button"],
  [class~="usk-badge"],
  [class~="ui-button"],
  [class~="ui-icon-button"],
  [class~="ui-badge"],
  [class$="-button"], [class*="-button "],
  [class$="-icon-button"], [class*="-icon-button "],
  [class$="-badge"], [class*="-badge "]
) {
  padding-block: var(--usk-compact-padding-block-min);
  padding-inline: var(--usk-compact-padding-inline-min);
}
}

@layer ui-style-kit.clean_defaults {
/** Inline hyperlinks and their labels must not inherit the control spacing floor. */
[data-ui][data-mode] :where(a:not([class]), a[data-link-presentation="inline"], a[data-link-presentation="inline"] > .usk-link__label, a[data-link-presentation="inline"] > .usk-link__icon) {
  display: inline;
  min-block-size: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/** Explicit control links preserve a wrapping, aligned action composition. */
[data-ui][data-mode] :where(a[data-link-presentation="control"]) {
  display: inline-flex;
  align-items: center;
  gap: var(--usk-link-gap, .5rem);
}

/** Keeps semantic state paint paired when a preset also owns broad anchor or input rules. */
[data-ui][data-mode] :where(
  [class~="usk-pagination-link"][aria-current="page"],
  [class~="ui-pagination-link"][aria-current="page"]
) {
  color: var(--usk-native-on-primary);
}

/** Separates compact page numbers from roomier Previous and Next bookends. */
[data-ui][data-mode] :where([class~="usk-pagination-link"], [class~="ui-pagination-link"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
  vertical-align: middle;
}

[data-ui][data-mode] :where(
  [class~="usk-pagination-link"][data-pagination-kind="page"],
  [class~="ui-pagination-link"][data-pagination-kind="page"]
) {
  min-inline-size: 2.25rem;
  min-block-size: 2.25rem;
  padding: 2px 4px;
  font-size: .9em;
}

[data-ui][data-mode] :where(
  [class~="usk-pagination-link"][data-pagination-kind="direction"],
  [class~="ui-pagination-link"][data-pagination-kind="direction"]
) {
  min-inline-size: 2.75rem;
  min-block-size: 2.75rem;
}

/** Uses one centering model for native and semantic button content. */
[data-ui][data-mode] :where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [class~="usk-button"],
  [class~="usk-icon-button"],
  [class~="ui-button"],
  [class~="ui-icon-button"]
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

[data-ui][data-mode] :where(input[type="checkbox"]:checked, input[type="radio"]:checked) {
  color: var(--usk-native-choice-mark-color);
}

}

/**
 * Provides choice-wrapper alignment below preset paint so authored spacing and
 * density remain authoritative when a preset supplies them.
 */
@layer ui-style-kit.components {
[data-ui][data-mode] :where(
  [class~="usk-check"],
  [class~="usk-radio"],
  [class~="usk-switch"],
  [class~="ui-check"],
  [class~="ui-radio"],
  [class~="ui-switch"]
) {
  display: inline-flex;
  align-items: center;
  gap: var(--usk-native-field-gap, .5rem);
  margin: var(--usk-element-margin-min);
  padding: .25rem .5rem;
  line-height: 1.25;
  vertical-align: middle;
}

[data-ui][data-mode] :where(
  [class~="ui-check-control"],
  [class~="ui-radio-control"],
  [class~="usk-check-control"],
  [class~="usk-radio-control"],
  [class~="usk-switch-track"],
  [class~="ui-switch-track"]
) {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  align-self: center;
  margin: var(--usk-element-margin-min);
}
}

@layer ui-style-kit.clean_defaults {

/** Keeps the moving switch face inside its preset-owned track dimensions. */
[data-ui][data-mode] :where([class~="usk-switch-thumb"], [class~="ui-switch-thumb"]) {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/**
 * Protects workflow-stepper markup from preset classes that use the same suffix
 * for numeric steppers or other three-column controls.
 */
[data-ui][data-mode] :where([class~="usk-stepper"], [class~="ui-stepper"]) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  grid-template-columns: none;
  inline-size: 100%;
  max-inline-size: 100%;
}

[data-ui][data-mode] :where([class~="usk-step"], [class~="ui-step"]) {
  display: flex;
  flex: 1 1 12rem;
  align-items: center;
  inline-size: auto;
  min-inline-size: min(100%, 12rem);
  max-inline-size: 100%;
}

[data-ui][data-mode] :where([class~="usk-step-label"], [class~="ui-step-label"]) {
  flex: 1 1 auto;
  inline-size: auto;
  min-inline-size: 8ch;
  max-inline-size: 100%;
  writing-mode: horizontal-tb;
}

}

@layer ui-style-kit.clean_defaults {

[data-ui][data-mode] :where(
  [class~="ui-check"] > input:focus-visible + [class~="ui-check-control"],
  [class~="ui-radio"] > input:focus-visible + [class~="ui-radio-control"],
  [class~="ui-switch"] > input:focus-visible + [class~="ui-switch-track"],
  [class~="usk-check"] > input:focus-visible + [class~="usk-check-control"],
  [class~="usk-radio"] > input:focus-visible + [class~="usk-radio-control"],
  [class~="usk-switch"] > input:focus-visible + [class~="usk-switch-track"]
) {
  outline: 2px solid var(--usk-native-focus);
  outline-offset: 2px;
}

/** Keeps native choice inputs focusable without painting a duplicate control. */
[data-ui][data-mode] :where(
  [class~="usk-check"],
  [class~="usk-radio"],
  [class~="usk-switch"],
  [class~="ui-check"],
  [class~="ui-radio"],
  [class~="ui-switch"]
) > input:is([type="checkbox"], [type="radio"]) {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  opacity: 0;
}

/** Centers fallback initials while keeping accessible status metadata out of the avatar grid. */
[data-ui][data-mode] :where([class~="usk-avatar"], [class~="ui-avatar"]) > [aria-hidden="true"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  line-height: 1;
  translate: 0 .05em;
}

[data-ui][data-mode] :where([class~="usk-avatar"], [class~="ui-avatar"]) > [role="status"] {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
}

/** Keeps the native remove action compact inside a chip without requiring a React-only class. */
[data-ui][data-mode] :where([class~="usk-chip"], [class~="ui-chip"]) > button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: center;
  justify-content: center;
  box-sizing: border-box;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  min-inline-size: 1.5rem;
  min-block-size: 1.5rem;
  margin: var(--usk-element-margin-min);
  padding: 2px;
  line-height: 1;
  vertical-align: middle;
}

[data-ui][data-mode] :where([class~="usk-chip"], [class~="ui-chip"]) > button > svg {
  display: block;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  margin: 0;
  padding: 0;
}

/** Normalizes semantic SVG icons without requiring a framework-specific class. */
[data-ui][data-mode] :where([data-ui-icon]) {
  display: block;
  flex: 0 0 auto;
  inline-size: 1em;
  block-size: 1em;
  margin: 0;
  padding: 0;
  overflow: visible;
}

/** Removes decorative underlines while preserving semantic edit notation. */
[data-ui][data-mode] :where(*:not(u):not(ins):not(del):not(s):not(.usk-underline)) {
  text-decoration-line: none;
}

/** Explicitly restores an underline when a consumer chooses that treatment. */
[data-ui][data-mode] .usk-underline {
  text-decoration-line: underline !important;
}

/** Explicitly removes the library's element spacing contract. */
[data-ui][data-mode] :where(.flush, .usk-flush) {
  margin: 0 !important;
  padding: 0 !important;
}
}


/* styles/minimal-saas.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --saas-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --saas-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --saas-font-body: var(--saas-font-sans);
    --saas-font-heading: var(--saas-font-display);
    --saas-font-control: var(--saas-font-display);
    --saas-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --saas-radius-xs: .1875rem;
    --saas-radius-sm: .25rem;
    --saas-radius-md: .375rem;
    --saas-radius-lg: .5rem;
    --saas-radius-xl: .75rem;
    --saas-radius-pill: 999px;
    --saas-space-1: .25rem;
    --saas-space-2: .5rem;
    --saas-space-3: .75rem;
    --saas-space-4: 1rem;
    --saas-space-5: 1.25rem;
    --saas-space-6: 1.5rem;
    --saas-space-8: 2rem;
    --saas-transition-fast: .15s ease;
    --saas-transition-base: .24s ease;
  }

  [data-ui="minimal-saas"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --saas-fallback-bg-rgb: 248 249 252;
    --saas-fallback-surface-rgb: 255 255 255;
    --saas-fallback-surface-strong-rgb: 255 255 255;
    --saas-fallback-surface-soft-rgb: 243 245 250;
    --saas-fallback-text-rgb: 19 26 53;
    --saas-fallback-text-muted-rgb: 97 105 131;
    --saas-fallback-border-rgb: 220 225 236;
    --saas-fallback-primary-rgb: 85 78 232;
    --saas-fallback-primary-hover-rgb: 103 88 244;
    --saas-fallback-primary-text-rgb: 255 255 255;
    --saas-fallback-secondary-rgb: 49 110 219;
    --saas-fallback-secondary-hover-rgb: 43 95 190;
    --saas-fallback-secondary-text-rgb: 255 255 255;
    --saas-fallback-accent-rgb: 103 88 244;
    --saas-fallback-accent-text-rgb: 255 255 255;
    --saas-fallback-success-rgb: 36 155 112;
    --saas-fallback-success-text-rgb: 19 26 53;
    --saas-fallback-warning-rgb: 215 146 31;
    --saas-fallback-warning-text-rgb: 19 26 53;
    --saas-fallback-danger-rgb: 214 30 70;
    --saas-fallback-danger-text-rgb: 255 255 255;
    --saas-fallback-link-rgb: 85 78 232;
    --saas-fallback-focus-rgb: 85 78 232;
    --saas-panel-alpha: .98;
    --saas-panel-soft-alpha: .74;
    --saas-border-alpha: .44;
    --saas-shadow-alpha: .08;
    --saas-focus-alpha: .3;
    --saas-reference-shadow: 0 .5rem 1.5rem #282f530b;
  }

  [data-ui="minimal-saas"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --saas-fallback-bg-rgb: 7 17 31;
    --saas-fallback-surface-rgb: 13 25 42;
    --saas-fallback-surface-strong-rgb: 27 36 80;
    --saas-fallback-surface-soft-rgb: 17 31 51;
    --saas-fallback-text-rgb: 241 243 251;
    --saas-fallback-text-muted-rgb: 180 187 205;
    --saas-fallback-border-rgb: 43 58 80;
    --saas-fallback-primary-rgb: 112 104 255;
    --saas-fallback-primary-hover-rgb: 135 128 255;
    --saas-fallback-primary-text-rgb: 7 17 31;
    --saas-fallback-secondary-rgb: 85 145 255;
    --saas-fallback-secondary-hover-rgb: 112 166 255;
    --saas-fallback-secondary-text-rgb: 7 17 31;
    --saas-fallback-accent-rgb: 87 73 239;
    --saas-fallback-accent-text-rgb: 255 255 255;
    --saas-fallback-success-rgb: 67 190 139;
    --saas-fallback-success-text-rgb: 7 17 31;
    --saas-fallback-warning-rgb: 239 173 49;
    --saas-fallback-warning-text-rgb: 7 17 31;
    --saas-fallback-danger-rgb: 255 61 104;
    --saas-fallback-danger-text-rgb: 7 17 31;
    --saas-fallback-link-rgb: 135 128 255;
    --saas-fallback-focus-rgb: 112 104 255;
    --saas-panel-alpha: .92;
    --saas-panel-soft-alpha: .64;
    --saas-border-alpha: .52;
    --saas-shadow-alpha: .34;
    --saas-focus-alpha: .42;
    --saas-reference-shadow: 0 .75rem 2.125rem #00000029;
  }

  [data-ui="minimal-saas"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --saas-fallback-bg-rgb: 0 0 0;
    --saas-fallback-surface-rgb: 3 8 22;
    --saas-fallback-surface-strong-rgb: 8 18 42;
    --saas-fallback-surface-soft-rgb: 0 0 0;
    --saas-fallback-text-rgb: 255 255 255;
    --saas-fallback-text-muted-rgb: 238 244 255;
    --saas-fallback-border-rgb: 255 255 255;
    --saas-fallback-primary-rgb: 111 140 255;
    --saas-fallback-primary-hover-rgb: 255 255 255;
    --saas-fallback-primary-text-rgb: 0 0 0;
    --saas-fallback-secondary-rgb: 0 217 255;
    --saas-fallback-secondary-hover-rgb: 255 255 255;
    --saas-fallback-secondary-text-rgb: 0 0 0;
    --saas-fallback-accent-rgb: 184 196 255;
    --saas-fallback-accent-text-rgb: 0 0 0;
    --saas-fallback-success-rgb: 0 255 144;
    --saas-fallback-success-text-rgb: 0 0 0;
    --saas-fallback-warning-rgb: 255 225 0;
    --saas-fallback-warning-text-rgb: 0 0 0;
    --saas-fallback-danger-rgb: 255 63 95;
    --saas-fallback-danger-text-rgb: 0 0 0;
    --saas-fallback-link-rgb: 159 178 255;
    --saas-fallback-focus-rgb: 255 255 255;
    --saas-panel-alpha: 1;
    --saas-panel-soft-alpha: .92;
    --saas-border-alpha: 1;
    --saas-shadow-alpha: .5;
    --saas-focus-alpha: .72;
    --saas-reference-shadow: none;
  }

  [data-ui="minimal-saas"][data-theme][data-mode] {
    --saas-bg-rgb: var(--usk-bg-rgb);
    --saas-surface-rgb: var(--usk-surface-rgb);
    --saas-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --saas-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --saas-text-rgb: var(--usk-text-rgb);
    --saas-text-muted-rgb: var(--usk-text-muted-rgb);
    --saas-border-rgb: var(--usk-border-rgb);
    --saas-primary-rgb: var(--usk-primary-rgb);
    --saas-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --saas-primary-text-rgb: var(--usk-primary-text-rgb);
    --saas-secondary-rgb: var(--usk-secondary-rgb);
    --saas-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --saas-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --saas-accent-rgb: var(--usk-accent-rgb);
    --saas-accent-text-rgb: var(--usk-accent-text-rgb);
    --saas-success-rgb: var(--usk-success-rgb);
    --saas-success-text-rgb: var(--usk-success-text-rgb);
    --saas-warning-rgb: var(--usk-warning-rgb);
    --saas-warning-text-rgb: var(--usk-warning-text-rgb);
    --saas-danger-rgb: var(--usk-danger-rgb);
    --saas-danger-text-rgb: var(--usk-danger-text-rgb);
    --saas-link-rgb: var(--usk-link-rgb);
    --saas-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="minimal-saas"][data-mode] {
    --usk-native-bg: var(--saas-bg);
    --saas-bg-rgb: var(--usk-bg-rgb, var(--saas-fallback-bg-rgb));
    --saas-surface-rgb: var(--usk-surface-rgb, var(--saas-fallback-surface-rgb));
    --saas-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--saas-fallback-surface-strong-rgb));
    --saas-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--saas-fallback-surface-soft-rgb));
    --saas-text-rgb: var(--usk-text-rgb, var(--saas-fallback-text-rgb));
    --saas-text-muted-rgb: var(--usk-text-muted-rgb, var(--saas-fallback-text-muted-rgb));
    --saas-border-rgb: var(--usk-border-rgb, var(--saas-fallback-border-rgb));
    --saas-primary-rgb: var(--usk-primary-rgb, var(--saas-fallback-primary-rgb));
    --saas-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--saas-fallback-primary-hover-rgb));
    --saas-primary-text-rgb: var(--usk-primary-text-rgb, var(--saas-fallback-primary-text-rgb));
    --saas-secondary-rgb: var(--usk-secondary-rgb, var(--saas-fallback-secondary-rgb));
    --saas-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--saas-fallback-secondary-hover-rgb));
    --saas-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--saas-fallback-secondary-text-rgb));
    --saas-accent-rgb: var(--usk-accent-rgb, var(--saas-fallback-accent-rgb));
    --saas-accent-text-rgb: var(--usk-accent-text-rgb, var(--saas-fallback-accent-text-rgb));
    --saas-success-rgb: var(--usk-success-rgb, var(--saas-fallback-success-rgb));
    --saas-success-text-rgb: var(--usk-success-text-rgb, var(--saas-fallback-success-text-rgb));
    --saas-warning-rgb: var(--usk-warning-rgb, var(--saas-fallback-warning-rgb));
    --saas-warning-text-rgb: var(--usk-warning-text-rgb, var(--saas-fallback-warning-text-rgb));
    --saas-danger-rgb: var(--usk-danger-rgb, var(--saas-fallback-danger-rgb));
    --saas-danger-text-rgb: var(--usk-danger-text-rgb, var(--saas-fallback-danger-text-rgb));
    --saas-link-rgb: var(--usk-link-rgb, var(--saas-fallback-link-rgb));
    --saas-focus-rgb: var(--usk-focus-rgb, var(--saas-fallback-focus-rgb));
    --usk-native-surface: var(--saas-surface);
    --usk-native-surface-strong: var(--saas-surface-strong);
    --usk-native-surface-soft: var(--saas-surface-soft);
    --usk-native-card-bg: var(--saas-card-bg);
    --usk-native-control-bg: var(--saas-control-bg);
    --usk-native-text: var(--saas-text);
    --usk-native-text-muted: var(--saas-text-muted);
    --usk-native-border: var(--saas-border);
    --usk-native-primary: var(--saas-primary);
    --usk-native-primary-hover: var(--saas-primary-hover);
    --usk-native-on-primary: var(--saas-on-primary);
    --usk-native-secondary: var(--saas-secondary);
    --usk-native-on-secondary: var(--saas-on-secondary);
    --usk-native-accent: var(--saas-accent);
    --usk-native-on-accent: var(--saas-on-accent);
    --usk-native-on-success: var(--saas-on-success);
    --usk-native-on-warning: var(--saas-on-warning);
    --usk-native-on-danger: var(--saas-on-danger);
    --usk-native-focus: var(--saas-focus);
    --usk-native-success: var(--saas-success);
    --usk-native-warning: var(--saas-warning);
    --usk-native-danger: var(--saas-danger);
    --usk-native-link: var(--saas-link);
    --usk-native-font-body: var(--saas-font-body);
    --usk-native-font-heading: var(--saas-font-heading);
    --usk-native-font-control: var(--saas-font-control);
    --usk-native-font-mono: var(--saas-font-mono);
    --usk-native-radius-sm: var(--saas-radius-sm);
    --usk-native-radius: var(--saas-radius-md);
    --usk-native-radius-lg: var(--saas-radius-lg);
    --usk-native-shadow: var(--saas-shadow-sm, none);
    --usk-native-shadow-md: var(--saas-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--saas-focus-ring, 0 0 0 3px rgb(var(--saas-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--saas-space-4);
    --usk-native-control-min-block-size: 2.375rem;
    --usk-native-control-padding-block: .5rem;
    --usk-native-control-padding-inline: .75rem;
    --usk-native-subcontrol-padding-block: .38rem;
    --usk-native-subcontrol-padding-inline: .6rem;
    --usk-native-choice-size: 1rem;
    --usk-native-choice-background: var(--saas-control-bg);
    --usk-native-choice-border: 1px solid var(--saas-border);
    --usk-native-checkbox-radius: .25rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: none;
    --usk-native-choice-checked-background: var(--saas-primary);
    --usk-native-choice-mark-color: var(--saas-on-primary);
    --usk-native-select-indicator-image: linear-gradient(27deg, transparent 50%, var(--saas-primary) 50%), linear-gradient(153deg, var(--saas-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .34rem .34rem, .34rem .34rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.25rem;
    --usk-native-range-track-size: .32rem;
    --usk-native-range-track-background: var(--saas-surface-soft);
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: var(--saas-primary);
    --usk-native-range-thumb-size: .95rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--saas-surface-strong);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 .2rem .5rem rgb(var(--saas-text-rgb) / .12);
    --usk-native-progress-size: .35rem;
    --usk-native-progress-track-background: var(--saas-surface-soft);
    --usk-native-progress-track-border: 0 solid transparent;
    --usk-native-progress-track-radius: 999px;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: var(--saas-primary);
    --usk-native-progress-value-radius: inherit;
    --usk-native-progress-value-shadow: none;
    --usk-native-meter-optimum-background: var(--saas-success);
    --usk-native-meter-suboptimum-background: var(--saas-warning);
    --usk-native-meter-critical-background: var(--saas-danger);
    --usk-native-file-button-background: var(--saas-primary);
    --usk-native-file-button-border: 1px solid var(--saas-border);
    --usk-native-file-button-radius: .2rem;
    --usk-native-file-button-shadow: none;
    --usk-native-color-swatch-border: 1px solid var(--saas-border);
    --usk-native-color-swatch-radius: .2rem;
    --usk-native-indicator-opacity: .72;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .65rem;
    --usk-native-scrollbar-track: var(--saas-surface-soft);
    --usk-native-scrollbar-thumb: var(--saas-primary);
    --usk-native-scrollbar-radius: 2px;
    --saas-bg: rgb(var(--saas-bg-rgb));
    --saas-surface: rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));
    --saas-surface-strong: rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));
    --saas-surface-soft: rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));
    --saas-text: rgb(var(--saas-text-rgb));
    --saas-text-muted: rgb(var(--saas-text-muted-rgb));
    --saas-fg: var(--saas-text);
    --saas-surface-fg: var(--saas-text);
    --saas-muted: var(--saas-text-muted);
    --saas-border: rgb(var(--saas-border-rgb) / max(var(--saas-border-alpha), var(--usk-border-min-alpha)));
    --saas-control-fg: var(--saas-text);
    --saas-primary: rgb(var(--saas-primary-rgb));
    --saas-primary-hover: rgb(var(--saas-primary-hover-rgb));
    --saas-brand-2: rgb(var(--saas-primary-hover-rgb));
    --saas-primary-text: rgb(var(--saas-primary-text-rgb));
    --saas-secondary: rgb(var(--saas-secondary-rgb));
    --saas-secondary-hover: rgb(var(--saas-secondary-hover-rgb));
    --saas-secondary-text: rgb(var(--saas-secondary-text-rgb));
    --saas-on-primary: var(--saas-primary-text);
    --saas-on-secondary: var(--saas-secondary-text);
    --saas-on-accent: rgb(var(--saas-accent-text-rgb));
    --saas-on-success: rgb(var(--saas-success-text-rgb));
    --saas-on-warning: rgb(var(--saas-warning-text-rgb));
    --saas-on-danger: rgb(var(--saas-danger-text-rgb));
    --saas-accent: rgb(var(--saas-accent-rgb));
    --saas-success: rgb(var(--saas-success-rgb));
    --saas-warning: rgb(var(--saas-warning-rgb));
    --saas-danger: rgb(var(--saas-danger-rgb));
    --saas-link: rgb(var(--saas-link-rgb));
    --saas-focus: rgb(var(--saas-focus-rgb));
    --saas-focus-ring: 0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));
    --saas-shadow-sm: 0 1px 2px rgb(var(--saas-text-rgb) / calc(var(--saas-shadow-alpha) * .65));
    --saas-shadow-md: var(--saas-reference-shadow);
    --saas-theme-bg-size: auto;
    --saas-theme-bg: var(--saas-bg);
    --saas-card-bg: var(--saas-surface);
    --saas-control-bg: var(--saas-surface);
    --saas-hover-bg: rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));
    --saas-spinner-track: rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));
    --saas-spinner-stroke: var(--saas-primary);
    --saas-spinner-accent: var(--saas-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="minimal-saas"][data-mode] {
      --saas-border: color-mix(in srgb, rgb(var(--saas-border-rgb) / max(var(--saas-border-alpha), var(--usk-border-min-alpha))), var(--saas-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="minimal-saas"] {
    background: linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.03),transparent 18rem),var(--saas-bg);
    color: var(--saas-text);
    font-family: var(--saas-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="minimal-saas"] *, [data-ui="minimal-saas"] :before, [data-ui="minimal-saas"] :after {
    box-sizing: border-box;
  }

  [data-ui="minimal-saas"][data-mode] {
    background: var(--saas-theme-bg);
    background-size: var(--saas-theme-bg-size);
  }

  .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .usk-button, :where([data-ui="minimal-saas"]) .usk-badge, :where([data-ui="minimal-saas"]) .usk-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link {
    font-family: var(--saas-font-heading);
  }

  .saas-title {
    color: var(--saas-text);
    letter-spacing: -.02em;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.05;
  }

  .saas-heading {
    color: var(--saas-text);
    letter-spacing: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .saas-kicker {
    color: var(--usk-primary-ink, var(--saas-primary));
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 0;
    font-size: .78rem;
    font-weight: 750;
  }

  .saas-subtitle, .saas-copy {
    color: var(--saas-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .saas-text-muted {
    color: var(--saas-text-muted);
  }

  .saas-divider {
    background: var(--saas-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .usk-card, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap {
    background: var(--saas-card-bg);
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    box-shadow: var(--saas-shadow-md);
    transition: transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);
    position: relative;
  }

  .saas-toolbar, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--saas-space-4);
    padding: var(--saas-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .saas-surface-sm {
    border-radius: var(--saas-radius-md);
    box-shadow: var(--saas-shadow-sm);
  }

  .saas-surface-lg {
    border-radius: var(--saas-radius-lg);
    box-shadow: var(--saas-shadow-md);
  }

  .saas-well, .saas-inset {
    background: var(--saas-surface-soft);
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-md);
    padding: var(--saas-space-4);
    box-shadow: none;
  }

  .saas-hover-lift:hover {
    border-color: rgb(var(--saas-primary-rgb)/.42);
    box-shadow: var(--saas-shadow-md);
    transform: none;
  }

  .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-button, :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--saas-space-2);
    background: var(--saas-control-bg);
    min-height: 2.125rem;
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-md);
    box-shadow: var(--saas-shadow-sm);
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);
    padding: .45rem .75rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .saas-button:hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .usk-button:hover, :where([data-ui="minimal-saas"]) .usk-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover {
    border-color: rgb(var(--saas-primary-rgb)/.48);
    transform: none;
  }

  .saas-button:where(:not(:is(.saas-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.saas-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.saas-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"])))):hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .usk-button:where(:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"]))):hover, :where([data-ui="minimal-saas"]) .usk-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:where(:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"]))):hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover {
    background: var(--saas-surface-soft);
    color: var(--saas-text);
  }

  .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active, :where([data-ui="minimal-saas"]) .usk-button:active, :where([data-ui="minimal-saas"]) .usk-icon-button:active, :where([data-ui="minimal-saas"]) .usk-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .usk-button.is-active, :where([data-ui="minimal-saas"]) .usk-icon-button.is-active, :where([data-ui="minimal-saas"]) .ui-button:active, :where([data-ui="minimal-saas"]) .ui-icon-button:active, :where([data-ui="minimal-saas"]) .ui-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-button.is-active, :where([data-ui="minimal-saas"]) .ui-icon-button.is-active {
    box-shadow: inset 0 1px 2px rgb(var(--saas-text-rgb)/.12);
    transform: translateY(1px);
  }

  .saas-button-primary:hover, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: linear-gradient(135deg,var(--saas-brand-2),var(--saas-primary));
    border-color: var(--saas-primary-hover);
  }

  .saas-button-secondary, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: rgb(var(--saas-surface-strong-rgb)/var(--saas-panel-alpha));
    color: var(--usk-primary-ink, var(--saas-primary));
    border-color: rgb(var(--saas-primary-rgb)/.32);
    box-shadow: none;
  }

  .saas-button-secondary:hover, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: rgb(var(--saas-primary-rgb)/.06);
    border-color: rgb(var(--saas-primary-rgb)/.52);
  }

  .saas-button-ghost, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--saas-primary));
    box-shadow: none;
    background: none;
    border-color: #0000;
  }

  .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button {
    border-radius: var(--saas-radius-md);
    width: 2.375rem;
    padding: 0;
  }

  .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled, :where([data-ui="minimal-saas"]) .usk-button:disabled, :where([data-ui="minimal-saas"]) .usk-icon-button:disabled, :where([data-ui="minimal-saas"]) .ui-button:disabled, :where([data-ui="minimal-saas"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .usk-card, :where([data-ui="minimal-saas"]) .ui-card {
    background: var(--saas-card-bg);
  }

  .saas-toolbar, .saas-table-wrap, .saas-button:where(:not([data-ui-variant])):not(:is(.saas-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.saas-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.saas-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.saas-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.saas-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.saas-button-outline-heavy), .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.saas-button-outline-heavy), :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.saas-button-outline-heavy), :where([data-ui="minimal-saas"]) .ui-icon-button {
    background: var(--saas-control-bg);
  }

  .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .usk-button, :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .usk-badge, :where([data-ui="minimal-saas"]) .usk-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link {
    font-family: var(--saas-font-control);
  }

  .saas-field, :where([data-ui="minimal-saas"]) .usk-field, :where([data-ui="minimal-saas"]) .ui-field {
    gap: var(--saas-space-2);
    flex-direction: column;
    display: flex;
  }

  .saas-label, :where([data-ui="minimal-saas"]) .usk-label, :where([data-ui="minimal-saas"]) .ui-label {
    color: var(--saas-text);
    font-size: .875rem;
    font-weight: 700;
  }

  .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .usk-input, :where([data-ui="minimal-saas"]) .usk-textarea, :where([data-ui="minimal-saas"]) .usk-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select {
    background: var(--saas-control-bg);
    width: 100%;
    min-height: 2rem;
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-md);
    font: inherit;
    transition: background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);
    outline: none;
    padding: .38rem .65rem;
  }

  .saas-textarea, :where([data-ui="minimal-saas"]) .usk-textarea, :where([data-ui="minimal-saas"]) .ui-textarea {
    resize: vertical;
    min-height: 7rem;
  }

  .saas-input::placeholder, .saas-textarea::placeholder, :where([data-ui="minimal-saas"]) .usk-input::placeholder, :where([data-ui="minimal-saas"]) .usk-textarea::placeholder, :where([data-ui="minimal-saas"]) .ui-input::placeholder, :where([data-ui="minimal-saas"]) .ui-textarea::placeholder {
    color: var(--saas-text-muted);
    opacity: .82;
  }

  .saas-input:hover, .saas-textarea:hover, .saas-select:hover, :where([data-ui="minimal-saas"]) .usk-input:hover, :where([data-ui="minimal-saas"]) .usk-textarea:hover, :where([data-ui="minimal-saas"]) .usk-select:hover, :where([data-ui="minimal-saas"]) .ui-input:hover, :where([data-ui="minimal-saas"]) .ui-textarea:hover, :where([data-ui="minimal-saas"]) .ui-select:hover {
    border-color: rgb(var(--saas-primary-rgb)/.42);
  }

  .saas-input:focus, .saas-textarea:focus, .saas-select:focus, :where([data-ui="minimal-saas"]) .usk-input:focus, :where([data-ui="minimal-saas"]) .usk-textarea:focus, :where([data-ui="minimal-saas"]) .usk-select:focus, :where([data-ui="minimal-saas"]) .ui-input:focus, :where([data-ui="minimal-saas"]) .ui-textarea:focus, :where([data-ui="minimal-saas"]) .ui-select:focus {
    border-color: var(--saas-focus);
    box-shadow: var(--saas-focus-ring);
  }

  [data-ui="minimal-saas"][data-mode] :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--saas-focus);
    outline-offset: 2px;
  }

  .saas-help-text, :where([data-ui="minimal-saas"]) .usk-help-text, :where([data-ui="minimal-saas"]) .ui-help-text {
    color: var(--saas-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .saas-check, .saas-radio, :where([data-ui="minimal-saas"]) .usk-check, :where([data-ui="minimal-saas"]) .usk-radio, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio {
    align-items: center;
    gap: var(--saas-space-2);
    color: var(--saas-text);
    cursor: pointer;
    display: inline-flex;
  }

  .saas-check input, .saas-radio input, :where([data-ui="minimal-saas"]) .usk-check input, :where([data-ui="minimal-saas"]) .usk-radio input, :where([data-ui="minimal-saas"]) .ui-check input, :where([data-ui="minimal-saas"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .saas-check-control, .saas-radio-control, :where([data-ui="minimal-saas"]) .usk-check-control, :where([data-ui="minimal-saas"]) .usk-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control {
    background: var(--saas-control-bg);
    border: 1px solid var(--saas-border);
    width: 1rem;
    height: 1rem;
    transition: background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .saas-check-control, :where([data-ui="minimal-saas"]) .usk-check-control, :where([data-ui="minimal-saas"]) .ui-check-control {
    border-radius: var(--saas-radius-xs);
  }

  .saas-radio-control, :where([data-ui="minimal-saas"]) .usk-radio-control, :where([data-ui="minimal-saas"]) .ui-radio-control {
    border-radius: 50%;
  }

  .saas-check input:checked+.saas-check-control, .saas-radio input:checked+.saas-radio-control, :where([data-ui="minimal-saas"]) .usk-check input:checked+.usk-check-control, :where([data-ui="minimal-saas"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--saas-primary);
    border-color: var(--saas-primary);
    box-shadow: 0 0 0 .16rem rgb(var(--saas-primary-rgb)/.18);
  }

  .saas-check input:checked+.saas-check-control:after, :where([data-ui="minimal-saas"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--saas-on-primary);
    font-size: .78rem;
    font-weight: 900;
    line-height: 1;
  }

  .saas-radio input:checked+.saas-radio-control:after, :where([data-ui="minimal-saas"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--saas-on-primary);
    border-radius: 50%;
    width: .48rem;
    height: .48rem;
  }

  .saas-switch, :where([data-ui="minimal-saas"]) .usk-switch, :where([data-ui="minimal-saas"]) .ui-switch {
    align-items: center;
    gap: var(--saas-space-3);
    color: var(--saas-text);
    cursor: pointer;
    display: inline-flex;
  }

  .saas-switch input, :where([data-ui="minimal-saas"]) .usk-switch input, :where([data-ui="minimal-saas"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .saas-switch-track, :where([data-ui="minimal-saas"]) .usk-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track {
    background: var(--saas-surface-soft);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-pill);
    width: 2.6rem;
    height: 1.3rem;
    transition: background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);
    position: relative;
  }

  .saas-switch-thumb, :where([data-ui="minimal-saas"]) .usk-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb {
    background: var(--saas-surface-strong);
    border: 1px solid var(--saas-border);
    width: .9rem;
    height: .9rem;
    box-shadow: 0 1px 2px rgb(var(--saas-text-rgb)/.12);
    transition: left var(--saas-transition-fast),background var(--saas-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .14rem;
    left: .14rem;
  }

  .saas-switch input:checked+.saas-switch-track, :where([data-ui="minimal-saas"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--saas-primary);
    border-color: var(--saas-primary);
  }

  .saas-switch input:checked+.saas-switch-track .saas-switch-thumb, :where([data-ui="minimal-saas"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--saas-on-primary);
    left: calc(100% - 1.04rem);
  }

  .saas-check input:focus-visible+.saas-check-control, .saas-radio input:focus-visible+.saas-radio-control, .saas-switch input:focus-visible+.saas-switch-track, :where([data-ui="minimal-saas"]) .usk-check input:focus-visible+.usk-check-control, :where([data-ui="minimal-saas"]) .usk-radio input:focus-visible+.usk-radio-control, :where([data-ui="minimal-saas"]) .usk-switch input:focus-visible+.usk-switch-track, :where([data-ui="minimal-saas"]) .ui-check input:focus-visible+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:focus-visible+.ui-radio-control, :where([data-ui="minimal-saas"]) .ui-switch input:focus-visible+.ui-switch-track {
    outline: 2px solid var(--saas-focus);
    outline-offset: 2px;
  }

  .saas-badge, :where([data-ui="minimal-saas"]) .usk-badge, :where([data-ui="minimal-saas"]) .ui-badge {
    align-items: center;
    gap: var(--saas-space-1);
    background: var(--saas-surface-soft);
    min-height: 1.4rem;
    color: var(--saas-text);
    border-radius: var(--saas-radius-sm);
    border: 1px solid #0000;
    padding: .25rem .5rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .saas-badge-primary, :where([data-ui="minimal-saas"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--saas-primary);
    color: var(--saas-on-primary);
    border-color: var(--saas-primary);
  }

  .saas-badge-secondary, :where([data-ui="minimal-saas"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: rgb(var(--saas-primary-rgb)/.1);
    color: var(--usk-primary-ink, var(--saas-primary));
    border-color: #0000;
  }

  .saas-badge-success, :where([data-ui="minimal-saas"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="success"]) {
    background: rgb(var(--saas-success-rgb)/.14);
    color: var(--saas-text);
    border-color: rgb(var(--saas-success-rgb)/.38);
  }

  .saas-badge-warning, :where([data-ui="minimal-saas"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: rgb(var(--saas-warning-rgb)/.14);
    color: var(--saas-text);
    border-color: rgb(var(--saas-warning-rgb)/.38);
  }

  .saas-badge-danger, :where([data-ui="minimal-saas"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: rgb(var(--saas-danger-rgb)/.14);
    color: var(--saas-text);
    border-color: rgb(var(--saas-danger-rgb)/.38);
  }

  .saas-nav, :where([data-ui="minimal-saas"]) .usk-nav, :where([data-ui="minimal-saas"]) .ui-nav {
    align-items: center;
    gap: var(--saas-space-1);
    border: 0;
    border-bottom: 1px solid var(--saas-border);
    box-shadow: none;
    background: none;
    border-radius: 0;
    flex-wrap: wrap;
    padding: 0;
    display: flex;
  }

  .saas-nav-link, :where([data-ui="minimal-saas"]) .usk-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link {
    min-height: 2.125rem;
    color: var(--saas-text-muted);
    border-radius: var(--saas-radius-md);
    transition: color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .4rem .7rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
  }

  .saas-nav-link:hover, :where([data-ui="minimal-saas"]) .usk-nav-link:hover, :where([data-ui="minimal-saas"]) .ui-nav-link:hover {
    color: var(--saas-text);
    background: var(--saas-surface-soft);
  }

  .saas-nav-link[aria-current="page"], .saas-nav-link.is-active, :where([data-ui="minimal-saas"]) .usk-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .usk-nav-link.is-active, :where([data-ui="minimal-saas"]) .ui-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .ui-nav-link.is-active {
    color: var(--saas-text);
    box-shadow: inset 0-2px 0 var(--saas-primary);
    background: none;
  }

  .saas-tooltip, [data-ui="minimal-saas"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="minimal-saas"]) .usk-tooltip, :where([data-ui="minimal-saas"]) .ui-tooltip {
    background: var(--saas-text);
    max-inline-size: 16rem;
    color: var(--saas-bg);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .saas-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .saas-progress, :where([data-ui="minimal-saas"]) .usk-progress, :where([data-ui="minimal-saas"]) .ui-progress {
    background: var(--saas-surface-soft);
    border-radius: var(--saas-radius-pill);
    border: 0 solid #0000;
    width: 100%;
    height: .3rem;
    overflow: hidden;
  }

  .saas-progress-bar, :where([data-ui="minimal-saas"]) .usk-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar {
    height: 100%;
    width: var(--saas-progress-value, 50%);
    background: var(--saas-primary);
    border-radius: inherit;
  }

  .saas-alert, :where([data-ui="minimal-saas"]) .usk-alert, :where([data-ui="minimal-saas"]) .ui-alert {
    gap: var(--saas-space-2);
    padding: var(--saas-space-3);
    background: rgb(var(--saas-primary-rgb)/.065);
    color: var(--saas-text);
    border: 1px solid rgb(var(--saas-primary-rgb)/.28);
    border-radius: var(--saas-radius-lg);
    box-shadow: none;
    display: grid;
  }

  .saas-alert-title, :where([data-ui="minimal-saas"]) .usk-alert-title, :where([data-ui="minimal-saas"]) .ui-alert-title {
    color: var(--saas-text);
    margin: 0;
    font-weight: 900;
  }

  .saas-alert-body, :where([data-ui="minimal-saas"]) .usk-alert-body, :where([data-ui="minimal-saas"]) .ui-alert-body {
    color: var(--saas-text);
    margin: 0;
    line-height: 1.55;
  }

  .saas-table-wrap, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap {
    overflow: auto;
  }

  .saas-table, :where([data-ui="minimal-saas"]) .usk-table, :where([data-ui="minimal-saas"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .saas-table th, .saas-table td, :where([data-ui="minimal-saas"]) .usk-table th, :where([data-ui="minimal-saas"]) .usk-table td, :where([data-ui="minimal-saas"]) .ui-table th, :where([data-ui="minimal-saas"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--saas-border);
    padding: .68rem .75rem;
  }

  .saas-table th, :where([data-ui="minimal-saas"]) .usk-table th, :where([data-ui="minimal-saas"]) .ui-table th {
    color: var(--saas-text);
    text-transform: none;
    letter-spacing: 0;
    background: rgb(var(--saas-surface-soft-rgb)/.52);
    font-size: .78rem;
    font-weight: 700;
  }

  .saas-table td, :where([data-ui="minimal-saas"]) .usk-table td, :where([data-ui="minimal-saas"]) .ui-table td {
    color: var(--saas-text-muted);
  }

  .saas-table tr:hover td, :where([data-ui="minimal-saas"]) .usk-table tr:hover td, :where([data-ui="minimal-saas"]) .ui-table tr:hover td {
    background: rgb(var(--saas-primary-rgb)/.045);
  }

  .saas-text-primary {
    color: var(--usk-primary-ink, var(--saas-primary));
  }

  .saas-text-secondary {
    color: var(--saas-secondary);
  }

  .saas-text-accent {
    color: var(--usk-accent-ink, var(--saas-accent));
  }

  .saas-text-success {
    color: var(--saas-success);
  }

  .saas-text-warning {
    color: var(--saas-warning);
  }

  .saas-text-danger {
    color: var(--saas-danger);
  }

  .saas-bg-primary {
    background: var(--saas-primary);
    color: var(--saas-on-primary);
  }

  .saas-bg-secondary {
    background: var(--saas-secondary);
    color: var(--saas-on-secondary);
  }

  .saas-border {
    border: 1px solid var(--saas-border);
  }

  .saas-rounded {
    border-radius: var(--saas-radius-md);
  }

  .saas-rounded-lg {
    border-radius: var(--saas-radius-lg);
  }

  .saas-rounded-xl {
    border-radius: var(--saas-radius-xl);
  }

  .saas-pill {
    border-radius: var(--saas-radius-pill);
  }

  .saas-sr-only, .saas-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .saas-skip-link {
    z-index: 9999;
    background: var(--saas-primary);
    color: var(--saas-on-primary);
    border-radius: var(--saas-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .saas-skip-link:focus {
    transform: translateY(0);
  }

  .saas-metric, :where([data-ui="minimal-saas"]) .usk-metric, :where([data-ui="minimal-saas"]) .ui-metric {
    padding: var(--saas-space-5);
    background: var(--saas-surface);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .saas-metric-value, :where([data-ui="minimal-saas"]) .usk-metric-value, :where([data-ui="minimal-saas"]) .ui-metric-value {
    color: var(--saas-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .saas-metric-label, :where([data-ui="minimal-saas"]) .usk-metric-label, :where([data-ui="minimal-saas"]) .ui-metric-label {
    color: var(--saas-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .saas-empty-state, :where([data-ui="minimal-saas"]) .usk-empty-state, :where([data-ui="minimal-saas"]) .ui-empty-state {
    place-items: center;
    gap: var(--saas-space-3);
    min-height: 14rem;
    padding: var(--saas-space-6);
    text-align: center;
    background: var(--saas-surface-soft);
    border: 1px dashed var(--saas-border);
    border-radius: var(--saas-radius-lg);
    display: grid;
  }

  .saas-spinner, .saas-loading-spinner, [data-ui="minimal-saas"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="minimal-saas"]) .usk-spinner, :where([data-ui="minimal-saas"]) .ui-spinner {
    border: .25rem solid var(--saas-spinner-track);
    border-block-start-color: var(--saas-spinner-stroke);
    border-inline-end-color: var(--saas-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite saas-spin;
    display: inline-block;
  }

  .saas-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .saas-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="minimal-saas"]) .usk-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .usk-icon-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .usk-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--saas-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite saas-spin;
    display: inline-block;
  }

  @keyframes saas-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .saas-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--saas-border-rgb)/.72);
    border-radius: var(--saas-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .saas-card-service {
    gap: var(--saas-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .saas-card-service > .saas-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .saas-card-service > .saas-card-media + .saas-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .saas-card-feature {
    gap: var(--saas-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .saas-card-accent-edge {
    border-inline-start: .35rem solid var(--saas-primary);
  }

  .saas-icon-medallion {
    background: var(--saas-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--saas-on-primary);
    border: 2px solid rgb(var(--saas-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .saas-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .saas-button.saas-button-cut, .saas-button-cut, :where([data-ui="minimal-saas"]) .usk-button.saas-button-cut, :where([data-ui="minimal-saas"]) .ui-button.saas-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .saas-button.saas-button-cut:focus-visible, .saas-button-cut:focus-visible, :where([data-ui="minimal-saas"]) .usk-button.saas-button-cut:focus-visible, :where([data-ui="minimal-saas"]) .ui-button.saas-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .saas-button.saas-button-outline-heavy, .saas-button-outline-heavy, :where([data-ui="minimal-saas"]) .usk-button.saas-button-outline-heavy, :where([data-ui="minimal-saas"]) .ui-button.saas-button-outline-heavy {
    color: var(--usk-primary-ink, var(--saas-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--saas-primary);
    box-shadow: none;
    background: none;
  }

  .saas-button.saas-button-outline-heavy:hover, .saas-button-outline-heavy:hover, :where([data-ui="minimal-saas"]) .usk-button.saas-button-outline-heavy:hover, :where([data-ui="minimal-saas"]) .ui-button.saas-button-outline-heavy:hover {
    background: var(--saas-primary);
    color: var(--saas-on-primary);
    border-color: var(--saas-primary-hover);
  }

  .saas-badge-seal {
    aspect-ratio: 1;
    background: var(--saas-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--saas-text);
    border: 2px solid var(--saas-primary);
    text-align: center;
    font-family: var(--saas-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .saas-feature-strip {
    background: var(--saas-card-bg);
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .saas-feature-item {
    align-items: center;
    gap: var(--saas-space-3);
    min-inline-size: 0;
    padding: var(--saas-space-4);
    border-inline-end: 1px solid rgb(var(--saas-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .saas-feature-item:last-child {
    border-inline-end: 0;
  }

  .saas-feature-item > :where(p, small) {
    color: var(--saas-text-muted);
    margin: 0;
  }

  .saas-callout-bar {
    align-items: center;
    gap: var(--saas-space-4);
    padding: var(--saas-space-4) var(--saas-space-5);
    background: var(--saas-card-bg);
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .saas-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .saas-callout-bar>:where(.saas-button,a,button):last-child, :where([data-ui="minimal-saas"]) .saas-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="minimal-saas"]) .saas-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .saas-eyebrow {
    color: var(--usk-primary-ink, var(--saas-primary));
    font-family: var(--saas-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .saas-media-scrim {
    isolation: isolate;
    background: var(--saas-surface-soft);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .saas-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .saas-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .saas-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .saas-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .saas-callout-bar>:where(.saas-button,a,button):last-child, :where([data-ui="minimal-saas"]) .saas-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="minimal-saas"]) .saas-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .saas-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--saas-border-rgb)/.62);
    }

    .saas-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .saas-card-service, .saas-card-feature, .saas-feature-strip, .saas-callout-bar {
    box-shadow: var(--saas-shadow-md);
  }

  .saas-card-accent-edge {
    border-inline-start-width: .16rem;
  }

  .saas-icon-medallion {
    background: var(--saas-surface-soft);
    color: var(--usk-primary-ink, var(--saas-primary));
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    box-shadow: var(--saas-shadow-sm);
  }

  .saas-button.saas-button-cut, .saas-button-cut, :where([data-ui="minimal-saas"]) .usk-button.saas-button-cut, :where([data-ui="minimal-saas"]) .ui-button.saas-button-cut {
    min-height: 2.75rem;
    clip-path: polygon(0 0, calc(100% - .25rem) 0, 100% .25rem, 100% 100%, 0 100%);
    justify-content: center;
    justify-self: start;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .saas-button.saas-button-outline-heavy, .saas-button-outline-heavy, :where([data-ui="minimal-saas"]) .usk-button.saas-button-outline-heavy, :where([data-ui="minimal-saas"]) .ui-button.saas-button-outline-heavy {
    clip-path: polygon(0 0, calc(100% - .2rem) 0, 100% .2rem, 100% 100%, 0 100%);
    box-shadow: var(--saas-shadow-sm);
    border-width: 1px;
    border-radius: 0;
  }

  .saas-card-service, .saas-media-scrim, .saas-feature-strip, .saas-callout-bar, .saas-metric, :where([data-ui="minimal-saas"]) .usk-metric, :where([data-ui="minimal-saas"]) .ui-metric {
    border: 1px solid var(--saas-border);
    box-shadow: var(--saas-shadow-md);
  }

  [data-ui="minimal-saas"][data-mode] :where(fieldset, article, aside) {
    background: var(--saas-surface);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    box-shadow: none;
  }

  [data-ui="minimal-saas"][data-mode] :where(legend) {
    font-weight: 750;
  }

  [data-ui="minimal-saas"][data-mode] :where(label) {
    font-weight: 700;
  }

  [data-ui="minimal-saas"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    min-block-size: var(--usk-native-control-min-block-size);
    background: var(--saas-control-bg);
    color: var(--saas-text);
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-md);
    box-shadow: var(--saas-shadow-sm);
    font-family: var(--saas-font-control);
    padding: .5rem .78rem;
    font-weight: 700;
  }

  [data-ui="minimal-saas"][data-mode] :where(dialog) {
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius-lg);
    box-shadow: 0 .75rem 2rem rgb(var(--saas-text-rgb)/.14);
  }

  .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .usk-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after {
    border: .14em solid rgb(var(--saas-primary-text-rgb)/.38);
    box-shadow: none;
    clip-path: circle(50%);
    background: none;
    border-block-start-color: currentColor;
    border-radius: 50%;
    animation: .7s linear infinite saas-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="minimal-saas"] *, [data-ui="minimal-saas"] :before, [data-ui="minimal-saas"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="minimal-saas"] {
      --saas-border-alpha: 1;
      --saas-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="minimal-saas"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="minimal-saas"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="minimal-saas"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="minimal-saas"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="minimal-saas"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .saas-input[aria-invalid="true"], .saas-textarea[aria-invalid="true"], .saas-select[aria-invalid="true"], :where([data-ui="minimal-saas"]) .usk-input[aria-invalid="true"], :where([data-ui="minimal-saas"]) .usk-textarea[aria-invalid="true"], :where([data-ui="minimal-saas"]) .usk-select[aria-invalid="true"], :where([data-ui="minimal-saas"]) .ui-input[aria-invalid="true"], :where([data-ui="minimal-saas"]) .ui-textarea[aria-invalid="true"], :where([data-ui="minimal-saas"]) .ui-select[aria-invalid="true"] {
    border-color: var(--saas-danger);
    box-shadow: 0 0 0 2px rgb(var(--saas-danger-rgb)/.18);
  }

  .saas-input[readonly], .saas-textarea[readonly], :where([data-ui="minimal-saas"]) .usk-input[readonly], :where([data-ui="minimal-saas"]) .usk-textarea[readonly], :where([data-ui="minimal-saas"]) .ui-input[readonly], :where([data-ui="minimal-saas"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  [data-ui="minimal-saas"][data-mode] {
    --usk-native-control-min-block-size: 2rem;
    --usk-native-control-padding-block: .38rem;
    --usk-native-control-padding-inline: .65rem;
    --usk-native-radius-sm: .1875rem;
    --usk-native-radius: .375rem;
    --usk-native-radius-lg: .5rem;
    --usk-native-shadow: 0 1px 2px rgb(var(--saas-text-rgb) / .06);
    --usk-native-shadow-md: 0 2px 6px rgb(var(--saas-text-rgb) / .08);
    --usk-native-focus-ring: 0 0 0 2px rgb(var(--saas-focus-rgb) / .3);
    --usk-native-subcontrol-padding-block: .32rem;
    --usk-native-subcontrol-padding-inline: .52rem;
    --usk-native-choice-size: .95rem;
    --usk-native-choice-background: rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));
    --usk-native-choice-border: 1px solid rgb(var(--saas-border-rgb) / .9);
    --usk-native-checkbox-radius: .1875rem;
    --usk-native-choice-shadow: none;
    --usk-native-select-indicator-size: .31rem .31rem, .31rem .31rem;
    --usk-native-select-indicator-position: calc(100% - .92rem) 50%, calc(100% - .68rem) 50%;
    --usk-native-select-padding-inline-end: 2.1rem;
    --usk-native-range-track-size: .28rem;
    --usk-native-range-track-background: rgb(var(--saas-surface-soft-rgb) / .82);
    --usk-native-range-track-border: 1px solid rgb(var(--saas-border-rgb) / .55);
    --usk-native-range-track-shadow: none;
    --usk-native-range-thumb-size: .9rem;
    --usk-native-range-thumb-border: 2px solid var(--saas-surface-strong);
    --usk-native-range-thumb-shadow: 0 1px 3px rgb(var(--saas-text-rgb) / .14);
    --usk-native-progress-size: .28rem;
    --usk-native-progress-track-background: rgb(var(--saas-surface-soft-rgb) / .82);
    --usk-native-progress-track-border: 1px solid rgb(var(--saas-border-rgb) / .5);
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-shadow: none;
    --usk-native-scrollbar-size: .55rem;
    --usk-native-scrollbar-track: rgb(var(--saas-surface-soft-rgb) / .72);
    --usk-native-scrollbar-thumb: rgb(var(--saas-primary-rgb) / .72);
    --usk-native-scrollbar-radius: .125rem;
  }

  [data-ui="minimal-saas"][data-mode] :where(select:not([multiple])) {
    appearance: none;
  }

  [data-ui="minimal-saas"][data-mode] :where(select:not([multiple]))::picker-icon {
    display: none;
  }

  .saas-title {
    letter-spacing: -.02em;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.05;
  }

  .saas-label, :where([data-ui="minimal-saas"]) .usk-label, :where([data-ui="minimal-saas"]) .ui-label {
    font-size: .8125rem;
    font-weight: 650;
  }

  .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-button, :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button {
    background: var(--saas-control-bg);
    min-height: 2.125rem;
    box-shadow: none;
    border-radius: .375rem;
    padding: .45rem .75rem;
    font-weight: 650;
  }

  .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button {
    padding: 0;
  }

  .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .usk-input, :where([data-ui="minimal-saas"]) .usk-textarea, :where([data-ui="minimal-saas"]) .usk-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select {
    min-height: 2rem;
    box-shadow: none;
    border-radius: .375rem;
    padding: .38rem .65rem;
  }

  .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .usk-card, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap {
    background: var(--saas-surface);
    border: 1px solid var(--saas-border);
    box-shadow: var(--saas-shadow-md);
    border-radius: .5rem;
  }

  .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .usk-card, :where([data-ui="minimal-saas"]) .ui-card {
    padding: 1rem;
  }

  .saas-well, .saas-inset {
    background: rgb(var(--saas-surface-soft-rgb)/.72);
    border: 1px solid var(--saas-border);
    box-shadow: none;
    border-radius: .375rem;
    padding: .75rem;
  }

  .saas-badge, :where([data-ui="minimal-saas"]) .usk-badge, :where([data-ui="minimal-saas"]) .ui-badge {
    border-radius: .25rem;
    min-height: 1.35rem;
    padding: .18rem .45rem;
  }

  .saas-alert, :where([data-ui="minimal-saas"]) .usk-alert, :where([data-ui="minimal-saas"]) .ui-alert {
    background: var(--saas-surface);
    border: 1px solid var(--saas-border);
    border-inline-start: 1px solid var(--saas-primary);
    box-shadow: none;
    border-radius: .375rem;
  }

  .saas-progress, :where([data-ui="minimal-saas"]) .usk-progress, :where([data-ui="minimal-saas"]) .ui-progress {
    background: rgb(var(--saas-surface-soft-rgb)/.82);
    height: .3rem;
  }

  .saas-progress-bar, :where([data-ui="minimal-saas"]) .usk-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar {
    background: var(--saas-primary);
    box-shadow: none;
  }

  .saas-table-wrap, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap {
    background: var(--saas-surface);
    box-shadow: none;
    border-radius: .5rem;
  }

  .saas-table th, :where([data-ui="minimal-saas"]) .usk-table th, :where([data-ui="minimal-saas"]) .ui-table th {
    background: rgb(var(--saas-surface-soft-rgb)/.58);
    padding: .6rem .7rem;
    font-weight: 650;
  }

  .saas-table td, :where([data-ui="minimal-saas"]) .usk-table td, :where([data-ui="minimal-saas"]) .ui-table td {
    padding: .6rem .7rem;
  }

  .saas-nav, :where([data-ui="minimal-saas"]) .usk-nav, :where([data-ui="minimal-saas"]) .ui-nav {
    border: 0;
    border-bottom: 1px solid var(--saas-border);
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
  }

  .saas-nav-link, :where([data-ui="minimal-saas"]) .usk-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link {
    border-radius: .25rem;
    min-height: 2.125rem;
    padding: .4rem .62rem;
  }

  .saas-tooltip, [data-ui="minimal-saas"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="minimal-saas"]) .usk-tooltip, :where([data-ui="minimal-saas"]) .ui-tooltip {
    box-shadow: 0 2px 6px rgb(var(--saas-text-rgb)/.12);
    border-radius: .25rem;
  }

  .saas-card-service, .saas-card-feature, .saas-feature-strip, .saas-callout-bar {
    background: var(--saas-surface);
    box-shadow: none;
    border-radius: .5rem;
    padding: 1rem;
  }

  .saas-feature-item {
    padding: .75rem;
  }

  [data-ui="minimal-saas"][data-mode] :where(dialog) {
    background: var(--saas-surface);
    box-shadow: 0 .5rem 1.25rem rgb(var(--saas-text-rgb)/.12);
    border-radius: .5rem;
  }

  .saas-alert-success, :where([data-ui="minimal-saas"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="success"]) {
    background: rgb(var(--saas-success-rgb)/.12);
    border-color: rgb(var(--saas-success-rgb)/.58);
  }

  .saas-alert-warning, :where([data-ui="minimal-saas"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="warning"]) {
    background: rgb(var(--saas-warning-rgb)/.12);
    border-color: rgb(var(--saas-warning-rgb)/.58);
  }

  .saas-alert-danger, :where([data-ui="minimal-saas"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="danger"]) {
    background: rgb(var(--saas-danger-rgb)/.12);
    border-color: rgb(var(--saas-danger-rgb)/.58);
  }

  .saas-button-primary, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(135deg,var(--saas-primary),var(--saas-brand-2));
    color: var(--saas-on-primary);
    border-color: var(--saas-primary);
  }

  .saas-button-secondary, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--saas-surface);
    color: var(--usk-primary-ink, var(--saas-primary));
    border-color: var(--saas-primary);
  }

  .saas-button-danger, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--saas-danger);
    color: var(--saas-on-danger);
    border-color: var(--saas-danger);
  }

  .saas-button-ghost, :where([data-ui="minimal-saas"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--saas-primary));
    background: none;
    border-color: #0000;
  }

  @media (pointer: coarse) {
    [data-ui="minimal-saas"] :where(.saas-button,.saas-icon-button,.saas-input,.saas-select,.saas-nav-link), :where([data-ui="minimal-saas"]) :where(.usk-button,.usk-icon-button,.usk-input,.usk-select,.usk-nav-link), :where([data-ui="minimal-saas"]) :where(.ui-button,.ui-icon-button,.ui-input,.ui-select,.ui-nav-link) {
      min-block-size: 2.75rem;
    }
  }

  .saas-card-service > .saas-icon-medallion, .saas-feature-item > .saas-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .saas-callout-bar > .saas-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    padding-block: .55rem .85rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  .saas-badge-seal > strong {
    font-size: 1.125rem;
    line-height: .9;
  }

  .saas-badge-seal > small {
    font-size: .78rem;
    line-height: 1;
  }

  [data-ui="minimal-saas"][data-mode] .saas-button.saas-button-warning, :where([data-ui="minimal-saas"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="minimal-saas"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--saas-warning);
    color: var(--saas-on-warning);
    border-color: var(--saas-warning);
    text-shadow: none;
  }
}

[data-ui="minimal-saas"][data-mode] .saas-title {
  letter-spacing: max(.03em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="minimal-saas"][data-mode] .saas-feature-item > .saas-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="minimal-saas"][data-mode] .saas-callout-bar > .saas-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/bento.css (visual paint) */
@font-face {
  font-family: Bento Manrope;
  src: url("./assets/bento-manrope.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@layer ui-style-kit.presets {
  :root {
    --bento-font-sans: "Bento Manrope", ui-sans-serif, system-ui, sans-serif;
    --bento-font-display: var(--bento-font-sans);
    --bento-font-body: var(--bento-font-sans);
    --bento-font-heading: var(--bento-font-display);
    --bento-font-control: var(--bento-font-display);
    --bento-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bento-radius-xs: .375rem;
    --bento-radius-sm: .625rem;
    --bento-radius-md: .75rem;
    --bento-radius-lg: 1rem;
    --bento-radius-xl: 1.5rem;
    --bento-radius-pill: 999px;
    --bento-control-radius: .75rem;
    --bento-tile-radius: 1.5rem;
    --bento-space-1: .25rem;
    --bento-space-2: .5rem;
    --bento-space-3: .75rem;
    --bento-space-4: 1rem;
    --bento-space-5: 1.25rem;
    --bento-space-6: 1.5rem;
    --bento-space-8: 2rem;
    --bento-transition-fast: .15s ease;
    --bento-transition-base: .24s ease;
  }

  [data-ui="bento"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --bento-fallback-bg-rgb: 247 244 252;
    --bento-fallback-surface-rgb: 255 255 255;
    --bento-fallback-surface-strong-rgb: 252 250 255;
    --bento-fallback-surface-soft-rgb: 233 226 246;
    --bento-fallback-text-rgb: 36 26 58;
    --bento-fallback-text-muted-rgb: 103 92 121;
    --bento-fallback-border-rgb: 207 197 227;
    --bento-fallback-primary-rgb: 101 82 184;
    --bento-fallback-primary-hover-rgb: 75 59 152;
    --bento-fallback-primary-text-rgb: 255 255 255;
    --bento-fallback-secondary-rgb: 105 82 163;
    --bento-fallback-secondary-hover-rgb: 81 63 129;
    --bento-fallback-secondary-text-rgb: 255 255 255;
    --bento-fallback-accent-rgb: 196 156 232;
    --bento-fallback-accent-text-rgb: 0 0 0;
    --bento-fallback-success-rgb: 62 122 98;
    --bento-fallback-success-text-rgb: 255 255 255;
    --bento-fallback-warning-rgb: 152 100 0;
    --bento-fallback-warning-text-rgb: 255 255 255;
    --bento-fallback-danger-rgb: 168 58 96;
    --bento-fallback-danger-text-rgb: 255 255 255;
    --bento-fallback-link-rgb: 75 59 152;
    --bento-fallback-focus-rgb: 141 117 209;
    --bento-panel-alpha: .96;
    --bento-panel-soft-alpha: .72;
    --bento-border-alpha: .38;
    --bento-shadow-alpha: .14;
    --bento-focus-alpha: .32;
  }

  [data-ui="bento"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bento-fallback-bg-rgb: 18 13 29;
    --bento-fallback-surface-rgb: 28 21 43;
    --bento-fallback-surface-strong-rgb: 42 32 64;
    --bento-fallback-surface-soft-rgb: 23 17 34;
    --bento-fallback-text-rgb: 245 240 255;
    --bento-fallback-text-muted-rgb: 196 184 217;
    --bento-fallback-border-rgb: 93 79 120;
    --bento-fallback-primary-rgb: 169 148 242;
    --bento-fallback-primary-hover-rgb: 196 181 255;
    --bento-fallback-primary-text-rgb: 0 0 0;
    --bento-fallback-secondary-rgb: 209 183 245;
    --bento-fallback-secondary-hover-rgb: 229 213 255;
    --bento-fallback-secondary-text-rgb: 0 0 0;
    --bento-fallback-accent-rgb: 231 198 255;
    --bento-fallback-accent-text-rgb: 0 0 0;
    --bento-fallback-success-rgb: 145 223 184;
    --bento-fallback-success-text-rgb: 0 0 0;
    --bento-fallback-warning-rgb: 255 210 122;
    --bento-fallback-warning-text-rgb: 0 0 0;
    --bento-fallback-danger-rgb: 255 153 183;
    --bento-fallback-danger-text-rgb: 0 0 0;
    --bento-fallback-link-rgb: 209 183 245;
    --bento-fallback-focus-rgb: 209 183 245;
    --bento-panel-alpha: .92;
    --bento-panel-soft-alpha: .64;
    --bento-border-alpha: .52;
    --bento-shadow-alpha: .34;
    --bento-focus-alpha: .42;
  }

  [data-ui="bento"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bento-fallback-bg-rgb: 0 0 0;
    --bento-fallback-surface-rgb: 12 7 20;
    --bento-fallback-surface-strong-rgb: 26 16 40;
    --bento-fallback-surface-soft-rgb: 0 0 0;
    --bento-fallback-text-rgb: 255 255 255;
    --bento-fallback-text-muted-rgb: 247 240 255;
    --bento-fallback-border-rgb: 255 255 255;
    --bento-fallback-primary-rgb: 184 156 255;
    --bento-fallback-primary-hover-rgb: 255 255 255;
    --bento-fallback-primary-text-rgb: 0 0 0;
    --bento-fallback-secondary-rgb: 113 255 226;
    --bento-fallback-secondary-hover-rgb: 255 255 255;
    --bento-fallback-secondary-text-rgb: 0 0 0;
    --bento-fallback-accent-rgb: 255 208 242;
    --bento-fallback-accent-text-rgb: 0 0 0;
    --bento-fallback-success-rgb: 0 255 144;
    --bento-fallback-success-text-rgb: 0 0 0;
    --bento-fallback-warning-rgb: 255 212 0;
    --bento-fallback-warning-text-rgb: 0 0 0;
    --bento-fallback-danger-rgb: 255 102 139;
    --bento-fallback-danger-text-rgb: 0 0 0;
    --bento-fallback-link-rgb: 201 181 255;
    --bento-fallback-focus-rgb: 255 255 255;
    --bento-panel-alpha: 1;
    --bento-panel-soft-alpha: .92;
    --bento-border-alpha: 1;
    --bento-shadow-alpha: .5;
    --bento-focus-alpha: .72;
  }

  [data-ui="bento"][data-theme][data-mode] {
    --bento-bg-rgb: var(--usk-bg-rgb);
    --bento-surface-rgb: var(--usk-surface-rgb);
    --bento-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --bento-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --bento-text-rgb: var(--usk-text-rgb);
    --bento-text-muted-rgb: var(--usk-text-muted-rgb);
    --bento-border-rgb: var(--usk-border-rgb);
    --bento-primary-rgb: var(--usk-primary-rgb);
    --bento-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --bento-primary-text-rgb: var(--usk-primary-text-rgb);
    --bento-secondary-rgb: var(--usk-secondary-rgb);
    --bento-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --bento-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --bento-accent-rgb: var(--usk-accent-rgb);
    --bento-accent-text-rgb: var(--usk-accent-text-rgb);
    --bento-success-rgb: var(--usk-success-rgb);
    --bento-success-text-rgb: var(--usk-success-text-rgb);
    --bento-warning-rgb: var(--usk-warning-rgb);
    --bento-warning-text-rgb: var(--usk-warning-text-rgb);
    --bento-danger-rgb: var(--usk-danger-rgb);
    --bento-danger-text-rgb: var(--usk-danger-text-rgb);
    --bento-link-rgb: var(--usk-link-rgb);
    --bento-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="bento"][data-mode] {
    --usk-native-bg: var(--bento-bg);
    --bento-bg-rgb: var(--usk-bg-rgb, var(--bento-fallback-bg-rgb));
    --bento-surface-rgb: var(--usk-surface-rgb, var(--bento-fallback-surface-rgb));
    --bento-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--bento-fallback-surface-strong-rgb));
    --bento-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--bento-fallback-surface-soft-rgb));
    --bento-text-rgb: var(--usk-text-rgb, var(--bento-fallback-text-rgb));
    --bento-text-muted-rgb: var(--usk-text-muted-rgb, var(--bento-fallback-text-muted-rgb));
    --bento-border-rgb: var(--usk-border-rgb, var(--bento-fallback-border-rgb));
    --bento-primary-rgb: var(--usk-primary-rgb, var(--bento-fallback-primary-rgb));
    --bento-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--bento-fallback-primary-hover-rgb));
    --bento-primary-text-rgb: var(--usk-primary-text-rgb, var(--bento-fallback-primary-text-rgb));
    --bento-secondary-rgb: var(--usk-secondary-rgb, var(--bento-fallback-secondary-rgb));
    --bento-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--bento-fallback-secondary-hover-rgb));
    --bento-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--bento-fallback-secondary-text-rgb));
    --bento-accent-rgb: var(--usk-accent-rgb, var(--bento-fallback-accent-rgb));
    --bento-accent-text-rgb: var(--usk-accent-text-rgb, var(--bento-fallback-accent-text-rgb));
    --bento-success-rgb: var(--usk-success-rgb, var(--bento-fallback-success-rgb));
    --bento-success-text-rgb: var(--usk-success-text-rgb, var(--bento-fallback-success-text-rgb));
    --bento-warning-rgb: var(--usk-warning-rgb, var(--bento-fallback-warning-rgb));
    --bento-warning-text-rgb: var(--usk-warning-text-rgb, var(--bento-fallback-warning-text-rgb));
    --bento-danger-rgb: var(--usk-danger-rgb, var(--bento-fallback-danger-rgb));
    --bento-danger-text-rgb: var(--usk-danger-text-rgb, var(--bento-fallback-danger-text-rgb));
    --bento-link-rgb: var(--usk-link-rgb, var(--bento-fallback-link-rgb));
    --bento-focus-rgb: var(--usk-focus-rgb, var(--bento-fallback-focus-rgb));
    --usk-native-surface: var(--bento-surface);
    --usk-native-surface-strong: var(--bento-surface-strong);
    --usk-native-surface-soft: var(--bento-surface-soft);
    --usk-native-card-bg: var(--bento-card-bg);
    --usk-native-control-bg: var(--bento-control-bg);
    --usk-native-text: var(--bento-text);
    --usk-native-text-muted: var(--bento-text-muted);
    --usk-native-border: var(--bento-border);
    --usk-native-primary: var(--bento-primary);
    --usk-native-primary-hover: var(--bento-primary-hover);
    --usk-native-on-primary: var(--bento-on-primary);
    --usk-native-secondary: var(--bento-secondary);
    --usk-native-on-secondary: var(--bento-on-secondary);
    --usk-native-accent: var(--bento-accent);
    --usk-native-on-accent: var(--bento-on-accent);
    --usk-native-on-success: var(--bento-on-success);
    --usk-native-on-warning: var(--bento-on-warning);
    --usk-native-on-danger: var(--bento-on-danger);
    --usk-native-focus: var(--bento-focus);
    --usk-native-success: var(--bento-success);
    --usk-native-warning: var(--bento-warning);
    --usk-native-danger: var(--bento-danger);
    --usk-native-link: var(--bento-link);
    --usk-native-font-body: var(--bento-font-body);
    --usk-native-font-heading: var(--bento-font-heading);
    --usk-native-font-control: var(--bento-font-control);
    --usk-native-font-mono: var(--bento-font-mono);
    --usk-native-radius-sm: var(--bento-radius-sm);
    --usk-native-radius: var(--bento-control-radius);
    --usk-native-radius-lg: var(--bento-tile-radius);
    --usk-native-shadow: var(--bento-shadow-sm, none);
    --usk-native-shadow-md: var(--bento-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--bento-focus-ring, 0 0 0 3px rgb(var(--bento-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--bento-space-6);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .55rem;
    --usk-native-subcontrol-padding-inline: .85rem;
    --usk-native-choice-size: 1.25rem;
    --usk-native-choice-background: var(--bento-control-bg);
    --usk-native-choice-border: 1px solid var(--bento-border);
    --usk-native-checkbox-radius: .375rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 .2rem .55rem rgb(var(--bento-text-rgb) / .12), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .7);
    --usk-native-choice-checked-background: var(--bento-primary);
    --usk-native-choice-mark-color: var(--bento-on-primary);
    --usk-native-select-indicator-image: linear-gradient(30deg, transparent 50%, var(--bento-primary) 50%), linear-gradient(150deg, var(--bento-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .38rem .38rem, .38rem .38rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .6rem;
    --usk-native-range-track-background: var(--bento-surface-soft);
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
    --usk-native-range-progress-background: var(--bento-primary);
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid rgb(var(--bento-primary-rgb) / .28);
    --usk-native-range-thumb-radius: .5rem;
    --usk-native-range-thumb-shadow: 0 .35rem .8rem rgb(var(--bento-text-rgb) / .18), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .78);
    --usk-native-progress-size: .6rem;
    --usk-native-progress-track-background: var(--bento-surface-soft);
    --usk-native-progress-track-border: 0 solid transparent;
    --usk-native-progress-track-radius: 999px;
    --usk-native-progress-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
    --usk-native-progress-value-background: var(--bento-primary);
    --usk-native-progress-value-radius: inherit;
    --usk-native-progress-value-shadow: none;
    --usk-native-meter-optimum-background: var(--bento-success);
    --usk-native-meter-suboptimum-background: var(--bento-warning);
    --usk-native-meter-critical-background: var(--bento-danger);
    --usk-native-file-button-background: var(--bento-primary);
    --usk-native-file-button-border: 1px solid rgb(var(--bento-primary-rgb) / .24);
    --usk-native-file-button-radius: var(--bento-radius-md);
    --usk-native-file-button-shadow: 0 .3rem .7rem rgb(var(--bento-primary-rgb) / .18);
    --usk-native-color-swatch-border: 1px solid var(--bento-border);
    --usk-native-color-swatch-radius: var(--bento-radius-md);
    --usk-native-indicator-opacity: .77;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .8rem;
    --usk-native-scrollbar-track: var(--bento-surface-soft);
    --usk-native-scrollbar-thumb: var(--bento-primary);
    --usk-native-scrollbar-radius: var(--bento-radius-pill);
    --bento-bg: rgb(var(--bento-bg-rgb));
    --bento-surface: rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));
    --bento-surface-strong: rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
    --bento-surface-soft: rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));
    --bento-text: rgb(var(--bento-text-rgb));
    --bento-text-muted: rgb(var(--bento-text-muted-rgb));
    --bento-fg: var(--bento-text);
    --bento-surface-fg: var(--bento-text);
    --bento-muted: var(--bento-text-muted);
    --bento-border: rgb(var(--bento-border-rgb) / max(var(--bento-border-alpha), var(--usk-border-min-alpha)));
    --bento-control-fg: var(--bento-text);
    --bento-primary: rgb(var(--bento-primary-rgb));
    --bento-primary-hover: rgb(var(--bento-primary-hover-rgb));
    --bento-primary-text: rgb(var(--bento-primary-text-rgb));
    --bento-secondary: rgb(var(--bento-secondary-rgb));
    --bento-secondary-hover: rgb(var(--bento-secondary-hover-rgb));
    --bento-secondary-text: rgb(var(--bento-secondary-text-rgb));
    --bento-on-primary: var(--bento-primary-text);
    --bento-on-secondary: var(--bento-secondary-text);
    --bento-on-accent: rgb(var(--bento-accent-text-rgb));
    --bento-on-success: rgb(var(--bento-success-text-rgb));
    --bento-on-warning: rgb(var(--bento-warning-text-rgb));
    --bento-on-danger: rgb(var(--bento-danger-text-rgb));
    --bento-accent: rgb(var(--bento-accent-rgb));
    --bento-success: rgb(var(--bento-success-rgb));
    --bento-warning: rgb(var(--bento-warning-rgb));
    --bento-danger: rgb(var(--bento-danger-rgb));
    --bento-link: rgb(var(--bento-link-rgb));
    --bento-focus: rgb(var(--bento-focus-rgb));
    --bento-focus-ring: 0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));
    --bento-shadow-sm: 0 .35rem 1rem rgb(var(--bento-text-rgb) / calc(var(--bento-shadow-alpha) * .72)), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .58);
    --bento-shadow-md: 0 .95rem 2.35rem rgb(var(--bento-text-rgb) / var(--bento-shadow-alpha)), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .62);
    --bento-tile-edge: rgb(var(--bento-border-rgb) / calc(var(--bento-border-alpha) * .34));
    --bento-tile-shadow: 0 .85rem 2.2rem rgb(var(--bento-text-rgb) / calc(var(--bento-shadow-alpha) * .82)), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .68);
    --bento-theme-bg-size: auto;
    --bento-theme-bg: radial-gradient(circle at 18% 8%, rgb(var(--bento-primary-rgb) / .1), transparent 30rem), radial-gradient(circle at 88% 4%, rgb(var(--bento-accent-rgb) / .1), transparent 28rem), linear-gradient(180deg, rgb(var(--bento-primary-rgb) / .035), transparent 32rem), var(--bento-bg);
    --bento-card-bg: linear-gradient(145deg, rgb(var(--bento-primary-rgb) / .12), rgb(var(--bento-accent-rgb) / .07)), rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
    --bento-control-bg: linear-gradient(180deg, rgb(var(--bento-primary-rgb) / .045), rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)));
    --bento-tile-primary-bg: linear-gradient(145deg, rgb(var(--bento-primary-rgb) / .16), rgb(var(--bento-primary-rgb) / .06)), rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
    --bento-tile-accent-bg: linear-gradient(145deg, rgb(var(--bento-accent-rgb) / .15), rgb(var(--bento-primary-rgb) / .05)), rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
    --bento-tile-secondary-bg: linear-gradient(145deg, rgb(var(--bento-secondary-rgb) / .14), rgb(var(--bento-accent-rgb) / .05)), rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
    --bento-spinner-track: rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));
    --bento-spinner-stroke: var(--bento-primary);
    --bento-spinner-accent: var(--bento-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="bento"][data-mode] {
      --bento-border: color-mix(in srgb, rgb(var(--bento-border-rgb) / max(var(--bento-border-alpha), var(--usk-border-min-alpha))), var(--bento-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="bento"] {
    background: var(--bento-bg);
    color: var(--bento-text);
    font-family: var(--bento-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="bento"] *, [data-ui="bento"] :before, [data-ui="bento"] :after {
    box-sizing: border-box;
  }

  [data-ui="bento"][data-mode] {
    background: var(--bento-theme-bg);
    background-size: var(--bento-theme-bg-size);
  }

  .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .usk-button, :where([data-ui="bento"]) .usk-badge, :where([data-ui="bento"]) .usk-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link {
    font-family: var(--bento-font-heading);
  }

  .bento-title {
    color: var(--bento-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2.1rem, 5.5vw, 3.9rem);
    font-weight: 800;
    line-height: 1.02;
  }

  .bento-heading {
    color: var(--bento-text);
    letter-spacing: -.025em;
    margin: 0;
    font-size: clamp(1.25rem, 2.75vw, 2.1rem);
    font-weight: 800;
    line-height: 1.15;
  }

  .bento-kicker {
    color: var(--usk-primary-ink, var(--bento-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .bento-subtitle, .bento-copy {
    color: var(--bento-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .bento-text-muted {
    color: var(--bento-text-muted);
  }

  .bento-divider {
    background: var(--bento-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .usk-card, :where([data-ui="bento"]) .usk-toolbar, :where([data-ui="bento"]) .usk-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap {
    background: var(--bento-card-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
    transition: transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);
    position: relative;
  }

  .bento-toolbar, :where([data-ui="bento"]) .usk-toolbar, :where([data-ui="bento"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--bento-space-4);
    padding: var(--bento-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .bento-surface-sm {
    border-radius: var(--bento-radius-md);
    box-shadow: var(--bento-shadow-sm);
  }

  .bento-surface-lg {
    border-radius: var(--bento-radius-xl);
    box-shadow: 0 1rem 2.5rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha) + .04));
  }

  .bento-well, .bento-inset {
    background: var(--bento-tile-secondary-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-lg);
    padding: var(--bento-space-5);
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72),inset 0-1px 2px rgb(var(--bento-text-rgb)/.08);
  }

  .bento-hover-lift:hover {
    box-shadow: 0 1.1rem 2.4rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha) + .06));
    transform: translateY(-2px);
  }

  .bento-button, .bento-icon-button, :where([data-ui="bento"]) .usk-button, :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--bento-space-2);
    background: var(--bento-control-bg);
    min-height: 2.75rem;
    color: var(--bento-text);
    border: 1px solid var(--bento-border);
    border-radius: var(--bento-control-radius);
    box-shadow: var(--bento-shadow-sm);
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);
    padding: .7rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .usk-button:hover, :where([data-ui="bento"]) .usk-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover {
    background: var(--bento-surface-soft);
    border-color: rgb(var(--bento-primary-rgb)/.48);
    transform: translateY(-1px);
  }

  .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .usk-button:active, :where([data-ui="bento"]) .usk-icon-button:active, :where([data-ui="bento"]) .usk-button[aria-pressed="true"], :where([data-ui="bento"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .usk-button.is-active, :where([data-ui="bento"]) .usk-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active {
    box-shadow: inset 0 2px 6px rgb(var(--bento-text-rgb)/.14);
    transform: translateY(1px);
  }

  .bento-button-primary:hover, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--bento-primary-hover);
    border-color: var(--bento-primary-hover);
  }

  .bento-button-secondary, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));
    color: var(--usk-primary-ink, var(--bento-primary));
    border-color: rgb(var(--bento-primary-rgb)/.32);
    box-shadow: none;
  }

  .bento-button-secondary:hover, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: rgb(var(--bento-primary-rgb)/.06);
    border-color: rgb(var(--bento-primary-rgb)/.52);
  }

  .bento-button-ghost, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--bento-primary));
    box-shadow: none;
    background: none;
    border-color: #0000;
  }

  .bento-icon-button, :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .ui-icon-button {
    border-radius: var(--bento-control-radius);
    width: 2.75rem;
    padding: 0;
  }

  .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .usk-button:disabled, :where([data-ui="bento"]) .usk-icon-button:disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .bento-card, .bento-panel, :where([data-ui="bento"]) .usk-card, :where([data-ui="bento"]) .ui-card {
    background: var(--bento-card-bg);
  }

  .bento-toolbar, .bento-table-wrap, .bento-button:where(:not(:is(.bento-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.bento-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.bento-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.bento-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.bento-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-hover):not(.is-busy)), .bento-icon-button, :where([data-ui="bento"]) .usk-toolbar, :where([data-ui="bento"]) .usk-table-wrap, :where([data-ui="bento"]) .usk-button:where(:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-hover):not(.is-busy)), :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .ui-button:where(:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-hover):not(.is-busy)), :where([data-ui="bento"]) .ui-icon-button {
    background: var(--bento-control-bg);
  }

  .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .usk-button, :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .usk-badge, :where([data-ui="bento"]) .usk-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link {
    font-family: var(--bento-font-control);
  }

  .bento-field, :where([data-ui="bento"]) .usk-field, :where([data-ui="bento"]) .ui-field {
    gap: var(--bento-space-2);
    flex-direction: column;
    display: flex;
  }

  .bento-label, :where([data-ui="bento"]) .usk-label, :where([data-ui="bento"]) .ui-label {
    color: var(--bento-text);
    font-size: .9rem;
    font-weight: 750;
  }

  .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .usk-input, :where([data-ui="bento"]) .usk-textarea, :where([data-ui="bento"]) .usk-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select {
    background: var(--bento-control-bg);
    width: 100%;
    min-height: 2.75rem;
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-control-radius);
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);
    font: inherit;
    transition: background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
    outline: none;
    padding: .68rem 1rem;
  }

  .bento-textarea, :where([data-ui="bento"]) .usk-textarea, :where([data-ui="bento"]) .ui-textarea {
    resize: vertical;
    min-height: 7rem;
  }

  .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .usk-input::placeholder, :where([data-ui="bento"]) .usk-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder {
    color: var(--bento-text-muted);
    opacity: .82;
  }

  .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .usk-input:hover, :where([data-ui="bento"]) .usk-textarea:hover, :where([data-ui="bento"]) .usk-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover {
    border-color: rgb(var(--bento-primary-rgb)/.42);
  }

  .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .usk-input:focus, :where([data-ui="bento"]) .usk-textarea:focus, :where([data-ui="bento"]) .usk-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus {
    border-color: var(--bento-focus);
    box-shadow: var(--bento-focus-ring);
  }

  .bento-help-text, :where([data-ui="bento"]) .usk-help-text, :where([data-ui="bento"]) .ui-help-text {
    color: var(--bento-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .bento-check, .bento-radio, :where([data-ui="bento"]) .usk-check, :where([data-ui="bento"]) .usk-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio {
    align-items: center;
    gap: var(--bento-space-2);
    color: var(--bento-text);
    cursor: pointer;
    display: inline-flex;
  }

  .bento-check input, .bento-radio input, :where([data-ui="bento"]) .usk-check input, :where([data-ui="bento"]) .usk-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .usk-check-control, :where([data-ui="bento"]) .usk-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control {
    background: var(--bento-control-bg);
    border: 1px solid var(--bento-tile-edge);
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: var(--bento-shadow-sm);
    transition: background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .bento-check-control, :where([data-ui="bento"]) .usk-check-control, :where([data-ui="bento"]) .ui-check-control {
    border-radius: var(--bento-radius-xs);
  }

  .bento-radio-control, :where([data-ui="bento"]) .usk-radio-control, :where([data-ui="bento"]) .ui-radio-control {
    border-radius: 50%;
  }

  .bento-check input:checked+.bento-check-control, .bento-radio input:checked+.bento-radio-control, :where([data-ui="bento"]) .usk-check input:checked+.usk-check-control, :where([data-ui="bento"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
    box-shadow: 0 0 0 .16rem rgb(var(--bento-primary-rgb)/.18);
  }

  .bento-check input:checked+.bento-check-control:after, :where([data-ui="bento"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--bento-on-primary);
    font-size: .78rem;
    font-weight: 900;
    line-height: 1;
  }

  .bento-radio input:checked+.bento-radio-control:after, :where([data-ui="bento"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--bento-on-primary);
    border-radius: 50%;
    width: .48rem;
    height: .48rem;
  }

  .bento-switch, :where([data-ui="bento"]) .usk-switch, :where([data-ui="bento"]) .ui-switch {
    align-items: center;
    gap: var(--bento-space-3);
    color: var(--bento-text);
    cursor: pointer;
    display: inline-flex;
  }

  .bento-switch input, :where([data-ui="bento"]) .usk-switch input, :where([data-ui="bento"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .bento-switch-track, :where([data-ui="bento"]) .usk-switch-track, :where([data-ui="bento"]) .ui-switch-track {
    background: var(--bento-surface-soft);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-pill);
    width: 3rem;
    height: 1.6rem;
    box-shadow: inset 0 1px 3px rgb(var(--bento-text-rgb)/.12);
    transition: background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
    position: relative;
  }

  .bento-switch-thumb, :where([data-ui="bento"]) .usk-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb {
    background: var(--bento-surface-strong);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-sm);
    width: 1.15rem;
    height: 1.15rem;
    box-shadow: var(--bento-shadow-sm);
    transition: left var(--bento-transition-fast),background var(--bento-transition-fast);
    position: absolute;
    top: .16rem;
    left: .16rem;
  }

  .bento-switch input:checked+.bento-switch-track, :where([data-ui="bento"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
  }

  .bento-switch input:checked+.bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--bento-on-primary);
    left: calc(100% - 1.31rem);
  }

  .bento-badge, :where([data-ui="bento"]) .usk-badge, :where([data-ui="bento"]) .ui-badge {
    align-items: center;
    gap: var(--bento-space-1);
    background: var(--bento-tile-secondary-bg);
    min-height: 1.75rem;
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-sm);
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.62);
    padding: .38rem .72rem;
    font-size: .8125rem;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
  }

  .bento-badge-primary, :where([data-ui="bento"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
    border-color: var(--bento-primary);
  }

  .bento-badge-secondary, :where([data-ui="bento"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: rgb(var(--bento-primary-rgb)/.1);
    color: var(--usk-primary-ink, var(--bento-primary));
    border-color: #0000;
  }

  .bento-badge-success, :where([data-ui="bento"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) {
    background: rgb(var(--bento-success-rgb)/.14);
    color: var(--bento-text);
    border-color: #0000;
  }

  .bento-badge-warning, :where([data-ui="bento"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: rgb(var(--bento-warning-rgb)/.14);
    color: var(--bento-text);
    border-color: #0000;
  }

  .bento-badge-danger, :where([data-ui="bento"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: rgb(var(--bento-danger-rgb)/.14);
    color: var(--bento-danger);
    border-color: #0000;
  }

  .bento-nav, :where([data-ui="bento"]) .usk-nav, :where([data-ui="bento"]) .ui-nav {
    align-items: center;
    gap: var(--bento-space-2);
    padding: var(--bento-space-2);
    background: var(--bento-card-bg);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
    flex-wrap: wrap;
    display: flex;
  }

  .bento-nav-link, :where([data-ui="bento"]) .usk-nav-link, :where([data-ui="bento"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--bento-text-muted);
    border-radius: var(--bento-control-radius);
    transition: color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .6rem 1rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
  }

  .bento-nav-link:hover, :where([data-ui="bento"]) .usk-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover {
    color: var(--bento-text);
    background: var(--bento-surface-soft);
  }

  .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .usk-nav-link[aria-current="page"], :where([data-ui="bento"]) .usk-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active {
    color: var(--bento-on-primary);
    background: var(--bento-primary);
  }

  .bento-tooltip, [data-ui="bento"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="bento"]) .usk-tooltip, :where([data-ui="bento"]) .ui-tooltip {
    background: var(--bento-text);
    max-inline-size: 16rem;
    color: var(--bento-bg);
    border: 1px solid rgb(var(--bento-border-rgb)/.7);
    border-radius: var(--bento-radius-md);
    box-shadow: 0 .75rem 1.6rem rgb(var(--bento-text-rgb)/.24);
    align-items: center;
    gap: .45rem;
    padding: .6rem .8rem;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.35;
    display: inline-flex;
  }

  .bento-tooltip-arrow {
    border-radius: var(--bento-radius-xs);
    opacity: .9;
    background: currentColor;
    flex: none;
    block-size: .6rem;
    inline-size: .6rem;
    transform: rotate(45deg);
  }

  .bento-progress, :where([data-ui="bento"]) .usk-progress, :where([data-ui="bento"]) .ui-progress {
    background: linear-gradient(90deg,rgb(var(--bento-surface-soft-rgb)/.86),rgb(var(--bento-primary-rgb)/.08));
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-pill);
    width: 100%;
    height: .6rem;
    box-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);
    overflow: hidden;
  }

  .bento-progress-bar, :where([data-ui="bento"]) .usk-progress-bar, :where([data-ui="bento"]) .ui-progress-bar {
    height: 100%;
    width: var(--bento-progress-value, 50%);
    background: var(--bento-primary);
    border-radius: inherit;
  }

  .bento-alert, :where([data-ui="bento"]) .usk-alert, :where([data-ui="bento"]) .ui-alert {
    gap: var(--bento-space-2);
    padding: var(--bento-space-5);
    background: var(--bento-tile-primary-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-shadow-sm);
    display: grid;
  }

  .bento-alert-success, :where([data-ui="bento"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) {
    background: linear-gradient(145deg,rgb(var(--bento-success-rgb)/.18),rgb(var(--bento-primary-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));
    border-color: rgb(var(--bento-success-rgb)/.28);
  }

  .bento-alert-warning, :where([data-ui="bento"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) {
    background: linear-gradient(145deg,rgb(var(--bento-warning-rgb)/.2),rgb(var(--bento-accent-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));
    border-color: rgb(var(--bento-warning-rgb)/.28);
  }

  .bento-alert-danger, :where([data-ui="bento"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) {
    background: linear-gradient(145deg,rgb(var(--bento-danger-rgb)/.18),rgb(var(--bento-accent-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));
    border-color: rgb(var(--bento-danger-rgb)/.28);
  }

  .bento-alert-title, :where([data-ui="bento"]) .usk-alert-title, :where([data-ui="bento"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .bento-alert-body, :where([data-ui="bento"]) .usk-alert-body, :where([data-ui="bento"]) .ui-alert-body {
    color: var(--bento-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .bento-table-wrap, :where([data-ui="bento"]) .usk-table-wrap, :where([data-ui="bento"]) .ui-table-wrap {
    overflow: auto;
  }

  .bento-table, :where([data-ui="bento"]) .usk-table, :where([data-ui="bento"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
  }

  .bento-table th, .bento-table td, :where([data-ui="bento"]) .usk-table th, :where([data-ui="bento"]) .usk-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--bento-tile-edge);
    padding: .95rem 1.1rem;
  }

  .bento-table th, :where([data-ui="bento"]) .usk-table th, :where([data-ui="bento"]) .ui-table th {
    color: var(--bento-text);
    text-transform: none;
    letter-spacing: 0;
    background: rgb(var(--bento-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 800;
  }

  .bento-table td, :where([data-ui="bento"]) .usk-table td, :where([data-ui="bento"]) .ui-table td {
    color: var(--bento-text-muted);
  }

  .bento-table tbody tr:nth-child(2n) td, :where([data-ui="bento"]) .usk-table tbody tr:nth-child(2n) td, :where([data-ui="bento"]) .ui-table tbody tr:nth-child(2n) td {
    background: rgb(var(--bento-accent-rgb)/.035);
  }

  .bento-table tr:hover td, :where([data-ui="bento"]) .usk-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td {
    background: rgb(var(--bento-primary-rgb)/.08);
  }

  .bento-text-primary {
    color: var(--usk-primary-ink, var(--bento-primary));
  }

  .bento-text-secondary {
    color: var(--bento-secondary);
  }

  .bento-text-accent {
    color: var(--usk-accent-ink, var(--bento-accent));
  }

  .bento-text-success {
    color: var(--bento-success);
  }

  .bento-text-warning {
    color: var(--bento-warning);
  }

  .bento-text-danger {
    color: var(--bento-danger);
  }

  .bento-bg-primary {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
  }

  .bento-bg-secondary {
    background: var(--bento-secondary);
    color: var(--bento-on-secondary);
  }

  .bento-border {
    border: 1px solid var(--bento-border);
  }

  .bento-rounded {
    border-radius: var(--bento-radius-md);
  }

  .bento-rounded-lg {
    border-radius: var(--bento-radius-lg);
  }

  .bento-rounded-xl {
    border-radius: var(--bento-radius-xl);
  }

  .bento-pill {
    border-radius: var(--bento-radius-pill);
  }

  .bento-sr-only, .bento-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .bento-skip-link {
    z-index: 9999;
    background: var(--bento-primary);
    color: var(--bento-on-primary);
    border-radius: var(--bento-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .bento-skip-link:focus {
    transform: translateY(0);
  }

  .bento-grid-feature {
    gap: var(--bento-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    grid-auto-rows: minmax(9rem, auto);
    display: grid;
    container-type: inline-size;
  }

  .bento-tile {
    min-height: 12rem;
    padding: var(--bento-space-6);
    background: var(--bento-tile-primary-bg);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
  }

  .bento-tile:nth-child(3n+2) {
    background: var(--bento-tile-accent-bg);
  }

  .bento-tile:nth-child(3n) {
    background: var(--bento-tile-secondary-bg);
  }

  .bento-tile, .bento-tile-lg, .bento-tile-md, .bento-tile-sm {
    grid-area: auto;
    min-inline-size: 0;
  }

  .bento-stat {
    gap: .25rem;
    display: grid;
  }

  .bento-stat-value {
    color: var(--usk-primary-ink, var(--bento-primary));
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 950;
    line-height: 1;
  }

  .bento-stat-label {
    color: var(--bento-text-muted);
    overflow-wrap: normal;
    word-break: normal;
    font-weight: 750;
  }

  @container (width >= 34rem) {
    .bento-tile-lg {
      grid-area: span 2 / span 2;
    }
  }

  .bento-spinner, .bento-loading-spinner, [data-ui="bento"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="bento"]) .usk-spinner, :where([data-ui="bento"]) .ui-spinner {
    border: .18rem solid rgb(var(--bento-border-rgb)/.44);
    border-block-start-color: var(--bento-spinner-stroke);
    border-inline-end-color: var(--bento-spinner-accent);
    border-radius: var(--bento-radius-md);
    background: conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0 / var(--bento-shadow-alpha));
    vertical-align: -.2em;
    animation: .9s steps(4, end) infinite bento-spin;
    display: inline-block;
  }

  .bento-spinner-sm {
    border-width: .12rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .bento-spinner-lg {
    border-width: .24rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="bento"]) .usk-button[aria-busy="true"], :where([data-ui="bento"]) .usk-icon-button[aria-busy="true"], :where([data-ui="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .usk-button[aria-busy="true"]:after, :where([data-ui="bento"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--bento-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite bento-spin;
    display: inline-block;
  }

  @keyframes bento-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .bento-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--bento-border-rgb)/.72);
    border-radius: var(--bento-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .bento-card-service {
    gap: var(--bento-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .bento-card-service > .bento-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .bento-card-service > .bento-card-media + .bento-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .bento-card-feature {
    gap: var(--bento-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .bento-card-accent-edge {
    border-inline-start: .35rem solid var(--bento-primary);
  }

  .bento-icon-medallion {
    background: var(--bento-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--bento-on-primary);
    border: 2px solid rgb(var(--bento-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .bento-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .bento-button.bento-button-cut, .bento-button-cut, :where([data-ui="bento"]) .usk-button.bento-button-cut, :where([data-ui="bento"]) .ui-button.bento-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .bento-button.bento-button-cut:focus-visible, .bento-button-cut:focus-visible, :where([data-ui="bento"]) .usk-button.bento-button-cut:focus-visible, :where([data-ui="bento"]) .ui-button.bento-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .bento-button.bento-button-outline-heavy, .bento-button-outline-heavy, :where([data-ui="bento"]) .usk-button.bento-button-outline-heavy, :where([data-ui="bento"]) .ui-button.bento-button-outline-heavy {
    color: var(--usk-primary-ink, var(--bento-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--bento-primary);
    box-shadow: none;
    background: none;
  }

  .bento-button.bento-button-outline-heavy:hover, .bento-button-outline-heavy:hover, :where([data-ui="bento"]) .usk-button.bento-button-outline-heavy:hover, :where([data-ui="bento"]) .ui-button.bento-button-outline-heavy:hover {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
    border-color: var(--bento-primary-hover);
  }

  .bento-badge-seal {
    aspect-ratio: 1;
    background: var(--bento-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--bento-text);
    border: 2px solid var(--bento-primary);
    text-align: center;
    font-family: var(--bento-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .bento-feature-strip {
    background: var(--bento-card-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-border);
    border-radius: var(--bento-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .bento-feature-item {
    align-items: center;
    gap: var(--bento-space-3);
    min-inline-size: 0;
    padding: var(--bento-space-4);
    border-inline-end: 1px solid rgb(var(--bento-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .bento-feature-item:last-child {
    border-inline-end: 0;
  }

  .bento-feature-item > :where(p, small) {
    color: var(--bento-text-muted);
    margin: 0;
  }

  .bento-callout-bar {
    align-items: center;
    gap: var(--bento-space-4);
    padding: var(--bento-space-4) var(--bento-space-5);
    background: var(--bento-card-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-border);
    border-radius: var(--bento-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .bento-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .bento-callout-bar>:where(.bento-button,a,button):last-child, :where([data-ui="bento"]) .bento-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="bento"]) .bento-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .bento-eyebrow {
    color: var(--usk-primary-ink, var(--bento-primary));
    font-family: var(--bento-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .bento-media-scrim {
    isolation: isolate;
    background: var(--bento-surface-soft);
    border: 1px solid var(--bento-border);
    border-radius: var(--bento-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .bento-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .bento-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .bento-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .bento-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .bento-callout-bar>:where(.bento-button,a,button):last-child, :where([data-ui="bento"]) .bento-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="bento"]) .bento-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .bento-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--bento-border-rgb)/.62);
    }

    .bento-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .bento-card-service {
    background: var(--bento-tile-primary-bg);
    border-radius: var(--bento-tile-radius);
  }

  .bento-card-feature {
    background: var(--bento-tile-accent-bg);
    border-radius: var(--bento-tile-radius);
  }

  .bento-icon-medallion {
    background: rgb(var(--bento-primary-rgb)/.1);
    color: var(--usk-primary-ink, var(--bento-link));
    border: 1px solid rgb(var(--bento-primary-rgb)/.2);
    border-radius: var(--bento-radius-md);
    box-shadow: var(--bento-shadow-sm);
  }

  .bento-feature-strip {
    gap: var(--bento-space-3);
    padding: var(--bento-space-3);
  }

  .bento-feature-item {
    background: var(--bento-tile-primary-bg);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-radius-lg);
    box-shadow: var(--bento-shadow-sm);
  }

  .bento-feature-item:nth-child(3n+2) {
    background: var(--bento-tile-accent-bg);
  }

  .bento-feature-item:nth-child(3n) {
    background: var(--bento-tile-secondary-bg);
  }

  .bento-button.bento-button-cut, .bento-button-cut, :where([data-ui="bento"]) .usk-button.bento-button-cut, :where([data-ui="bento"]) .ui-button.bento-button-cut {
    border-radius: var(--bento-control-radius);
    clip-path: none;
    justify-content: center;
    justify-self: center;
    min-block-size: 2.75rem;
    inline-size: min(100%, 14rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .bento-button.bento-button-outline-heavy, .bento-button-outline-heavy, :where([data-ui="bento"]) .usk-button.bento-button-outline-heavy, :where([data-ui="bento"]) .ui-button.bento-button-outline-heavy {
    background: rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));
    color: var(--usk-primary-ink, var(--bento-text));
    border-width: 1px;
    border-color: rgb(var(--bento-primary-rgb)/.32);
    border-radius: var(--bento-control-radius);
    clip-path: none;
    box-shadow: var(--bento-shadow-sm);
  }

  .bento-card-service, .bento-media-scrim, .bento-feature-strip, .bento-callout-bar {
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
  }

  .bento-feature-strip {
    background: var(--bento-card-bg);
  }

  .bento-callout-bar {
    background: var(--bento-tile-secondary-bg);
  }

  .bento-grid-feature {
    padding: var(--bento-space-3);
    background: rgb(var(--bento-primary-rgb)/.055);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.55);
  }

  [data-ui="bento"][data-mode] :where(fieldset, article, aside) {
    background: var(--bento-card-bg);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
  }

  [data-ui="bento"][data-mode] :where(legend) {
    font-family: var(--bento-font-heading);
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] :where(label) {
    font-weight: 750;
  }

  [data-ui="bento"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    min-block-size: var(--usk-native-control-min-block-size);
    background-color: var(--bento-surface-strong);
    background-image: var(--bento-control-bg);
    color: var(--bento-text);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-control-radius);
    box-shadow: var(--bento-shadow-sm);
    font-family: var(--bento-font-control);
    padding: .7rem 1.1rem;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] :where(dialog) {
    background: var(--bento-card-bg);
    border: 1px solid var(--bento-tile-edge);
    border-radius: var(--bento-tile-radius);
    box-shadow: var(--bento-tile-shadow);
  }

  .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .usk-button[aria-busy="true"]:after, :where([data-ui="bento"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);
    box-shadow: inset 0 0 0 .12em rgb(var(--bento-surface-rgb)/.72);
    clip-path: inset(0 round .24em);
    border: .12em solid;
    border-radius: .24em;
    animation: .86s steps(4, end) infinite bento-spin;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="bento"] *, [data-ui="bento"] :before, [data-ui="bento"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="bento"] {
      --bento-border-alpha: 1;
      --bento-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="bento"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="bento"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="bento"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="bento"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="bento"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  [data-ui="bento"][data-mode] :is(.bento-input,.bento-textarea,.bento-select)[aria-invalid="true"], :where([data-ui="bento"])[data-mode] :is(.usk-input,.usk-textarea,.usk-select)[aria-invalid="true"], :where([data-ui="bento"])[data-mode] :is(.ui-input,.ui-textarea,.ui-select)[aria-invalid="true"] {
    border-color: var(--bento-danger);
    box-shadow: 0 0 0 2px rgb(var(--bento-danger-rgb)/.18);
  }

  [data-ui="bento"][data-mode] :is(.bento-input,.bento-textarea)[readonly], :where([data-ui="bento"])[data-mode] :is(.usk-input,.usk-textarea)[readonly], :where([data-ui="bento"])[data-mode] :is(.ui-input,.ui-textarea)[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  [data-ui="bento"][data-mode] {
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: 1.05rem;
    --usk-native-radius-sm: .625rem;
    --usk-native-radius: .75rem;
    --usk-native-radius-lg: 1.5rem;
    --usk-native-shadow: 0 .3rem .85rem rgb(var(--bento-text-rgb) / .1), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .68);
    --usk-native-shadow-md: 0 .85rem 2.2rem rgb(var(--bento-text-rgb) / .14), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .72);
    --usk-native-focus-ring: 0 0 0 .2rem rgb(var(--bento-focus-rgb) / .28);
    --usk-native-subcontrol-padding-block: .54rem;
    --usk-native-subcontrol-padding-inline: .84rem;
    --usk-native-choice-size: 1.25rem;
    --usk-native-choice-background: linear-gradient(145deg, rgb(var(--bento-primary-rgb) / .08), rgb(var(--bento-surface-strong-rgb) / .96));
    --usk-native-choice-border: 1px solid rgb(var(--bento-border-rgb) / .54);
    --usk-native-checkbox-radius: .375rem;
    --usk-native-choice-shadow: 0 .2rem .55rem rgb(var(--bento-text-rgb) / .12), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .78);
    --usk-native-choice-checked-background: linear-gradient(145deg, var(--bento-primary), var(--bento-primary-hover));
    --usk-native-select-indicator-size: .38rem .38rem, .38rem .38rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .6rem;
    --usk-native-range-track-background: linear-gradient(90deg, rgb(var(--bento-surface-soft-rgb) / .9), rgb(var(--bento-primary-rgb) / .12));
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--bento-primary), var(--bento-accent));
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-border: 1px solid rgb(var(--bento-primary-rgb) / .28);
    --usk-native-range-thumb-radius: .5rem;
    --usk-native-range-thumb-shadow: 0 .35rem .8rem rgb(var(--bento-text-rgb) / .18), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .78);
    --usk-native-progress-size: .6rem;
    --usk-native-progress-track-background: linear-gradient(90deg, rgb(var(--bento-surface-soft-rgb) / .92), rgb(var(--bento-primary-rgb) / .08));
    --usk-native-progress-track-border: 0 solid transparent;
    --usk-native-progress-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--bento-primary), var(--bento-accent));
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .32);
    --usk-native-scrollbar-size: .8rem;
    --usk-native-scrollbar-track: rgb(var(--bento-surface-soft-rgb) / .74);
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--bento-primary), var(--bento-primary-hover));
    --usk-native-scrollbar-radius: 999px;
  }

  .bento-title {
    letter-spacing: max(.018em, .5px);
    margin-block: .75rem;
    font-weight: 800;
  }

  .bento-label, :where([data-ui="bento"]) .usk-label, :where([data-ui="bento"]) .ui-label {
    font-size: .9rem;
    font-weight: 750;
  }

  .bento-button, .bento-icon-button, :where([data-ui="bento"]) .usk-button, :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button {
    background: var(--bento-control-bg);
    min-height: 2.75rem;
    box-shadow: var(--bento-shadow-sm);
    border-radius: .75rem;
    padding: .68rem 1.05rem;
    font-weight: 800;
  }

  .bento-icon-button, :where([data-ui="bento"]) .usk-icon-button, :where([data-ui="bento"]) .ui-icon-button {
    padding: 0;
  }

  .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .usk-input, :where([data-ui="bento"]) .usk-textarea, :where([data-ui="bento"]) .usk-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select {
    min-height: 2.75rem;
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);
    border-radius: .75rem;
    padding: .68rem 1rem;
  }

  .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .usk-card, :where([data-ui="bento"]) .usk-toolbar, :where([data-ui="bento"]) .usk-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap {
    background: var(--bento-card-bg);
    border: 1px solid var(--bento-tile-edge);
    box-shadow: var(--bento-tile-shadow);
    border-radius: 1.5rem;
  }

  .bento-card, .bento-panel, :where([data-ui="bento"]) .usk-card, :where([data-ui="bento"]) .ui-card {
    padding: 1.5rem;
  }

  .bento-card:nth-of-type(3n+2), .bento-panel:nth-of-type(3n+2), :where([data-ui="bento"]) .usk-card:nth-of-type(3n+2), :where([data-ui="bento"]) .ui-card:nth-of-type(3n+2) {
    background: var(--bento-tile-accent-bg);
  }

  .bento-card:nth-of-type(3n), .bento-panel:nth-of-type(3n), :where([data-ui="bento"]) .usk-card:nth-of-type(3n), :where([data-ui="bento"]) .ui-card:nth-of-type(3n) {
    background: var(--bento-tile-secondary-bg);
  }

  .bento-well, .bento-inset {
    background: var(--bento-tile-secondary-bg);
    border: 1px solid var(--bento-tile-edge);
    box-shadow: inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.74),inset 0-1px 2px rgb(var(--bento-text-rgb)/.08);
    border-radius: 1.125rem;
    padding: 1.25rem;
  }

  .bento-badge, :where([data-ui="bento"]) .usk-badge, :where([data-ui="bento"]) .ui-badge {
    border-radius: .625rem;
    min-height: 1.7rem;
    padding: .3rem .7rem;
  }

  .bento-alert, :where([data-ui="bento"]) .usk-alert, :where([data-ui="bento"]) .ui-alert {
    background: linear-gradient(145deg,rgb(var(--bento-primary-rgb)/.1),rgb(var(--bento-accent-rgb)/.055)),var(--bento-surface-strong);
    border: 1px solid var(--bento-tile-edge);
    box-shadow: var(--bento-shadow-sm);
    border-radius: 1.25rem;
  }

  .bento-progress, :where([data-ui="bento"]) .usk-progress, :where([data-ui="bento"]) .ui-progress {
    background: rgb(var(--bento-surface-soft-rgb)/.88);
    height: .6rem;
  }

  .bento-progress-bar, :where([data-ui="bento"]) .usk-progress-bar, :where([data-ui="bento"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent));
  }

  .bento-table-wrap, :where([data-ui="bento"]) .usk-table-wrap, :where([data-ui="bento"]) .ui-table-wrap {
    background: var(--bento-card-bg);
    box-shadow: var(--bento-tile-shadow);
    border-radius: 1.5rem;
  }

  .bento-table th, :where([data-ui="bento"]) .usk-table th, :where([data-ui="bento"]) .ui-table th {
    background: rgb(var(--bento-primary-rgb)/.08);
    padding: .95rem 1.1rem;
    font-weight: 800;
  }

  .bento-table td, :where([data-ui="bento"]) .usk-table td, :where([data-ui="bento"]) .ui-table td {
    padding: .95rem 1.1rem;
  }

  .bento-nav, :where([data-ui="bento"]) .usk-nav, :where([data-ui="bento"]) .ui-nav {
    box-shadow: var(--bento-shadow-sm);
    border-radius: 1rem;
    padding: .35rem;
  }

  .bento-nav-link, :where([data-ui="bento"]) .usk-nav-link, :where([data-ui="bento"]) .ui-nav-link {
    border-radius: .75rem;
    min-height: 2.5rem;
    padding: .6rem .9rem;
  }

  .bento-tooltip, [data-ui="bento"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="bento"]) .usk-tooltip, :where([data-ui="bento"]) .ui-tooltip {
    box-shadow: var(--bento-shadow-md);
    border-radius: .75rem;
  }

  .bento-card-service, .bento-card-feature, .bento-feature-strip, .bento-callout-bar {
    box-shadow: var(--bento-tile-shadow);
    border-radius: 1.5rem;
    padding: 1.5rem;
  }

  .bento-feature-item {
    border-radius: 1rem;
    padding: 1rem;
  }

  [data-ui="bento"][data-mode] :where(dialog) {
    background: var(--bento-card-bg);
    box-shadow: 0 1.25rem 3rem rgb(var(--bento-text-rgb)/.2),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);
    border-radius: 1.5rem;
  }

  .bento-button-primary, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
    border-color: var(--bento-primary);
  }

  .bento-button-secondary, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--bento-secondary);
    color: var(--bento-on-secondary);
    border-color: var(--bento-secondary);
  }

  .bento-button-danger, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--bento-danger);
    color: var(--bento-on-danger);
    border-color: var(--bento-danger);
  }

  .bento-button-ghost, :where([data-ui="bento"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--bento-primary));
    background: none;
    border-color: #0000;
  }

  .bento-feature-item > .bento-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .bento-callout-bar > .bento-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="bento"][data-mode] .bento-button.bento-button-warning, :where([data-ui="bento"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--bento-warning);
    color: var(--bento-on-warning);
    border-color: var(--bento-warning);
    text-shadow: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet *, [data-ui="bento"][data-mode] .bento-sheet :before, [data-ui="bento"][data-mode] .bento-sheet :after {
    box-sizing: border-box;
  }

  [data-ui="bento"][data-mode] .bento-sheet button, [data-ui="bento"][data-mode] .bento-sheet input, [data-ui="bento"][data-mode] .bento-sheet select, [data-ui="bento"][data-mode] .bento-sheet textarea {
    font: inherit;
  }

  [data-ui="bento"][data-mode] .bento-sheet button {
    color: inherit;
    cursor: pointer;
  }

  [data-ui="bento"][data-mode] .bento-sheet button:focus-visible, [data-ui="bento"][data-mode] .bento-sheet input:focus-visible, [data-ui="bento"][data-mode] .bento-sheet select:focus-visible, [data-ui="bento"][data-mode] .bento-sheet textarea:focus-visible, [data-ui="bento"][data-mode] .bento-sheet summary:focus-visible {
    outline: 2px solid var(--bento-mosaic-violet);
    outline-offset: 2px;
  }

  [data-ui="bento"][data-mode] .bento-sheet h1, [data-ui="bento"][data-mode] .bento-sheet h2, [data-ui="bento"][data-mode] .bento-sheet p {
    margin: 0;
  }

  [data-ui="bento"][data-mode] .bento-sheet h2 {
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-sheet svg {
    flex: none;
    display: block;
  }

  [data-ui="bento"][data-mode] .bento-stage {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-stage.is-export, [data-ui="bento"][data-mode] .bento-stage.is-export * {
    cursor: none !important;
    pointer-events: none !important;
  }

  [data-ui="bento"][data-mode] .bento-stage.is-export *, [data-ui="bento"][data-mode] .bento-stage.is-export :before, [data-ui="bento"][data-mode] .bento-stage.is-export :after {
    transition: none !important;
    animation: none !important;
  }

  [data-ui="bento"][data-mode] .bento-panel {
    background: var(--bento-mosaic-panel);
    border: 1px solid var(--bento-mosaic-line);
    box-shadow: var(--bento-mosaic-shadow);
    border-radius: 17px;
    min-height: 0;
    padding: 15px;
    overflow: visible;
  }

  [data-ui="bento"][data-mode] .bento-panel > header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 11px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-panel > header > svg {
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    width: 17px;
    height: 17px;
  }

  [data-ui="bento"][data-mode] .bento-sidebar {
    background: var(--bento-mosaic-panel);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 0 18px 18px 0;
    flex-direction: column;
    height: calc(100% - 12px);
    margin-block: 6px;
    padding: 20px 12px 12px;
    display: flex;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-sidebar {
    background: var(--bento-surface);
  }

  [data-ui="bento"][data-mode] .bento-brand {
    align-items: center;
    gap: 10px;
    padding: 0 8px 24px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-brand-mark {
    background: var(--bento-mosaic-primary-soft);
    border: 1px solid var(--bento-mosaic-primary);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-brand-mark svg {
    width: 18px;
    height: 18px;
  }

  [data-ui="bento"][data-mode] .bento-brand > span:last-child {
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-brand strong {
    font-size: 14px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-brand small {
    color: var(--bento-mosaic-muted);
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-sidebar nav {
    gap: 5px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-sidebar nav button {
    color: var(--bento-mosaic-muted);
    text-align: left;
    background: none;
    border: 0;
    border-radius: 9px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    font-size: 12px;
    font-weight: 650;
    transition: background-color .16s, color .16s, transform .16s;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-sidebar nav button svg {
    width: 17px;
    height: 17px;
  }

  [data-ui="bento"][data-mode] .bento-sidebar nav button:hover {
    background: var(--bento-mosaic-panel-soft);
    color: var(--bento-mosaic-text);
    transform: translateX(2px);
  }

  [data-ui="bento"][data-mode] .bento-sidebar nav button.is-active {
    background: var(--bento-mosaic-primary);
    box-shadow: 0 8px 20px var(--bento-mosaic-primary);
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-sidebar-spacer {
    flex: 1;
  }

  [data-ui="bento"][data-mode] .bento-sidebar-note {
    background: var(--bento-mosaic-primary-soft);
    border: 1px solid var(--bento-mosaic-primary);
    border-radius: 13px;
    min-height: 197px;
    padding: 18px 15px 8px;
    position: relative;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-sidebar-note strong {
    font-size: 12px;
    line-height: 1.55;
  }

  [data-ui="bento"][data-mode] .bento-sidebar-note p {
    color: var(--bento-mosaic-muted);
    max-width: 112px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.55;
  }

  [data-ui="bento"][data-mode] .bento-sidebar-note img {
    object-fit: contain;
    width: 132px;
    height: 108px;
    position: absolute;
    bottom: -24px;
    right: -24px;
  }

  [data-ui="bento"][data-mode] .bento-theme-toggle {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 12px;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 50px;
    margin-top: 10px;
    padding: 0 11px;
    font-size: 12px;
    font-weight: 700;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-theme-toggle > svg {
    width: 18px;
    height: 18px;
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span), :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span), :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span) {
    background: var(--bento-mosaic-line-strong);
    border: 1px solid var(--bento-mosaic-line-strong);
    border-radius: 999px;
    width: 37px;
    height: 20px;
    padding: 2px;
    transition: background-color .16s;
    display: inline-flex;
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span)>span, :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span)>span, :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)>span {
    background: var(--bento-on-primary);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    transition: transform .16s;
    display: block;
    transform: translateX(0);
    box-shadow: 0 1px 4px #131d4040;
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span)[aria-checked="true"], :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span)[aria-checked="true"], :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)[aria-checked="true"] {
    background: var(--bento-mosaic-primary);
    border-color: var(--bento-mosaic-primary);
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span)[aria-checked="true"]>span, :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span)[aria-checked="true"]>span, :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)[aria-checked="true"]>span {
    transform: translateX(17px);
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span).is-on, :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span).is-on, :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span).is-on {
    background: var(--bento-mosaic-primary);
    border-color: var(--bento-mosaic-primary);
  }

  [data-ui="bento"][data-mode] .bento-switch:where(button,span).is-on>span, :where([data-ui="bento"])[data-mode] .usk-switch:where(button,span).is-on>span, :where([data-ui="bento"])[data-mode] .ui-switch:where(button,span).is-on>span {
    transform: translateX(17px);
  }

  [data-ui="bento"][data-mode] .bento-switch:where(label), :where([data-ui="bento"])[data-mode] .usk-switch:where(label), :where([data-ui="bento"])[data-mode] .ui-switch:where(label) {
    align-items: center;
    gap: 8px;
    max-width: 100%;
    display: inline-flex;
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-switch:where(label)>span:last-child, :where([data-ui="bento"])[data-mode] .usk-switch:where(label)>span:last-child, :where([data-ui="bento"])[data-mode] .ui-switch:where(label)>span:last-child {
    overflow-wrap: normal;
    word-break: normal;
  }

  [data-ui="bento"][data-mode] .bento-switch-track, :where([data-ui="bento"])[data-mode] .usk-switch-track, :where([data-ui="bento"])[data-mode] .ui-switch-track {
    background: var(--bento-border);
    width: 37px;
    height: 20px;
    box-shadow: none;
    flex: 0 0 37px;
  }

  [data-ui="bento"][data-mode] .bento-switch-thumb, :where([data-ui="bento"])[data-mode] .usk-switch-thumb, :where([data-ui="bento"])[data-mode] .ui-switch-thumb {
    background: var(--bento-surface-strong);
    width: 14px;
    height: 14px;
    box-shadow: none;
    border: 0;
    border-radius: 50%;
    top: 2px;
    left: 2px;
  }

  [data-ui="bento"][data-mode] .bento-switch input:checked+.bento-switch-track, :where([data-ui="bento"])[data-mode] .usk-switch input:checked+.usk-switch-track, :where([data-ui="bento"])[data-mode] .ui-switch input:checked+.ui-switch-track {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
  }

  [data-ui="bento"][data-mode] .bento-switch input:checked+.bento-switch-track .bento-switch-thumb, :where([data-ui="bento"])[data-mode] .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="bento"])[data-mode] .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--bento-on-primary);
    left: calc(100% - 16px);
  }

  [data-ui="bento"][data-mode] .bento-switch input:focus-visible+.bento-switch-track, :where([data-ui="bento"])[data-mode] .usk-switch input:focus-visible+.usk-switch-track, :where([data-ui="bento"])[data-mode] .ui-switch input:focus-visible+.ui-switch-track {
    outline: 2px solid var(--bento-focus);
    outline-offset: 3px;
  }

  [data-ui="bento"][data-mode] .bento-switch input:disabled+.bento-switch-track, :where([data-ui="bento"])[data-mode] .usk-switch input:disabled+.usk-switch-track, :where([data-ui="bento"])[data-mode] .ui-switch input:disabled+.ui-switch-track {
    opacity: .5;
  }

  [data-ui="bento"][data-mode] .bento-canvas {
    grid-template-rows: 388px 286px 322px;
    gap: 8px;
    height: 1024px;
    padding: 6px 8px 6px 10px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-top-grid, [data-ui="bento"][data-mode] .bento-middle-grid, [data-ui="bento"][data-mode] .bento-bottom-grid {
    gap: 8px;
    min-height: 0;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-hero {
    background: var(--bento-mosaic-primary-soft);
    border-color: var(--bento-border);
    padding: 0;
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero {
    background: var(--bento-mosaic-primary-soft);
    border-color: var(--bento-border);
  }

  [data-ui="bento"][data-mode] .bento-hero-copy {
    z-index: 2;
    position: absolute;
    top: 55px;
    left: 40px;
  }

  [data-ui="bento"][data-mode] .bento-eyebrow {
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-hero h1 {
    letter-spacing: 0;
    margin: 11px 0 14px;
    font-size: 50px;
    font-weight: 850;
    line-height: 1.08;
  }

  [data-ui="bento"][data-mode] .bento-hero h1 span {
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
  }

  [data-ui="bento"][data-mode] .bento-hero p {
    color: var(--bento-mosaic-muted);
    max-width: 270px;
    font-size: 13px;
  }

  [data-ui="bento"][data-mode] .bento-inline-actions {
    gap: 10px;
    margin-top: 20px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-hero-art {
    object-fit: contain;
    object-position: center;
    z-index: 1;
    width: 420px;
    height: 345px;
    position: absolute;
    top: 20px;
    right: -30px;
    transform: rotate(-3deg);
  }

  [data-ui="bento"][data-mode] .bento-hero-art.is-dark, [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero-art.is-light {
    display: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero-art.is-dark {
    width: 300px;
    height: 300px;
    display: block;
    top: 40px;
    right: -10px;
  }

  [data-ui="bento"][data-mode] :is(.bento-button,.bento-icon-button), :where([data-ui="bento"])[data-mode] :is(.usk-button,.usk-icon-button), :where([data-ui="bento"])[data-mode] :is(.ui-button,.ui-icon-button) {
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 16px;
    font-weight: 750;
    transition: background-color .15s, border-color .15s, box-shadow .15s, transform .15s;
    display: inline-flex;
  }

  [data-ui="bento"][data-mode] :is(.bento-button,.bento-icon-button):where(:not(.bento-button-outline-heavy)), :where([data-ui="bento"])[data-mode] :is(.usk-button,.usk-icon-button):where(:not(.bento-button-outline-heavy)), :where([data-ui="bento"])[data-mode] :is(.ui-button,.ui-icon-button):where(:not(.bento-button-outline-heavy)) {
    background: var(--bento-mosaic-panel-soft);
  }

  [data-ui="bento"][data-mode] .bento-button:hover:not(:disabled), :where([data-ui="bento"])[data-mode] .usk-button:hover:not(:disabled), :where([data-ui="bento"])[data-mode] .ui-button:hover:not(:disabled) {
    transform: translateY(-1px);
  }

  [data-ui="bento"][data-mode] .bento-button:active:not(:disabled), :where([data-ui="bento"])[data-mode] .usk-button:active:not(:disabled), :where([data-ui="bento"])[data-mode] .ui-button:active:not(:disabled) {
    transform: translateY(1px);
  }

  [data-ui="bento"][data-mode] .bento-button.is-primary, [data-ui="bento"][data-mode] .bento-button.is-hover, [data-ui="bento"][data-mode] .bento-button.is-busy, :where([data-ui="bento"])[data-mode] .usk-button.is-primary, :where([data-ui="bento"])[data-mode] .usk-button.is-hover, :where([data-ui="bento"])[data-mode] .usk-button.is-busy, :where([data-ui="bento"])[data-mode] .ui-button.is-primary, :where([data-ui="bento"])[data-mode] .ui-button.is-hover, :where([data-ui="bento"])[data-mode] .ui-button.is-busy {
    background: var(--bento-mosaic-primary);
    border-color: var(--bento-mosaic-primary);
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-button.is-hover, :where([data-ui="bento"])[data-mode] .usk-button.is-hover, :where([data-ui="bento"])[data-mode] .ui-button.is-hover {
    background: var(--bento-mosaic-primary-hover);
    box-shadow: 0 8px 18px var(--bento-mosaic-primary);
  }

  [data-ui="bento"][data-mode] .bento-button.is-secondary, :where([data-ui="bento"])[data-mode] .usk-button.is-secondary, :where([data-ui="bento"])[data-mode] .ui-button.is-secondary {
    border-color: var(--bento-mosaic-primary);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    background: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-button.is-secondary, :where([data-ui="bento"])[data-mode] .bento-sheet[data-mode="dark"] .usk-button.is-secondary, :where([data-ui="bento"])[data-mode] .bento-sheet[data-mode="dark"] .ui-button.is-secondary {
    border-color: var(--bento-border);
    color: var(--bento-link);
  }

  [data-ui="bento"][data-mode] .bento-button.is-danger, :where([data-ui="bento"])[data-mode] .usk-button.is-danger, :where([data-ui="bento"])[data-mode] .ui-button.is-danger {
    background: var(--bento-mosaic-danger-soft);
    border-color: var(--bento-mosaic-danger);
    color: var(--bento-mosaic-danger);
  }

  [data-ui="bento"][data-mode] .bento-button.is-ghost, :where([data-ui="bento"])[data-mode] .usk-button.is-ghost, :where([data-ui="bento"])[data-mode] .ui-button.is-ghost {
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    background: none;
    border-color: #0000;
  }

  [data-ui="bento"][data-mode] .bento-button:disabled, :where([data-ui="bento"])[data-mode] .usk-button:disabled, :where([data-ui="bento"])[data-mode] .ui-button:disabled {
    color: var(--bento-mosaic-faint);
    cursor: not-allowed;
    opacity: .62;
  }

  [data-ui="bento"][data-mode] .bento-actions {
    grid-template-rows: auto repeat(7, 1fr);
    gap: 5px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-actions header {
    margin-bottom: 2px;
  }

  [data-ui="bento"][data-mode] .bento-actions .bento-button, :where([data-ui="bento"])[data-mode] .bento-actions .usk-button, :where([data-ui="bento"])[data-mode] .bento-actions .ui-button {
    width: 100%;
    min-height: 0;
    padding-block: 0;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-system {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-system {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
  }

  [data-ui="bento"][data-mode] .bento-system > header {
    margin-bottom: 5px;
  }

  [data-ui="bento"][data-mode] .bento-system > header > svg {
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-system > p {
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-live-dot {
    background: var(--bento-success);
    border-radius: 50%;
    width: 7px;
    height: 7px;
    display: inline-block;
  }

  [data-ui="bento"][data-mode] .bento-service-row {
    background: #ffffff17;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    grid-template-columns: 1fr 64px;
    align-items: center;
    gap: 8px;
    min-height: 61px;
    margin-bottom: 8px;
    padding: 9px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-service-row span {
    gap: 2px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-service-row strong, [data-ui="bento"][data-mode] .bento-service-row small {
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-service-row small {
    color: var(--bento-on-primary);
    font-weight: 700;
  }

  [data-ui="bento"][data-mode] .bento-system > small {
    color: var(--bento-on-primary);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-system > button {
    color: var(--bento-on-primary);
    background: none;
    border: 0;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
    font-weight: 750;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-system > button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bento"][data-mode] .bento-system progress, [data-ui="bento"][data-mode] .bento-usage progress, [data-ui="bento"][data-mode] .bento-usage-cell progress, [data-ui="bento"][data-mode] .bento-sliders progress {
    appearance: none;
    background: var(--bento-mosaic-line);
    border: 0;
    border-radius: 999px;
    width: 100%;
    height: 6px;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-system progress {
    background: #ffffff29;
  }

  [data-ui="bento"][data-mode] .bento-system progress::-webkit-progress-bar {
    background: inherit;
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-usage progress::-webkit-progress-bar {
    background: inherit;
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-usage-cell progress::-webkit-progress-bar {
    background: inherit;
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-sliders progress::-webkit-progress-bar {
    background: inherit;
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-system progress::-webkit-progress-value {
    background: var(--bento-success);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-system progress::-moz-progress-bar {
    background: var(--bento-success);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-metrics-stack, [data-ui="bento"][data-mode] .bento-utility-stack {
    gap: 8px;
    min-height: 0;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-metrics-stack {
    grid-template-rows: 1.55fr .95fr;
  }

  [data-ui="bento"][data-mode] .bento-usage, [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-usage {
    background: var(--bento-mosaic-warning-soft);
    border-color: var(--bento-warning);
  }

  [data-ui="bento"][data-mode] .bento-usage > header {
    margin-bottom: 3px;
  }

  [data-ui="bento"][data-mode] .bento-usage > header > svg {
    color: var(--bento-mosaic-warning);
  }

  [data-ui="bento"][data-mode] .bento-usage > strong {
    letter-spacing: 0;
    margin-top: 4px;
    font-size: 33px;
    line-height: 1.1;
    display: block;
  }

  [data-ui="bento"][data-mode] .bento-usage > span {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
    font-weight: 700;
    display: block;
  }

  [data-ui="bento"][data-mode] .bento-usage > div {
    align-items: center;
    gap: 8px;
    margin: 12px 0 10px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-usage > div small {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-usage progress::-webkit-progress-value {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-usage-cell progress::-webkit-progress-value {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-sliders progress::-webkit-progress-value {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-usage progress::-moz-progress-bar {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-usage-cell progress::-moz-progress-bar {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-sliders progress::-moz-progress-bar {
    background: var(--bento-mosaic-primary);
    border-radius: inherit;
  }

  [data-ui="bento"][data-mode] .bento-quota {
    background: var(--bento-mosaic-success-soft);
    border-color: var(--bento-success);
    grid-template-columns: 1fr 98px;
    align-items: center;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-quota {
    background: var(--bento-mosaic-success-soft);
    border-color: var(--bento-success);
  }

  [data-ui="bento"][data-mode] .bento-quota-copy {
    gap: 3px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-quota-copy strong {
    color: var(--bento-mosaic-success);
    letter-spacing: 0;
    font-size: 24px;
  }

  [data-ui="bento"][data-mode] .bento-quota-copy span {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-quota meter, [data-ui="bento"][data-mode] .bento-sliders meter {
    accent-color: var(--bento-mosaic-success);
    width: 100%;
    height: 13px;
  }

  [data-ui="bento"][data-mode] .bento-form-panel > header > span {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px 6px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-field, :where([data-ui="bento"])[data-mode] .usk-field, :where([data-ui="bento"])[data-mode] .ui-field {
    gap: 3px;
    min-width: 0;
    display: grid;
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-field.is-wide, :where([data-ui="bento"])[data-mode] .usk-field.is-wide, :where([data-ui="bento"])[data-mode] .ui-field.is-wide {
    width: 100%;
  }

  [data-ui="bento"][data-mode] .bento-field>span:first-child, :where([data-ui="bento"])[data-mode] .usk-field>span:first-child, :where([data-ui="bento"])[data-mode] .ui-field>span:first-child {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
    font-weight: 750;
  }

  [data-ui="bento"][data-mode] .bento-field input, [data-ui="bento"][data-mode] .bento-field select, [data-ui="bento"][data-mode] .bento-field textarea, [data-ui="bento"][data-mode] .bento-table-tools input, :where([data-ui="bento"])[data-mode] .usk-field input, :where([data-ui="bento"])[data-mode] .usk-field select, :where([data-ui="bento"])[data-mode] .usk-field textarea, :where([data-ui="bento"])[data-mode] .ui-field input, :where([data-ui="bento"])[data-mode] .ui-field select, :where([data-ui="bento"])[data-mode] .ui-field textarea {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line-strong);
    color: var(--bento-mosaic-text);
    border-radius: 6px;
    width: 100%;
    min-width: 0;
    height: 26px;
    padding: 0 7px;
  }

  [data-ui="bento"][data-mode] .bento-field input::placeholder, [data-ui="bento"][data-mode] .bento-field textarea::placeholder, [data-ui="bento"][data-mode] .bento-table-tools input::placeholder, :where([data-ui="bento"])[data-mode] .usk-field input::placeholder, :where([data-ui="bento"])[data-mode] .usk-field textarea::placeholder, :where([data-ui="bento"])[data-mode] .ui-field input::placeholder, :where([data-ui="bento"])[data-mode] .ui-field textarea::placeholder {
    color: var(--bento-mosaic-faint);
  }

  [data-ui="bento"][data-mode] .bento-field textarea, :where([data-ui="bento"])[data-mode] .usk-field textarea, :where([data-ui="bento"])[data-mode] .ui-field textarea {
    resize: none;
    height: 32px;
    padding-top: 6px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon {
    display: block;
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-input-icon > svg {
    color: var(--bento-mosaic-muted);
    pointer-events: none;
    z-index: 1;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: 7px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon > input {
    padding-left: 24px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon.is-end > input {
    padding-left: 7px;
    padding-right: 26px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon.is-end > button {
    z-index: 2;
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 7px;
  }

  [data-ui="bento"][data-mode] .bento-field input[type="color"], :where([data-ui="bento"])[data-mode] .usk-field input[type="color"], :where([data-ui="bento"])[data-mode] .ui-field input[type="color"] {
    padding: 2px;
  }

  [data-ui="bento"][data-mode] .bento-file input {
    opacity: 0;
    z-index: 2;
    height: 26px;
    position: absolute;
    top: 12px;
  }

  [data-ui="bento"][data-mode] .bento-file > span:last-child {
    background: var(--bento-mosaic-panel-soft);
    border: 1px dashed var(--bento-mosaic-line-strong);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 26px;
    font-size: 12px;
    font-weight: 750;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-file > span:last-child svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bento"][data-mode] .bento-choices fieldset {
    border: 0;
    margin: 0 0 7px;
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-choices legend {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-choices fieldset > label, [data-ui="bento"][data-mode] .bento-switch-row {
    color: var(--bento-mosaic-muted);
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-choices input[type="checkbox"], [data-ui="bento"][data-mode] .bento-choices input[type="radio"] {
    accent-color: var(--bento-mosaic-primary);
    width: 15px;
    height: 15px;
    margin: 0;
  }

  [data-ui="bento"][data-mode] .bento-switch-row {
    background: none;
    border: 0;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-switch-row:disabled {
    opacity: .48;
  }

  [data-ui="bento"][data-mode] .bento-sliders > label {
    gap: 5px;
    margin-bottom: 13px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-sliders > label > span {
    color: var(--bento-mosaic-muted);
    justify-content: space-between;
    font-size: 12px;
    font-weight: 700;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-sliders output {
    color: var(--bento-mosaic-text);
  }

  [data-ui="bento"][data-mode] .bento-sliders input[type="range"] {
    accent-color: var(--bento-mosaic-primary);
    width: 100%;
    height: 7px;
    margin: 0;
  }

  [data-ui="bento"][data-mode] .bento-stepper, :where([data-ui="bento"])[data-mode] .usk-stepper, :where([data-ui="bento"])[data-mode] .ui-stepper {
    justify-content: space-between;
    align-items: center;
    margin: 3px 0 13px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-stepper>span, :where([data-ui="bento"])[data-mode] .usk-stepper>span, :where([data-ui="bento"])[data-mode] .ui-stepper>span {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line-strong);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-stepper>span.is-complete, [data-ui="bento"][data-mode] .bento-stepper>span.is-current, :where([data-ui="bento"])[data-mode] .usk-stepper>span.is-complete, :where([data-ui="bento"])[data-mode] .usk-stepper>span.is-current, :where([data-ui="bento"])[data-mode] .ui-stepper>span.is-complete, :where([data-ui="bento"])[data-mode] .ui-stepper>span.is-current {
    background: var(--bento-mosaic-primary);
    border-color: var(--bento-mosaic-primary);
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-stepper>span svg, :where([data-ui="bento"])[data-mode] .usk-stepper>span svg, :where([data-ui="bento"])[data-mode] .ui-stepper>span svg {
    width: 10px;
    height: 10px;
  }

  [data-ui="bento"][data-mode] .bento-stepper>i, :where([data-ui="bento"])[data-mode] .usk-stepper>i, :where([data-ui="bento"])[data-mode] .ui-stepper>i {
    background: var(--bento-mosaic-line-strong);
    width: 23px;
    height: 2px;
  }

  [data-ui="bento"][data-mode] .bento-segment, :where([data-ui="bento"])[data-mode] .usk-segment, :where([data-ui="bento"])[data-mode] .ui-segment {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 7px;
    grid-template-columns: repeat(3, 1fr);
    padding: 2px;
    display: grid;
  }

  [data-ui="bento"][data-mode] button.bento-segment, :where([data-ui="bento"])[data-mode] button.usk-segment, :where([data-ui="bento"])[data-mode] button.ui-segment {
    grid-template-columns: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  [data-ui="bento"][data-mode] button.bento-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.usk-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.ui-segment[aria-pressed="true"] {
    background: var(--usk-native-primary);
    color: var(--usk-native-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-segment button, :where([data-ui="bento"])[data-mode] .usk-segment button, :where([data-ui="bento"])[data-mode] .ui-segment button {
    color: var(--bento-mosaic-muted);
    background: none;
    border: 0;
    border-radius: 5px;
    min-height: 24px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-segment button.is-active, :where([data-ui="bento"])[data-mode] .usk-segment button.is-active, :where([data-ui="bento"])[data-mode] .ui-segment button.is-active {
    background: var(--bento-mosaic-panel-raised);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    font-weight: 800;
    box-shadow: 0 2px 8px #1823481a;
  }

  [data-ui="bento"][data-mode] .bento-badges {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 11px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-status {
    background: var(--bento-mosaic-primary-soft);
    border: 1px solid var(--bento-mosaic-primary);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    white-space: nowrap;
    border-radius: 5px;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
  }

  [data-ui="bento"][data-mode] .bento-status.is-violet {
    background: var(--bento-mosaic-violet-soft);
    color: var(--bento-mosaic-violet);
  }

  [data-ui="bento"][data-mode] .bento-status.is-success {
    background: var(--bento-mosaic-success-soft);
    color: var(--bento-mosaic-success);
  }

  [data-ui="bento"][data-mode] .bento-status.is-warning {
    background: var(--bento-mosaic-warning-soft);
    color: var(--bento-mosaic-warning);
  }

  [data-ui="bento"][data-mode] .bento-status.is-danger {
    background: var(--bento-mosaic-danger-soft);
    color: var(--bento-mosaic-danger);
  }

  [data-ui="bento"][data-mode] .bento-status.is-info {
    background: var(--bento-mosaic-info-soft);
    color: var(--bento-mosaic-info);
  }

  [data-ui="bento"][data-mode] .bento-alert, [data-ui="bento"][data-mode] .bento-toast, :where([data-ui="bento"])[data-mode] .usk-alert, :where([data-ui="bento"])[data-mode] .usk-toast, :where([data-ui="bento"])[data-mode] .ui-alert, :where([data-ui="bento"])[data-mode] .ui-toast {
    border: 1px solid;
    border-radius: 9px;
    align-items: flex-start;
    gap: 8px;
    min-height: 66px;
    margin-bottom: 7px;
    padding: 10px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-alert, :where([data-ui="bento"])[data-mode] .usk-alert, :where([data-ui="bento"])[data-mode] .ui-alert {
    background: var(--bento-mosaic-danger-soft);
    border-color: var(--bento-mosaic-danger);
    color: var(--bento-mosaic-danger);
  }

  [data-ui="bento"][data-mode] .bento-toast, :where([data-ui="bento"])[data-mode] .usk-toast, :where([data-ui="bento"])[data-mode] .ui-toast {
    background: var(--bento-mosaic-success-soft);
    border-color: var(--bento-mosaic-success);
    color: var(--bento-mosaic-success);
  }

  [data-ui="bento"][data-mode] .bento-alert>svg, [data-ui="bento"][data-mode] .bento-toast>svg, :where([data-ui="bento"])[data-mode] .usk-alert>svg, :where([data-ui="bento"])[data-mode] .usk-toast>svg, :where([data-ui="bento"])[data-mode] .ui-alert>svg, :where([data-ui="bento"])[data-mode] .ui-toast>svg {
    width: 16px;
    height: 16px;
    margin-top: 1px;
  }

  [data-ui="bento"][data-mode] .bento-alert>span, [data-ui="bento"][data-mode] .bento-toast>span, :where([data-ui="bento"])[data-mode] .usk-alert>span, :where([data-ui="bento"])[data-mode] .usk-toast>span, :where([data-ui="bento"])[data-mode] .ui-alert>span, :where([data-ui="bento"])[data-mode] .ui-toast>span {
    flex: 1;
    gap: 3px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-alert strong, [data-ui="bento"][data-mode] .bento-toast strong, :where([data-ui="bento"])[data-mode] .usk-alert strong, :where([data-ui="bento"])[data-mode] .usk-toast strong, :where([data-ui="bento"])[data-mode] .ui-alert strong, :where([data-ui="bento"])[data-mode] .ui-toast strong {
    color: var(--bento-mosaic-text);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-alert small, [data-ui="bento"][data-mode] .bento-toast small, :where([data-ui="bento"])[data-mode] .usk-alert small, :where([data-ui="bento"])[data-mode] .usk-toast small, :where([data-ui="bento"])[data-mode] .ui-alert small, :where([data-ui="bento"])[data-mode] .ui-toast small {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-alert button, [data-ui="bento"][data-mode] .bento-toast button, :where([data-ui="bento"])[data-mode] .usk-alert button, :where([data-ui="bento"])[data-mode] .usk-toast button, :where([data-ui="bento"])[data-mode] .ui-alert button, :where([data-ui="bento"])[data-mode] .ui-toast button {
    color: var(--bento-mosaic-muted);
    background: none;
    border: 0;
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-alert button svg, [data-ui="bento"][data-mode] .bento-toast button svg, :where([data-ui="bento"])[data-mode] .usk-alert button svg, :where([data-ui="bento"])[data-mode] .usk-toast button svg, :where([data-ui="bento"])[data-mode] .ui-alert button svg, :where([data-ui="bento"])[data-mode] .ui-toast button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bento"][data-mode] .bento-utility-stack {
    grid-template-rows: 1fr 1fr;
  }

  [data-ui="bento"][data-mode] .bento-tooltip, [data-ui="bento"][data-mode] .ui-tooltip, [data-ui="bento"][data-mode] .bento-loading, :where([data-ui="bento"])[data-mode] .usk-tooltip, :where([data-ui="bento"])[data-mode] .ui-tooltip {
    padding: 13px;
  }

  [data-ui="bento"][data-mode] .bento-tooltip>header, [data-ui="bento"][data-mode] .bento-loading>header, :where([data-ui="bento"])[data-mode] .usk-tooltip>header, :where([data-ui="bento"])[data-mode] .ui-tooltip>header {
    margin-bottom: 7px;
  }

  [data-ui="bento"][data-mode] .bento-tooltip, :where([data-ui="bento"])[data-mode] .usk-tooltip, :where([data-ui="bento"])[data-mode] .ui-tooltip {
    z-index: 4;
    position: relative;
    overflow: visible;
  }

  [data-ui="bento"][data-mode] .bento-tooltip>button, :where([data-ui="bento"])[data-mode] .usk-tooltip>button, :where([data-ui="bento"])[data-mode] .ui-tooltip>button {
    background: var(--bento-mosaic-primary-soft);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-tooltip>button svg, :where([data-ui="bento"])[data-mode] .usk-tooltip>button svg, :where([data-ui="bento"])[data-mode] .ui-tooltip>button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bento"][data-mode] .bento-tooltip [role="tooltip"], :where([data-ui="bento"])[data-mode] .usk-tooltip [role="tooltip"], :where([data-ui="bento"])[data-mode] .ui-tooltip [role="tooltip"] {
    background: var(--bento-tooltip-bg);
    border: 1px solid var(--bento-border);
    color: var(--bento-on-primary);
    border-radius: 7px;
    width: 102px;
    padding: 9px;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    bottom: 11px;
    left: 41px;
  }

  [data-ui="bento"][data-mode] .bento-loading {
    grid-template-rows: auto 1fr;
    grid-template-columns: 40px 1fr;
    align-items: center;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-loading > header {
    width: 100%;
  }

  [data-ui="bento"][data-mode] .bento-spinner, :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
    color: var(--usk-primary-ink, var(--bento-link));
    width: 31px;
    height: 31px;
  }

  [data-ui="bento"][data-mode] .bento-spin {
    animation: 1s linear infinite bento-mosaic-spin;
  }

  @keyframes bento-mosaic-spin {
    to {
      transform: rotate(360deg);
    }
  }

  [data-ui="bento"][data-mode] .bento-skeleton, :where([data-ui="bento"])[data-mode] .usk-skeleton, :where([data-ui="bento"])[data-mode] .ui-skeleton {
    gap: 5px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-skeleton span, :where([data-ui="bento"])[data-mode] .usk-skeleton span, :where([data-ui="bento"])[data-mode] .ui-skeleton span {
    background: var(--bento-mosaic-line);
    border-radius: 999px;
    height: 6px;
    animation: 1.5s ease-in-out infinite bento-mosaic-pulse;
    display: block;
  }

  [data-ui="bento"][data-mode] .bento-skeleton span:nth-child(2), :where([data-ui="bento"])[data-mode] .usk-skeleton span:nth-child(2), :where([data-ui="bento"])[data-mode] .ui-skeleton span:nth-child(2) {
    width: 76%;
  }

  [data-ui="bento"][data-mode] .bento-skeleton span:nth-child(3), :where([data-ui="bento"])[data-mode] .usk-skeleton span:nth-child(3), :where([data-ui="bento"])[data-mode] .ui-skeleton span:nth-child(3) {
    width: 54%;
  }

  @keyframes bento-mosaic-pulse {
    50% {
      opacity: .45;
    }
  }

  [data-ui="bento"][data-mode] .bento-table-panel {
    grid-template-rows: auto 1fr auto;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > header {
    margin-bottom: 9px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > header > div:first-child {
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > header > div:first-child > span {
    color: var(--bento-mosaic-muted);
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-table-tools {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-table-tools label {
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-table-tools label > svg {
    color: var(--bento-mosaic-muted);
    width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: 7px;
  }

  [data-ui="bento"][data-mode] .bento-table-tools input {
    width: 92px;
    height: 25px;
    padding-left: 23px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-table-tools > button, [data-ui="bento"][data-mode] .bento-table-panel td > button {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding: 0;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-table-tools > button svg, [data-ui="bento"][data-mode] .bento-table-panel td > button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bento"][data-mode] .bento-table-wrap, :where([data-ui="bento"])[data-mode] .usk-table-wrap, :where([data-ui="bento"])[data-mode] .ui-table-wrap {
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 9px;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-table-panel table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel thead {
    background: var(--bento-mosaic-panel-soft);
  }

  [data-ui="bento"][data-mode] .bento-table-panel th, [data-ui="bento"][data-mode] .bento-table-panel td {
    border-bottom: 1px solid var(--bento-mosaic-line);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 43px;
    padding: 0 8px;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th {
    color: var(--bento-mosaic-muted);
    text-transform: uppercase;
    height: 32px;
    font-size: 12px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:first-child {
    width: 68px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(3) {
    width: 58px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(4) {
    width: 80px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(5) {
    width: 118px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(6) {
    width: 94px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(7) {
    width: 30px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel tbody tr:last-child td {
    border-bottom: 0;
  }

  [data-ui="bento"][data-mode] .bento-table-panel .bento-status {
    min-height: 20px;
    padding-inline: 6px;
  }

  [data-ui="bento"][data-mode] .bento-usage-cell {
    grid-template-columns: 27px 1fr;
    align-items: center;
    gap: 7px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-usage-cell b {
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > footer {
    color: var(--bento-mosaic-muted);
    justify-content: space-between;
    align-items: center;
    padding-top: 9px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > footer nav {
    gap: 4px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > footer nav button {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > footer nav button.is-active {
    background: var(--bento-mosaic-primary-soft);
    border-color: var(--bento-mosaic-primary);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-service-card {
    flex-direction: column;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-service-card > header {
    justify-content: flex-start;
    align-items: center;
  }

  [data-ui="bento"][data-mode] .bento-service-icon {
    background: var(--bento-mosaic-primary-soft);
    border: 1px solid var(--bento-mosaic-primary);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-service-icon svg {
    width: 22px;
    height: 22px;
  }

  [data-ui="bento"][data-mode] .bento-service-card > header > div {
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-service-card > header .bento-status {
    min-height: 18px;
    padding-inline: 5px;
  }

  [data-ui="bento"][data-mode] .bento-service-card > p {
    color: var(--bento-mosaic-muted);
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.55;
  }

  [data-ui="bento"][data-mode] .bento-service-card dl {
    border-block: 1px solid var(--bento-mosaic-line);
    margin: 0 0 8px;
    padding: 8px 0;
  }

  [data-ui="bento"][data-mode] .bento-service-card dl > div {
    justify-content: space-between;
    margin-bottom: 4px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-service-card dl > div:last-child {
    margin-bottom: 0;
  }

  [data-ui="bento"][data-mode] .bento-service-card dt {
    color: var(--bento-mosaic-muted);
  }

  [data-ui="bento"][data-mode] .bento-service-card dd {
    margin: 0;
  }

  [data-ui="bento"][data-mode] .bento-listbox, :where([data-ui="bento"])[data-mode] .usk-listbox, :where([data-ui="bento"])[data-mode] .ui-listbox {
    background: var(--bento-mosaic-panel-soft);
    border: 1px solid var(--bento-mosaic-line);
    border-radius: 8px;
    margin-bottom: 8px;
    display: grid;
    overflow: hidden;
  }

  [data-ui="bento"][data-mode] .bento-listbox button, :where([data-ui="bento"])[data-mode] .usk-listbox button, :where([data-ui="bento"])[data-mode] .ui-listbox button {
    border: 0;
    border-bottom: 1px solid var(--bento-mosaic-line);
    text-align: left;
    background: none;
    justify-content: space-between;
    align-items: center;
    min-height: 27px;
    padding: 0 8px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-listbox button:last-child, :where([data-ui="bento"])[data-mode] .usk-listbox button:last-child, :where([data-ui="bento"])[data-mode] .ui-listbox button:last-child {
    border-bottom: 0;
  }

  [data-ui="bento"][data-mode] .bento-listbox button[aria-selected="true"], :where([data-ui="bento"])[data-mode] .usk-listbox button[aria-selected="true"], :where([data-ui="bento"])[data-mode] .ui-listbox button[aria-selected="true"] {
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-listbox button svg, :where([data-ui="bento"])[data-mode] .usk-listbox button svg, :where([data-ui="bento"])[data-mode] .ui-listbox button svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bento"][data-mode] .bento-service-card details {
    color: var(--bento-mosaic-muted);
    margin-bottom: 8px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-service-card summary {
    color: var(--bento-mosaic-text);
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    font-weight: 800;
    list-style: none;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-service-card summary svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bento"][data-mode] .bento-service-card details p {
    margin-top: 4px;
  }

  [data-ui="bento"][data-mode] .bento-service-card>.bento-button, :where([data-ui="bento"])[data-mode] .bento-service-card>.usk-button, :where([data-ui="bento"])[data-mode] .bento-service-card>.ui-button {
    width: 100%;
    min-height: 30px;
    margin-top: auto;
  }

  [data-ui="bento"][data-mode] .bento-dialog-zone {
    background: var(--bento-primary);
    border-color: var(--bento-primary);
    grid-template-rows: auto 1fr;
    padding: 0;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-dialog-zone {
    background: var(--bento-primary);
    border-color: var(--bento-border);
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar {
    border-bottom: 1px solid #ffffff26;
    justify-content: space-between;
    align-items: center;
    padding: 7px 11px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs {
    gap: 3px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button, [data-ui="bento"][data-mode] .bento-dialog-toolbar>button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button {
    color: var(--bento-on-primary);
    background: none;
    border: 0;
    border-radius: 6px;
    min-height: 26px;
    padding: 0 8px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
    color: var(--bento-on-primary);
    background: #ffffff21;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface {
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface dialog {
    background: var(--bento-mosaic-panel-raised);
    border: 1px solid var(--bento-mosaic-line);
    box-shadow: var(--bento-mosaic-shadow-raised);
    color: var(--bento-mosaic-text);
    border-radius: 14px;
    width: 100%;
    max-width: 315px;
    margin: 0;
    padding: 26px;
    display: block;
    position: relative;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface dialog:not([open]) {
    display: none;
  }

  [data-ui="bento"][data-mode] .bento-dialog-close {
    color: var(--bento-mosaic-muted);
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    right: 13px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-close svg {
    width: 15px;
    height: 15px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-icon {
    background: var(--bento-mosaic-primary-soft);
    color: var(--usk-primary-ink, var(--bento-mosaic-primary));
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin-bottom: 13px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-dialog-icon svg {
    width: 21px;
    height: 21px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface h2 {
    font-size: 15px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface p {
    color: var(--bento-mosaic-muted);
    margin: 9px 0 18px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface dialog > div {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface .bento-button, :where([data-ui="bento"])[data-mode] .bento-dialog-surface .usk-button, :where([data-ui="bento"])[data-mode] .bento-dialog-surface .ui-button {
    min-height: 33px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-live-status, [data-ui="bento"][data-mode] .bento-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="bento"][data-mode] .bento-sheet *, [data-ui="bento"][data-mode] .bento-sheet :before, [data-ui="bento"][data-mode] .bento-sheet :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  [data-ui="bento"][data-mode="light"] {
    --bento-fallback-bg-rgb: 248 249 253;
    --bento-fallback-surface-rgb: 255 255 255;
    --bento-fallback-surface-strong-rgb: 255 255 255;
    --bento-fallback-surface-soft-rgb: 242 244 251;
    --bento-fallback-text-rgb: 17 20 62;
    --bento-fallback-text-muted-rgb: 97 105 128;
    --bento-fallback-border-rgb: 223 228 239;
    --bento-fallback-primary-rgb: 49 87 220;
    --bento-fallback-primary-hover-rgb: 70 99 212;
    --bento-fallback-primary-text-rgb: 255 255 255;
    --bento-fallback-secondary-rgb: 105 94 220;
    --bento-fallback-secondary-hover-rgb: 91 82 201;
    --bento-fallback-secondary-text-rgb: 255 255 255;
    --bento-fallback-accent-rgb: 105 94 220;
    --bento-fallback-accent-text-rgb: 255 255 255;
    --bento-fallback-success-rgb: 53 168 103;
    --bento-fallback-success-text-rgb: 0 0 0;
    --bento-fallback-warning-rgb: 215 144 15;
    --bento-fallback-warning-text-rgb: 0 0 0;
    --bento-fallback-danger-rgb: 223 77 74;
    --bento-fallback-danger-text-rgb: 0 0 0;
    --bento-fallback-link-rgb: 49 87 220;
    --bento-fallback-focus-rgb: 49 87 220;
    --bento-success-ink: rgb(var(--usk-success-rgb, 30 122 72));
  }

  [data-ui="bento"][data-mode="dark"] {
    --bento-fallback-bg-rgb: 7 17 31;
    --bento-fallback-surface-rgb: 12 26 43;
    --bento-fallback-surface-strong-rgb: 19 36 58;
    --bento-fallback-surface-soft-rgb: 16 34 56;
    --bento-fallback-text-rgb: 244 245 244;
    --bento-fallback-text-muted-rgb: 173 184 205;
    --bento-fallback-border-rgb: 32 54 76;
    --bento-fallback-primary-rgb: 43 94 226;
    --bento-fallback-primary-hover-rgb: 70 103 210;
    --bento-fallback-primary-text-rgb: 255 255 255;
    --bento-fallback-secondary-rgb: 122 107 233;
    --bento-fallback-secondary-hover-rgb: 148 136 248;
    --bento-fallback-secondary-text-rgb: 0 0 0;
    --bento-fallback-accent-rgb: 122 107 233;
    --bento-fallback-accent-text-rgb: 0 0 0;
    --bento-fallback-success-rgb: 84 196 123;
    --bento-fallback-success-text-rgb: 0 0 0;
    --bento-fallback-warning-rgb: 228 166 38;
    --bento-fallback-warning-text-rgb: 0 0 0;
    --bento-fallback-danger-rgb: 240 100 100;
    --bento-fallback-danger-text-rgb: 0 0 0;
    --bento-fallback-link-rgb: 105 169 240;
    --bento-fallback-focus-rgb: 122 107 233;
    --bento-success-ink: var(--bento-success);
  }

  [data-ui="bento"][data-mode] .bento-sheet {
    --bento-panel-alpha: 1;
    --bento-panel-soft-alpha: 1;
    --bento-border-alpha: 1;
    --bento-tile-radius: 17px;
    --bento-control-radius: 8px;
    --bento-card-bg: var(--bento-surface);
    --bento-control-bg: var(--bento-surface-soft);
    --bento-tile-accent-bg: var(--bento-surface);
    --bento-tile-secondary-bg: var(--bento-surface);
    --bento-tile-edge: var(--bento-border);
    --bento-tile-shadow: 0 3px 12px rgb(var(--bento-text-rgb) / .04);
    --bento-mosaic-panel: var(--bento-surface);
    --bento-mosaic-panel-soft: var(--bento-surface-soft);
    --bento-mosaic-panel-raised: var(--bento-surface-strong);
    --bento-mosaic-line: var(--bento-border);
    --bento-mosaic-line-strong: var(--bento-border);
    --bento-mosaic-text: var(--bento-text);
    --bento-mosaic-muted: var(--bento-text-muted);
    --bento-mosaic-faint: var(--bento-text-muted);
    --bento-mosaic-primary: var(--bento-primary);
    --bento-mosaic-primary-hover: var(--bento-primary-hover);
    --bento-mosaic-primary-soft: rgb(var(--bento-primary-rgb) / .1);
    --bento-mosaic-violet: var(--bento-secondary);
    --bento-mosaic-violet-soft: rgb(var(--bento-secondary-rgb) / .1);
    --bento-mosaic-success: var(--bento-success);
    --bento-mosaic-success-soft: rgb(var(--bento-success-rgb) / .1);
    --bento-mosaic-warning: var(--bento-warning);
    --bento-mosaic-warning-soft: rgb(var(--bento-warning-rgb) / .1);
    --bento-mosaic-danger: var(--bento-danger);
    --bento-mosaic-danger-soft: rgb(var(--bento-danger-rgb) / .1);
    --bento-mosaic-info: var(--bento-link);
    --bento-mosaic-info-soft: rgb(var(--bento-link-rgb) / .1);
    --bento-mosaic-shadow: var(--bento-tile-shadow);
    --bento-mosaic-shadow-raised: 0 12px 32px rgb(var(--bento-text-rgb) / .12);
    --bento-tooltip-bg: var(--bento-text);
    --bento-tooltip-text: var(--bento-surface);
    --usk-native-radius-sm: 6px;
    --usk-native-radius: 8px;
    --usk-native-radius-lg: 17px;
    --usk-native-shadow: var(--bento-mosaic-shadow);
    --usk-native-shadow-md: var(--bento-mosaic-shadow-raised);
    --usk-native-choice-background: var(--bento-surface-soft);
    --usk-native-choice-shadow: none;
    --usk-native-choice-checked-background: var(--bento-primary);
    --usk-native-checkbox-radius: 4px;
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-track-background: var(--bento-border);
    --usk-native-range-progress-background: var(--bento-primary);
    --usk-native-progress-track-background: var(--bento-border);
    --usk-native-progress-value-background: var(--bento-primary);
  }

  [data-ui="bento"][data-mode] .bento-title, [data-ui="bento"][data-mode] .bento-heading, [data-ui="bento"][data-mode] .bento-kicker {
    letter-spacing: 0;
  }

  [data-ui="bento"][data-mode] .bento-card, [data-ui="bento"][data-mode] .bento-surface, [data-ui="bento"][data-mode] .bento-toolbar, [data-ui="bento"][data-mode] .bento-card-service, [data-ui="bento"][data-mode] .bento-card-feature, [data-ui="bento"][data-mode] .bento-feature-strip, [data-ui="bento"][data-mode] .bento-callout-bar, :where([data-ui="bento"])[data-mode] .usk-card, :where([data-ui="bento"])[data-mode] .usk-toolbar, :where([data-ui="bento"])[data-mode] .ui-card, :where([data-ui="bento"])[data-mode] .ui-toolbar {
    box-shadow: var(--bento-mosaic-shadow);
    border-radius: 17px;
  }

  [data-ui="bento"][data-mode] .bento-card, [data-ui="bento"][data-mode] .bento-panel, :where([data-ui="bento"])[data-mode] .usk-card, :where([data-ui="bento"])[data-mode] .ui-card {
    padding: 16px;
  }

  [data-ui="bento"][data-mode] .bento-button, [data-ui="bento"][data-mode] .bento-icon-button, :where([data-ui="bento"])[data-mode] .usk-button, :where([data-ui="bento"])[data-mode] .usk-icon-button, :where([data-ui="bento"])[data-mode] .ui-button, :where([data-ui="bento"])[data-mode] .ui-icon-button {
    box-shadow: none;
    text-shadow: none;
    border-radius: 8px;
    font-weight: 750;
  }

  [data-ui="bento"][data-mode] .bento-button:where(:not([data-ui-variant])):not(:is(.bento-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.bento-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.bento-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.bento-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.bento-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.bento-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover) {
    background: var(--bento-surface-soft);
  }

  [data-ui="bento"][data-mode] .bento-button.bento-button-primary, [data-ui="bento"][data-mode] .bento-button.is-primary, [data-ui="bento"][data-mode] .bento-button.is-busy, :where([data-ui="bento"])[data-mode] .usk-button.usk-button:where([data-ui-variant="primary"]), :where([data-ui="bento"])[data-mode] .usk-button.is-primary, :where([data-ui="bento"])[data-mode] .usk-button.is-busy, :where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="primary"]), :where([data-ui="bento"])[data-mode] .ui-button.is-primary, :where([data-ui="bento"])[data-mode] .ui-button.is-busy {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
    border-color: var(--bento-primary);
  }

  [data-ui="bento"][data-mode] .bento-button.bento-button-secondary, [data-ui="bento"][data-mode] .bento-button.is-secondary, :where([data-ui="bento"])[data-mode] .usk-button.usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bento"])[data-mode] .usk-button.is-secondary, :where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="secondary"]), :where([data-ui="bento"])[data-mode] .ui-button.is-secondary {
    color: var(--bento-link);
    border-color: var(--bento-primary);
    background: none;
  }

  [data-ui="bento"][data-mode] .bento-button.bento-button-danger, [data-ui="bento"][data-mode] .bento-button.is-danger, :where([data-ui="bento"])[data-mode] .usk-button.usk-button:where([data-ui-variant="danger"]), :where([data-ui="bento"])[data-mode] .usk-button.is-danger, :where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="danger"]), :where([data-ui="bento"])[data-mode] .ui-button.is-danger {
    background: var(--bento-mosaic-danger-soft);
    color: var(--bento-text);
    border-color: var(--bento-danger);
  }

  [data-ui="bento"][data-mode] .bento-button.bento-button-ghost, [data-ui="bento"][data-mode] .bento-button.is-ghost, :where([data-ui="bento"])[data-mode] .usk-button.usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bento"])[data-mode] .usk-button.is-ghost, :where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="ghost"]), :where([data-ui="bento"])[data-mode] .ui-button.is-ghost {
    color: var(--bento-link);
    background: none;
    border-color: #0000;
  }

  [data-ui="bento"][data-mode] .bento-button.is-hover, :where([data-ui="bento"])[data-mode] .usk-button.is-hover, :where([data-ui="bento"])[data-mode] .ui-button.is-hover {
    background: var(--bento-primary-hover);
    color: var(--bento-on-primary);
    box-shadow: 0 3px 10px rgb(var(--bento-primary-rgb)/.2);
  }

  [data-ui="bento"][data-mode] .bento-input, [data-ui="bento"][data-mode] .bento-textarea, [data-ui="bento"][data-mode] .bento-select, :where([data-ui="bento"])[data-mode] .usk-input, :where([data-ui="bento"])[data-mode] .usk-textarea, :where([data-ui="bento"])[data-mode] .usk-select, :where([data-ui="bento"])[data-mode] .ui-input, :where([data-ui="bento"])[data-mode] .ui-textarea, :where([data-ui="bento"])[data-mode] .ui-select {
    background-color: var(--bento-surface-soft);
    box-shadow: none;
    border-radius: 6px;
  }

  [data-ui="bento"][data-mode] .bento-badge, :where([data-ui="bento"])[data-mode] .usk-badge, :where([data-ui="bento"])[data-mode] .ui-badge {
    box-shadow: none;
    border-radius: 5px;
  }

  [data-ui="bento"][data-mode] .bento-alert, [data-ui="bento"][data-mode] .bento-toast, :where([data-ui="bento"])[data-mode] .usk-alert, :where([data-ui="bento"])[data-mode] .usk-toast, :where([data-ui="bento"])[data-mode] .ui-alert, :where([data-ui="bento"])[data-mode] .ui-toast {
    box-shadow: none;
    color: var(--bento-text);
    border-radius: 9px;
  }

  [data-ui="bento"][data-mode] .bento-alert, :where([data-ui="bento"])[data-mode] .usk-alert, :where([data-ui="bento"])[data-mode] .ui-alert {
    flex-wrap: wrap;
  }

  [data-ui="bento"][data-mode] .bento-alert :is(p,strong,small), :where([data-ui="bento"])[data-mode] .usk-alert :is(p,strong,small), :where([data-ui="bento"])[data-mode] .ui-alert :is(p,strong,small) {
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  [data-ui="bento"][data-mode] .bento-alert-title, :where([data-ui="bento"])[data-mode] .usk-alert-title, :where([data-ui="bento"])[data-mode] .ui-alert-title {
    flex: none;
    max-width: 100%;
  }

  [data-ui="bento"][data-mode] .bento-alert-body, :where([data-ui="bento"])[data-mode] .usk-alert-body, :where([data-ui="bento"])[data-mode] .ui-alert-body {
    flex: 12rem;
    min-width: 0;
  }

  [data-ui="bento"][data-mode] .bento-card-service > .bento-icon-medallion {
    font-size: 32px;
    line-height: 1;
  }

  [data-ui="bento"][data-mode] .bento-alert-success, :where([data-ui="bento"])[data-mode] .usk-alert:where([data-ui-variant="success"]), :where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="success"]) {
    background: var(--bento-mosaic-success-soft);
    border-color: var(--bento-success);
  }

  [data-ui="bento"][data-mode] .bento-alert-warning, :where([data-ui="bento"])[data-mode] .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="warning"]) {
    background: var(--bento-mosaic-warning-soft);
    border-color: var(--bento-warning);
  }

  [data-ui="bento"][data-mode] .bento-alert-danger, :where([data-ui="bento"])[data-mode] .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="danger"]) {
    background: var(--bento-mosaic-danger-soft);
    border-color: var(--bento-danger);
  }

  [data-ui="bento"][data-mode] .bento-alert-info {
    background: var(--bento-mosaic-info-soft);
    border-color: var(--bento-link);
  }

  [data-ui="bento"][data-mode] .bento-status {
    color: var(--bento-text);
  }

  [data-ui="bento"][data-mode] .bento-status.is-success, [data-ui="bento"][data-mode] .bento-status.is-warning, [data-ui="bento"][data-mode] .bento-status.is-danger, [data-ui="bento"][data-mode] .bento-status.is-info, [data-ui="bento"][data-mode] .bento-status.is-violet {
    color: var(--bento-text);
    border-color: currentColor;
  }

  [data-ui="bento"][data-mode] .bento-progress-bar, :where([data-ui="bento"])[data-mode] .usk-progress-bar, :where([data-ui="bento"])[data-mode] .ui-progress-bar {
    background: var(--bento-primary);
  }

  [data-ui="bento"][data-mode] .bento-table-wrap, :where([data-ui="bento"])[data-mode] .usk-table-wrap, :where([data-ui="bento"])[data-mode] .ui-table-wrap {
    box-shadow: none;
    border-radius: 9px;
  }

  [data-ui="bento"][data-mode] .bento-table th, :where([data-ui="bento"])[data-mode] .usk-table th, :where([data-ui="bento"])[data-mode] .ui-table th {
    background: var(--bento-surface-soft);
  }

  [data-ui="bento"][data-mode] .bento-table :is(th,td), :where([data-ui="bento"])[data-mode] .usk-table :is(th,td), :where([data-ui="bento"])[data-mode] .ui-table :is(th,td) {
    border-bottom: 1px solid var(--bento-border);
    padding: 12px;
  }

  [data-ui="bento"][data-mode] .bento-nav-link, :where([data-ui="bento"])[data-mode] .usk-nav-link, :where([data-ui="bento"])[data-mode] .ui-nav-link {
    border-radius: 9px;
  }

  [data-ui="bento"][data-mode] .bento-well, [data-ui="bento"][data-mode] .bento-inset {
    box-shadow: none;
    border-radius: 9px;
  }

  [data-ui="bento"][data-mode] :where(dialog) {
    box-shadow: var(--bento-mosaic-shadow-raised);
    border-radius: 14px;
  }

  [data-ui="bento"][data-mode] .bento-sheet {
    font: 14px/1.5 var(--bento-font-sans);
    color: var(--bento-text);
    background: var(--bento-bg);
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    padding: 8px;
    display: grid;
  }

  [data-ui="bento"][data-mode] .bento-sheet :is(h1, h2, h3, p, span, label, button) {
    letter-spacing: 0;
  }

  [data-ui="bento"][data-mode] .bento-sheet :is(h2, h3) {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
  }

  [data-ui="bento"][data-mode] .bento-sheet svg {
    width: 18px;
    height: 18px;
  }

  [data-ui="bento"][data-mode] .bento-sheet :is(button, a, input, select, textarea) {
    font-family: inherit;
  }

  [data-ui="bento"][data-mode] .bento-sheet button {
    box-shadow: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet :is(button, input, select, textarea):focus-visible {
    outline: 2px solid var(--bento-focus);
    outline-offset: 3px;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar {
    border-radius: 18px;
    gap: 16px;
    height: auto;
    margin: 0;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar-note {
    min-height: 0;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar-note p {
    max-width: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar nav button.is-active {
    box-shadow: none;
  }

  [data-ui="bento"][data-mode] .bento-canvas {
    grid-template-rows: auto;
    min-width: 0;
    height: auto;
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-top-grid {
    grid-template-columns: minmax(0, 2fr) minmax(160px, 1fr) minmax(180px, 1fr);
  }

  [data-ui="bento"][data-mode] .bento-middle-grid {
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  }

  [data-ui="bento"][data-mode] .bento-bottom-grid {
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr) minmax(0, 1.4fr);
  }

  [data-ui="bento"][data-mode] .bento-canvas :is(.bento-panel, .bento-metrics-stack, .bento-utility-stack) {
    min-width: 0;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-panel {
    color: var(--bento-text);
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-actions {
    background: var(--bento-surface);
    grid-template-rows: auto;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-button, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-button, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-button {
    min-height: 36px;
    padding: 8px 12px;
    font-size: 12px;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-system {
    background: var(--bento-primary);
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-system :is(header, h2, p, strong, small) {
    color: var(--bento-on-primary);
  }

  [data-ui="bento"][data-mode] .bento-metrics-stack {
    grid-column: 1 / -1;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-usage {
    background: var(--bento-mosaic-warning-soft);
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-quota {
    background: var(--bento-mosaic-success-soft);
  }

  [data-ui="bento"][data-mode] .bento-quota-copy strong {
    color: var(--bento-success-ink, var(--bento-success));
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-hero {
    background: var(--bento-mosaic-primary-soft);
    flex-direction: column;
    min-height: 360px;
    padding: 24px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-hero-copy {
    position: static;
  }

  [data-ui="bento"][data-mode] .bento-hero h1 {
    font-size: 32px;
  }

  [data-ui="bento"][data-mode] .bento-hero p {
    max-width: none;
  }

  [data-ui="bento"][data-mode] .bento-inline-actions {
    flex-wrap: wrap;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-hero-art {
    flex: 0 0 190px;
    width: 175px;
    height: 190px;
    margin: 12px auto 0;
    position: relative;
    inset: auto;
    overflow: hidden;
    transform: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-hero-art img {
    width: 1160px;
    max-width: none;
    height: auto;
    position: absolute;
    top: -55px;
    left: -380px;
  }

  [data-ui="bento"][data-mode] .bento-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  [data-ui="bento"][data-mode] .bento-field :is(input,select,textarea), [data-ui="bento"][data-mode] .bento-table-tools input, :where([data-ui="bento"])[data-mode] .usk-field :is(input,select,textarea), :where([data-ui="bento"])[data-mode] .ui-field :is(input,select,textarea) {
    height: auto;
    min-height: 36px;
    font-size: 13px;
  }

  [data-ui="bento"][data-mode] .bento-field textarea, :where([data-ui="bento"])[data-mode] .usk-field textarea, :where([data-ui="bento"])[data-mode] .ui-field textarea {
    resize: vertical;
    min-height: 72px;
    padding: 8px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon.is-end > button {
    top: 9px;
  }

  [data-ui="bento"][data-mode] .bento-input-icon.is-end > button svg {
    width: 18px;
    height: 18px;
  }

  [data-ui="bento"][data-mode] .bento-file {
    min-height: 60px;
  }

  [data-ui="bento"][data-mode] .bento-file input {
    cursor: pointer;
    height: 36px;
    top: 22px;
  }

  [data-ui="bento"][data-mode] .bento-file > span:last-child {
    height: 36px;
  }

  [data-ui="bento"][data-mode] .bento-file:focus-within {
    outline: 2px solid var(--bento-focus);
    outline-offset: 2px;
  }

  [data-ui="bento"][data-mode] .bento-choices fieldset > label {
    min-height: 28px;
  }

  [data-ui="bento"][data-mode] .bento-choices fieldset {
    box-shadow: none;
    background: none;
    border-radius: 0;
  }

  [data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"], [type="radio"]) {
    appearance: auto;
    box-shadow: none;
    background: none;
  }

  [data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"], [type="radio"]):before, [data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"], [type="radio"]):after {
    content: none;
  }

  [data-ui="bento"][data-mode] .bento-input-icon.is-end > button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 3px;
    top: 6px;
    right: 6px;
  }

  [data-ui="bento"][data-mode] :is(.bento-alert,.bento-toast) button, :where([data-ui="bento"])[data-mode] :is(.usk-alert,.usk-toast) button, :where([data-ui="bento"])[data-mode] :is(.ui-alert,.ui-toast) button {
    flex: 0 0 24px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    min-height: 24px;
    display: inline-flex;
  }

  [data-ui="bento"][data-mode] .bento-eyebrow, [data-ui="bento"][data-mode] .bento-file>span:last-child, [data-ui="bento"][data-mode] .bento-segment button.is-active, [data-ui="bento"][data-mode] .bento-listbox button[aria-selected="true"], :where([data-ui="bento"])[data-mode] .usk-segment button.is-active, :where([data-ui="bento"])[data-mode] .usk-listbox button[aria-selected="true"], :where([data-ui="bento"])[data-mode] .ui-segment button.is-active, :where([data-ui="bento"])[data-mode] .ui-listbox button[aria-selected="true"] {
    color: var(--bento-link);
  }

  [data-ui="bento"][data-mode] .bento-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
    background: var(--bento-surface);
    color: var(--bento-text);
  }

  [data-ui="bento"][data-mode] .bento-switch-row {
    min-height: 32px;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-switch:where(button,span), :where([data-ui="bento"])[data-mode] .bento-sheet .usk-switch:where(button,span), :where([data-ui="bento"])[data-mode] .bento-sheet .ui-switch:where(button,span) {
    flex: 0 0 37px;
    min-height: 20px;
    padding: 2px;
  }

  [data-ui="bento"][data-mode] .bento-segment button, :where([data-ui="bento"])[data-mode] .usk-segment button, :where([data-ui="bento"])[data-mode] .ui-segment button {
    min-height: 36px;
    padding: 4px;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-tooltip, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-tooltip, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-tooltip {
    background: var(--bento-surface);
    color: var(--bento-text);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 100px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-tooltip [role="tooltip"], :where([data-ui="bento"])[data-mode] .bento-sheet .usk-tooltip [role="tooltip"], :where([data-ui="bento"])[data-mode] .bento-sheet .ui-tooltip [role="tooltip"] {
    background: var(--bento-tooltip-bg);
    color: var(--bento-tooltip-text);
    border-radius: 7px;
    padding: 8px;
    position: static;
    transform: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-tooltip [role="tooltip"]:after, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-tooltip [role="tooltip"]:after, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-tooltip [role="tooltip"]:after {
    display: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-loading {
    flex-wrap: wrap;
    align-content: start;
    align-items: center;
    gap: 12px;
    min-height: 100px;
    display: flex;
  }

  [data-ui="bento"][data-mode] .bento-sheet :is(.bento-loading,.bento-tooltip)>header, :where([data-ui="bento"])[data-mode] .bento-sheet :is(.bento-loading,.usk-tooltip)>header, :where([data-ui="bento"])[data-mode] .bento-sheet :is(.bento-loading,.ui-tooltip)>header {
    flex: 0 0 100%;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-tooltip>button, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-tooltip>button, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-tooltip>button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-spinner, [data-ui="bento"][data-mode] .bento-loading-spinner, [data-ui="bento"][data-mode] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), [data-ui="bento"][data-mode] .bento-sheet .bento-spinner, :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-spinner {
    clip-path: none;
    box-shadow: none;
    width: 28px;
    height: 28px;
    background: none;
    border: 2px solid;
    border-top-color: #0000;
    border-radius: 50%;
    flex: none;
    block-size: 28px;
    inline-size: 28px;
    animation: 1s linear infinite bento-mosaic-spin;
  }

  [data-ui="bento"][data-mode] .bento-spinner, [data-ui="bento"][data-mode] .bento-loading-spinner, [data-ui="bento"][data-mode] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
    color: var(--usk-primary-ink, var(--bento-link));
  }

  [data-ui="bento"][data-mode] .bento-spinner-sm {
    width: 16px;
    height: 16px;
    block-size: 16px;
    inline-size: 16px;
  }

  [data-ui="bento"][data-mode] .bento-spinner-lg {
    width: 40px;
    height: 40px;
    block-size: 40px;
    inline-size: 40px;
  }

  [data-ui="bento"][data-mode] :is(.bento-button,.bento-icon-button)[aria-busy="true"]:after, [data-ui="bento"][data-mode] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"])[data-mode] :is(.usk-button,.usk-icon-button)[aria-busy="true"]:after, :where([data-ui="bento"])[data-mode] :is(.ui-button,.ui-icon-button)[aria-busy="true"]:after {
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px solid;
    border-top-color: #0000;
    border-radius: 50%;
    animation: 1s linear infinite bento-mosaic-spin;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-spinner:before, [data-ui="bento"][data-mode] .bento-sheet .bento-spinner:after, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-spinner:before, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-spinner:after, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-spinner:before, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-spinner:after {
    content: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-skeleton, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-skeleton, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-skeleton {
    background: none;
    flex: 1;
    width: auto;
    min-width: 40px;
    height: auto;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-skeleton:after, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-skeleton:after, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-skeleton:after {
    content: none;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-table-panel {
    grid-column: 1;
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-table-wrap, :where([data-ui="bento"])[data-mode] .bento-sheet .usk-table-wrap, :where([data-ui="bento"])[data-mode] .bento-sheet .ui-table-wrap {
    background: var(--bento-surface);
    overflow: auto;
  }

  [data-ui="bento"][data-mode] .bento-table-panel table {
    table-layout: auto;
    min-width: 500px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel :is(th, td) {
    padding: 10px;
  }

  [data-ui="bento"][data-mode] .bento-table-panel th {
    background: var(--bento-surface-soft);
    color: var(--bento-text);
  }

  [data-ui="bento"][data-mode] .bento-table-panel th:nth-child(n) {
    width: auto;
  }

  [data-ui="bento"][data-mode] .bento-table-panel > header {
    flex-wrap: wrap;
    gap: 12px;
  }

  [data-ui="bento"][data-mode] .bento-table-tools, [data-ui="bento"][data-mode] .bento-table-tools input {
    width: 100%;
  }

  [data-ui="bento"][data-mode] .bento-listbox button, :where([data-ui="bento"])[data-mode] .usk-listbox button, :where([data-ui="bento"])[data-mode] .ui-listbox button {
    min-height: 36px;
    color: var(--bento-text);
  }

  [data-ui="bento"][data-mode] .bento-sheet .bento-dialog-zone {
    background: var(--bento-primary);
    padding: 0;
  }

  [data-ui="bento"][data-mode] .bento-dialog-toolbar {
    flex-wrap: wrap;
    gap: 8px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface {
    min-height: 280px;
    padding: 14px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface dialog {
    padding: 20px;
  }

  [data-ui="bento"][data-mode] .bento-dialog-surface dialog > div {
    flex-wrap: wrap;
  }

  [data-ui="bento"][data-mode] .bento-sheet [hidden] {
    display: none;
  }

  @media (min-width: 1800px) {
    [data-ui="bento"][data-mode] .bento-top-grid {
      grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    [data-ui="bento"][data-mode] .bento-metrics-stack {
      grid-column: auto;
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 1250px) {
    [data-ui="bento"][data-mode] .bento-sheet {
      grid-template-columns: 1fr;
    }

    [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar {
      flex-flow: wrap;
      align-items: center;
      padding: 12px;
    }

    [data-ui="bento"][data-mode] .bento-brand {
      padding: 0;
    }

    [data-ui="bento"][data-mode] .bento-sidebar nav {
      flex-wrap: wrap;
      display: flex;
    }

    [data-ui="bento"][data-mode] .bento-sidebar-spacer, [data-ui="bento"][data-mode] .bento-sidebar-note {
      display: none;
    }

    [data-ui="bento"][data-mode] .bento-theme-toggle {
      width: auto;
      margin: 0;
    }

    [data-ui="bento"][data-mode] .bento-bottom-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-ui="bento"][data-mode] .bento-sheet .bento-table-panel {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 800px) {
    [data-ui="bento"][data-mode] .bento-top-grid, [data-ui="bento"][data-mode] .bento-middle-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-ui="bento"][data-mode] .bento-hero, [data-ui="bento"][data-mode] .bento-form-panel {
      grid-column: 1 / -1;
    }

    [data-ui="bento"][data-mode] .bento-sheet .bento-hero {
      min-height: 0;
    }
  }

  @media (max-width: 520px) {
    [data-ui="bento"][data-mode] .bento-top-grid, [data-ui="bento"][data-mode] .bento-middle-grid, [data-ui="bento"][data-mode] .bento-bottom-grid, [data-ui="bento"][data-mode] .bento-metrics-stack, [data-ui="bento"][data-mode] .bento-form-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    [data-ui="bento"][data-mode] .bento-sheet .bento-hero {
      padding: 16px;
    }

    [data-ui="bento"][data-mode] .bento-sheet {
      padding: 4px;
    }

    [data-ui="bento"][data-mode] .bento-sheet .bento-sidebar nav button {
      width: auto;
    }
  }
}

[data-ui="bento"][data-mode] .bento-title {
  letter-spacing: max(.018em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="bento"][data-mode] .bento-feature-item > .bento-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="bento"][data-mode] .bento-callout-bar > .bento-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/maximalist.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --max-font-sans: "Arial Narrow", "Roboto Condensed", "Bahnschrift Condensed", "Aptos Narrow", Arial, ui-sans-serif, system-ui, sans-serif;
    --max-font-display: "Arial Narrow", "Roboto Condensed", "Bahnschrift Condensed", "Aptos Narrow", Arial, ui-sans-serif, system-ui, sans-serif;
    --max-font-body: var(--max-font-sans);
    --max-font-heading: var(--max-font-display);
    --max-font-control: var(--max-font-display);
    --max-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --max-radius-xs: 0;
    --max-radius-sm: 0;
    --max-radius-md: 0;
    --max-radius-lg: 0;
    --max-radius-xl: 0;
    --max-radius-pill: 999px;
    --max-space-1: .25rem;
    --max-space-2: .5rem;
    --max-space-3: .75rem;
    --max-space-4: 1rem;
    --max-space-5: 1.25rem;
    --max-space-6: 1.5rem;
    --max-space-8: 2rem;
    --max-transition-fast: .15s ease;
    --max-transition-base: .24s ease;
  }

  [data-ui="maximalist"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --max-fallback-bg-rgb: 244 237 218;
    --max-fallback-surface-rgb: 255 250 238;
    --max-fallback-surface-strong-rgb: 255 250 240;
    --max-fallback-surface-soft-rgb: 239 228 202;
    --max-fallback-text-rgb: 9 9 11;
    --max-fallback-text-muted-rgb: 86 80 74;
    --max-fallback-border-rgb: 9 9 11;
    --max-fallback-primary-rgb: 240 45 22;
    --max-fallback-primary-hover-rgb: 240 45 22;
    --max-fallback-primary-text-rgb: 9 9 11;
    --max-fallback-secondary-rgb: 16 190 213;
    --max-fallback-secondary-hover-rgb: 0 151 173;
    --max-fallback-secondary-text-rgb: 9 9 11;
    --max-fallback-accent-rgb: 94 22 216;
    --max-fallback-accent-text-rgb: 255 250 240;
    --max-fallback-success-rgb: 18 155 120;
    --max-fallback-success-text-rgb: 9 9 11;
    --max-fallback-warning-rgb: 255 210 10;
    --max-fallback-warning-text-rgb: 9 9 11;
    --max-fallback-danger-rgb: 238 23 99;
    --max-fallback-danger-text-rgb: 9 9 11;
    --max-fallback-link-rgb: 94 22 216;
    --max-fallback-focus-rgb: 94 22 216;
    --max-panel-alpha: 1;
    --max-panel-soft-alpha: 1;
    --max-border-alpha: 1;
    --max-shadow-alpha: 1;
    --max-focus-alpha: .68;
  }

  [data-ui="maximalist"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --max-fallback-bg-rgb: 10 11 13;
    --max-fallback-surface-rgb: 14 15 18;
    --max-fallback-surface-strong-rgb: 16 17 20;
    --max-fallback-surface-soft-rgb: 29 27 34;
    --max-fallback-text-rgb: 245 234 214;
    --max-fallback-text-muted-rgb: 200 186 169;
    --max-fallback-border-rgb: 241 227 204;
    --max-fallback-primary-rgb: 255 53 31;
    --max-fallback-primary-hover-rgb: 255 103 84;
    --max-fallback-primary-text-rgb: 9 9 11;
    --max-fallback-secondary-rgb: 24 212 232;
    --max-fallback-secondary-hover-rgb: 81 228 241;
    --max-fallback-secondary-text-rgb: 9 9 11;
    --max-fallback-accent-rgb: 129 44 244;
    --max-fallback-accent-text-rgb: 245 234 214;
    --max-fallback-success-rgb: 25 184 139;
    --max-fallback-success-text-rgb: 9 9 11;
    --max-fallback-warning-rgb: 255 218 25;
    --max-fallback-warning-text-rgb: 9 9 11;
    --max-fallback-danger-rgb: 255 40 110;
    --max-fallback-danger-text-rgb: 9 9 11;
    --max-fallback-link-rgb: 24 212 232;
    --max-fallback-focus-rgb: 255 218 25;
    --max-panel-alpha: 1;
    --max-panel-soft-alpha: 1;
    --max-border-alpha: 1;
    --max-shadow-alpha: 1;
    --max-focus-alpha: .74;
  }

  [data-ui="maximalist"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --max-fallback-bg-rgb: 0 0 0;
    --max-fallback-surface-rgb: 5 11 0;
    --max-fallback-surface-strong-rgb: 11 22 0;
    --max-fallback-surface-soft-rgb: 0 0 0;
    --max-fallback-text-rgb: 255 255 255;
    --max-fallback-text-muted-rgb: 244 255 232;
    --max-fallback-border-rgb: 255 255 255;
    --max-fallback-primary-rgb: 170 255 0;
    --max-fallback-primary-hover-rgb: 255 255 255;
    --max-fallback-primary-text-rgb: 0 0 0;
    --max-fallback-secondary-rgb: 0 240 255;
    --max-fallback-secondary-hover-rgb: 255 255 255;
    --max-fallback-secondary-text-rgb: 0 0 0;
    --max-fallback-accent-rgb: 204 255 0;
    --max-fallback-accent-text-rgb: 0 0 0;
    --max-fallback-success-rgb: 0 255 117;
    --max-fallback-success-text-rgb: 0 0 0;
    --max-fallback-warning-rgb: 255 225 0;
    --max-fallback-warning-text-rgb: 0 0 0;
    --max-fallback-danger-rgb: 255 48 48;
    --max-fallback-danger-text-rgb: 0 0 0;
    --max-fallback-link-rgb: 170 255 0;
    --max-fallback-focus-rgb: 255 255 255;
    --max-panel-alpha: 1;
    --max-panel-soft-alpha: .92;
    --max-border-alpha: 1;
    --max-shadow-alpha: .5;
    --max-focus-alpha: .72;
  }

  [data-ui="maximalist"][data-theme][data-mode] {
    --max-bg-rgb: var(--usk-bg-rgb);
    --max-surface-rgb: var(--usk-surface-rgb);
    --max-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --max-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --max-text-rgb: var(--usk-text-rgb);
    --max-text-muted-rgb: var(--usk-text-muted-rgb);
    --max-border-rgb: var(--usk-border-rgb);
    --max-primary-rgb: var(--usk-primary-rgb);
    --max-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --max-primary-text-rgb: var(--usk-primary-text-rgb);
    --max-secondary-rgb: var(--usk-secondary-rgb);
    --max-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --max-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --max-accent-rgb: var(--usk-accent-rgb);
    --max-accent-text-rgb: var(--usk-accent-text-rgb);
    --max-success-rgb: var(--usk-success-rgb);
    --max-success-text-rgb: var(--usk-success-text-rgb);
    --max-warning-rgb: var(--usk-warning-rgb);
    --max-warning-text-rgb: var(--usk-warning-text-rgb);
    --max-danger-rgb: var(--usk-danger-rgb);
    --max-danger-text-rgb: var(--usk-danger-text-rgb);
    --max-link-rgb: var(--usk-link-rgb);
    --max-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="maximalist"][data-mode] {
    --usk-native-bg: var(--max-bg);
    --max-bg-rgb: var(--usk-bg-rgb, var(--max-fallback-bg-rgb));
    --max-surface-rgb: var(--usk-surface-rgb, var(--max-fallback-surface-rgb));
    --max-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--max-fallback-surface-strong-rgb));
    --max-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--max-fallback-surface-soft-rgb));
    --max-text-rgb: var(--usk-text-rgb, var(--max-fallback-text-rgb));
    --max-text-muted-rgb: var(--usk-text-muted-rgb, var(--max-fallback-text-muted-rgb));
    --max-border-rgb: var(--usk-border-rgb, var(--max-fallback-border-rgb));
    --max-primary-rgb: var(--usk-primary-rgb, var(--max-fallback-primary-rgb));
    --max-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--max-fallback-primary-hover-rgb));
    --max-primary-text-rgb: var(--usk-primary-text-rgb, var(--max-fallback-primary-text-rgb));
    --max-secondary-rgb: var(--usk-secondary-rgb, var(--max-fallback-secondary-rgb));
    --max-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--max-fallback-secondary-hover-rgb));
    --max-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--max-fallback-secondary-text-rgb));
    --max-accent-rgb: var(--usk-accent-rgb, var(--max-fallback-accent-rgb));
    --max-accent-text-rgb: var(--usk-accent-text-rgb, var(--max-fallback-accent-text-rgb));
    --max-success-rgb: var(--usk-success-rgb, var(--max-fallback-success-rgb));
    --max-success-text-rgb: var(--usk-success-text-rgb, var(--max-fallback-success-text-rgb));
    --max-warning-rgb: var(--usk-warning-rgb, var(--max-fallback-warning-rgb));
    --max-warning-text-rgb: var(--usk-warning-text-rgb, var(--max-fallback-warning-text-rgb));
    --max-danger-rgb: var(--usk-danger-rgb, var(--max-fallback-danger-rgb));
    --max-danger-text-rgb: var(--usk-danger-text-rgb, var(--max-fallback-danger-text-rgb));
    --max-link-rgb: var(--usk-link-rgb, var(--max-fallback-link-rgb));
    --max-focus-rgb: var(--usk-focus-rgb, var(--max-fallback-focus-rgb));
    --usk-native-surface: var(--max-surface);
    --usk-native-surface-strong: var(--max-surface-strong);
    --usk-native-surface-soft: var(--max-surface-soft);
    --usk-native-card-bg: var(--max-card-bg);
    --usk-native-control-bg: var(--max-control-bg);
    --usk-native-text: var(--max-text);
    --usk-native-text-muted: var(--max-text-muted);
    --usk-native-border: var(--max-border);
    --usk-native-primary: var(--max-primary);
    --usk-native-primary-hover: var(--max-primary-hover);
    --usk-native-on-primary: var(--max-on-primary);
    --usk-native-secondary: var(--max-secondary);
    --usk-native-on-secondary: var(--max-on-secondary);
    --usk-native-accent: var(--max-accent);
    --usk-native-on-accent: var(--max-on-accent);
    --usk-native-on-success: var(--max-on-success);
    --usk-native-on-warning: var(--max-on-warning);
    --usk-native-on-danger: var(--max-on-danger);
    --usk-native-focus: var(--max-focus);
    --usk-native-success: var(--max-success);
    --usk-native-warning: var(--max-warning);
    --usk-native-danger: var(--max-danger);
    --usk-native-link: var(--max-link);
    --usk-native-font-body: var(--max-font-body);
    --usk-native-font-heading: var(--max-font-heading);
    --usk-native-font-control: var(--max-font-control);
    --usk-native-font-mono: var(--max-font-mono);
    --usk-native-radius-sm: var(--max-radius-sm);
    --usk-native-radius: var(--max-radius-md);
    --usk-native-radius-lg: var(--max-radius-lg);
    --usk-native-shadow: var(--max-shadow-sm, none);
    --usk-native-shadow-md: var(--max-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--max-focus-ring, 0 0 0 3px rgb(var(--max-focus-rgb) / .28));
    --usk-native-border-width: 2px;
    --usk-native-field-gap: .46rem;
    --usk-native-panel-padding: var(--max-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .62rem;
    --usk-native-control-padding-inline: .9rem;
    --usk-native-subcontrol-padding-block: .52rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.25rem;
    --usk-native-choice-background: var(--max-paper-bg);
    --usk-native-choice-border: 2px solid var(--max-ink);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb) / .72);
    --usk-native-choice-checked-background: var(--max-primary);
    --usk-native-choice-mark-color: var(--max-on-primary);
    --usk-native-select-indicator-image: linear-gradient(33deg, transparent 50%, var(--max-primary) 50%), linear-gradient(147deg, var(--max-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-select-indicator-position: calc(100% - 1.16rem) 50%, calc(100% - .84rem) 50%;
    --usk-native-select-padding-inline-end: 2.55rem;
    --usk-native-range-track-size: .72rem;
    --usk-native-range-track-background: var(--max-paper-bg);
    --usk-native-range-track-border: 2px solid var(--max-ink);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: .22rem .22rem 0 var(--max-ink);
    --usk-native-range-progress-background: var(--max-warning);
    --usk-native-range-thumb-size: 1.62rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px solid var(--max-ink);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb) / .8);
    --usk-native-progress-size: .95rem;
    --usk-native-progress-track-background: var(--max-paper-bg);
    --usk-native-progress-track-border: 2px solid var(--max-ink);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: .22rem .22rem 0 var(--max-ink);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, rgb(var(--max-text-rgb) / .28) 0 .08rem, transparent .08rem 2rem), linear-gradient(90deg, var(--max-warning), var(--max-accent), var(--max-primary));
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: .12rem 0 0 rgb(var(--max-text-rgb) / .36);
    --usk-native-meter-optimum-background: var(--max-success);
    --usk-native-meter-suboptimum-background: var(--max-warning);
    --usk-native-meter-critical-background: var(--max-danger);
    --usk-native-file-button-background: var(--max-primary);
    --usk-native-file-button-border: 2px solid var(--max-ink);
    --usk-native-file-button-radius: .12rem;
    --usk-native-file-button-shadow: .22rem .22rem 0 var(--max-ink);
    --usk-native-color-swatch-border: 2px solid var(--max-ink);
    --usk-native-color-swatch-radius: .12rem;
    --usk-native-indicator-opacity: .82;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-track: var(--max-surface-soft);
    --usk-native-scrollbar-thumb: var(--max-primary);
    --usk-native-scrollbar-radius: .12rem;
    --max-bg: rgb(var(--max-bg-rgb));
    --max-surface: rgb(var(--max-surface-rgb) / var(--max-panel-alpha));
    --max-surface-strong: rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));
    --max-surface-soft: rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));
    --max-text: rgb(var(--max-text-rgb));
    --max-text-muted: rgb(var(--max-text-muted-rgb));
    --max-fg: var(--max-text);
    --max-surface-fg: var(--max-text);
    --max-muted: var(--max-text-muted);
    --max-border: rgb(var(--max-border-rgb) / max(var(--max-border-alpha), var(--usk-border-min-alpha)));
    --max-control-fg: var(--max-text);
    --max-primary: rgb(var(--max-primary-rgb));
    --max-primary-hover: rgb(var(--max-primary-hover-rgb));
    --max-primary-text: rgb(var(--max-primary-text-rgb));
    --max-secondary: rgb(var(--max-secondary-rgb));
    --max-secondary-hover: rgb(var(--max-secondary-hover-rgb));
    --max-secondary-text: rgb(var(--max-secondary-text-rgb));
    --max-on-primary: var(--max-primary-text);
    --max-on-secondary: var(--max-secondary-text);
    --max-on-accent: rgb(var(--max-accent-text-rgb));
    --max-on-success: rgb(var(--max-success-text-rgb));
    --max-on-warning: rgb(var(--max-warning-text-rgb));
    --max-on-danger: rgb(var(--max-danger-text-rgb));
    --max-accent: rgb(var(--max-accent-rgb));
    --max-success: rgb(var(--max-success-rgb));
    --max-warning: rgb(var(--max-warning-rgb));
    --max-danger: rgb(var(--max-danger-rgb));
    --max-link: rgb(var(--max-link-rgb));
    --max-focus: rgb(var(--max-focus-rgb));
    --max-focus-ring: 0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));
    --max-ink: rgb(var(--max-text-rgb));
    --max-on-ink: rgb(var(--max-bg-rgb));
    --max-paper-wash: rgb(var(--max-warning-rgb) / .08);
    --max-paper-grain: radial-gradient(circle at 14% 18%, rgb(var(--max-text-rgb) / .055) 0 1px, transparent 1.4px), radial-gradient(circle at 72% 64%, rgb(var(--max-danger-rgb) / .07) 0 1px, transparent 1.5px);
    --max-paper-bg: var(--max-surface-strong);
    --max-poster-fill: var(--max-primary);
    --max-label-bg: var(--max-primary);
    --max-label-fg: var(--max-on-primary);
    --max-pop-shadow: 5px 5px 0 var(--max-ink);
    --max-sticker-shadow: 3px 3px 0 var(--max-ink);
    --max-shadow-sm: 3px 3px 0 var(--max-ink);
    --max-shadow-md: 5px 5px 0 var(--max-ink);
    --max-theme-bg-size: 9rem 9rem, 13rem 13rem, auto;
    --max-theme-bg: radial-gradient(circle at 16% 24%, rgb(var(--max-secondary-rgb) / .09) 0 1px, transparent 1.5px), radial-gradient(circle at 82% 68%, rgb(var(--max-danger-rgb) / .08) 0 1px, transparent 1.6px), var(--max-bg);
    --max-card-bg: var(--max-paper-grain), var(--max-surface);
    --max-control-bg: var(--max-surface-strong);
    --max-spinner-track: rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));
    --max-spinner-stroke: var(--max-primary);
    --max-spinner-accent: var(--max-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="maximalist"][data-mode] {
      --max-border: color-mix(in srgb, rgb(var(--max-border-rgb) / max(var(--max-border-alpha), var(--usk-border-min-alpha))), var(--max-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="maximalist"] {
    background: repeating-linear-gradient(135deg,rgb(var(--max-primary-rgb)/.12)0 1rem,transparent 1rem 2rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);
    color: var(--max-text);
    font-family: var(--max-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="maximalist"] *, [data-ui="maximalist"] :before, [data-ui="maximalist"] :after {
    box-sizing: border-box;
  }

  [data-ui="maximalist"][data-mode] {
    background: var(--max-theme-bg);
    background-size: var(--max-theme-bg-size);
  }

  .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .usk-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link {
    font-family: var(--max-font-heading);
    text-transform: uppercase;
  }

  .max-title {
    color: var(--max-text);
    letter-spacing: .015em;
    text-transform: uppercase;
    margin: 0;
    font-size: clamp(2.4rem, 7vw, 5.8rem);
    font-weight: 950;
    line-height: .86;
  }

  @supports (text-wrap: balance) {
    .max-title {
      text-wrap: balance;
    }
  }

  .max-heading {
    color: var(--max-text);
    letter-spacing: .02em;
    text-transform: uppercase;
    margin: 0;
    font-size: clamp(1.35rem, 3vw, 2.45rem);
    font-weight: 950;
    line-height: .95;
  }

  .max-kicker {
    background: var(--max-label-bg);
    width: fit-content;
    color: var(--max-label-fg);
    border: 2px solid var(--max-ink);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0;
    padding: .18rem .6rem;
    font-size: .8rem;
    font-weight: 950;
    display: inline-flex;
    transform: rotate(-1deg);
  }

  .max-subtitle, .max-copy {
    color: var(--max-text-muted);
    margin: 0;
    line-height: 1.5;
  }

  .max-text-muted {
    color: var(--max-text-muted);
  }

  .max-divider {
    background: var(--max-ink);
    width: 100%;
    height: 3px;
    box-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb)/.72);
    border: 0;
  }

  .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap {
    background: var(--max-card-bg);
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: var(--max-pop-shadow);
    transition: transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);
    position: relative;
  }

  .max-card, .max-panel, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .ui-card {
    padding: var(--max-space-6);
  }

  .max-toolbar, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--max-space-4);
    padding: var(--max-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .max-surface-sm {
    border-radius: var(--max-radius-md);
    box-shadow: var(--max-shadow-sm);
  }

  .max-surface-lg {
    border-radius: var(--max-radius-xl);
    box-shadow: var(--max-shadow-md);
  }

  .max-well, .max-inset {
    background: var(--max-paper-bg);
    color: var(--max-text);
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-md);
    padding: var(--max-space-5);
    box-shadow: .22rem .22rem 0 rgb(var(--max-primary-rgb)/.5);
  }

  .max-hover-lift:hover {
    box-shadow: .55rem .55rem 0 var(--max-ink);
    transform: translate(-3px, -3px) rotate(-.4deg);
  }

  .max-button, .max-icon-button, :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--max-space-2);
    background: var(--max-paper-bg);
    min-height: 2.75rem;
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .26rem .26rem 0 var(--max-ink);
    font: inherit;
    letter-spacing: .035em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-transform: uppercase;
    transition: color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);
    padding: .72rem 1.08rem;
    font-weight: 950;
    line-height: .95;
    text-decoration: none;
    display: inline-flex;
  }

  .max-button:hover, .max-icon-button:hover, :where([data-ui="maximalist"]) .usk-button:hover, :where([data-ui="maximalist"]) .usk-icon-button:hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover {
    border-color: var(--max-ink);
    box-shadow: .4rem .4rem 0 rgb(var(--max-secondary-rgb)/.76);
    transform: translate(-2px, -2px);
  }

  .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active, :where([data-ui="maximalist"]) .usk-button:active, :where([data-ui="maximalist"]) .usk-icon-button:active, :where([data-ui="maximalist"]) .usk-button[aria-pressed="true"], :where([data-ui="maximalist"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .usk-button.is-active, :where([data-ui="maximalist"]) .usk-icon-button.is-active, :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button.is-active, :where([data-ui="maximalist"]) .ui-icon-button.is-active {
    box-shadow: .12rem .12rem 0 var(--max-ink);
    transform: translate(.12rem, .12rem);
  }

  .max-button-primary:hover, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: linear-gradient(110deg,var(--max-primary-hover),var(--max-primary));
    border-color: var(--max-ink);
  }

  .max-button-secondary:hover, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--max-secondary-hover);
    border-color: var(--max-secondary-hover);
  }

  .max-button-ghost, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--max-text);
    box-shadow: none;
    background: none;
    border-style: dashed;
  }

  .max-icon-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-icon-button {
    border-radius: var(--max-radius-sm);
    width: 2.75rem;
    padding: 0;
  }

  .max-button:disabled, .max-icon-button:disabled, .max-disabled, :where([data-ui="maximalist"]) .usk-button:disabled, :where([data-ui="maximalist"]) .usk-icon-button:disabled, :where([data-ui="maximalist"]) .ui-button:disabled, :where([data-ui="maximalist"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .max-card, .max-panel, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .ui-card {
    background: var(--max-card-bg);
  }

  .max-toolbar, .max-table-wrap, .max-button:where(:not([data-ui-variant])):not(:is(.max-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.max-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.max-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.max-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.max-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.max-button-outline-heavy), .max-icon-button, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .ui-icon-button {
    background: var(--max-control-bg);
  }

  .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .usk-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link {
    font-family: var(--max-font-control);
  }

  .max-field, :where([data-ui="maximalist"]) .usk-field, :where([data-ui="maximalist"]) .ui-field {
    gap: var(--max-space-2);
    flex-direction: column;
    display: flex;
  }

  .max-label, :where([data-ui="maximalist"]) .usk-label, :where([data-ui="maximalist"]) .ui-label {
    color: var(--max-text);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .82rem;
    font-weight: 950;
  }

  .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .usk-input, :where([data-ui="maximalist"]) .usk-textarea, :where([data-ui="maximalist"]) .usk-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select {
    background: var(--max-paper-bg);
    width: 100%;
    min-height: 2.75rem;
    color: var(--max-text);
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .16rem .16rem 0 rgb(var(--max-secondary-rgb)/.45);
    font: inherit;
    transition: background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);
    outline: none;
    padding: .68rem .9rem;
  }

  .max-textarea, :where([data-ui="maximalist"]) .usk-textarea, :where([data-ui="maximalist"]) .ui-textarea {
    resize: vertical;
    min-height: 7rem;
  }

  .max-input::placeholder, .max-textarea::placeholder, :where([data-ui="maximalist"]) .usk-input::placeholder, :where([data-ui="maximalist"]) .usk-textarea::placeholder, :where([data-ui="maximalist"]) .ui-input::placeholder, :where([data-ui="maximalist"]) .ui-textarea::placeholder {
    color: var(--max-text-muted);
    opacity: .82;
  }

  .max-help-text, :where([data-ui="maximalist"]) .usk-help-text, :where([data-ui="maximalist"]) .ui-help-text {
    color: var(--max-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .max-check, .max-radio, :where([data-ui="maximalist"]) .usk-check, :where([data-ui="maximalist"]) .usk-radio, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio {
    align-items: center;
    gap: var(--max-space-2);
    color: var(--max-text);
    cursor: pointer;
    display: inline-flex;
  }

  .max-check input, .max-radio input, :where([data-ui="maximalist"]) .usk-check input, :where([data-ui="maximalist"]) .usk-radio input, :where([data-ui="maximalist"]) .ui-check input, :where([data-ui="maximalist"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .max-check-control, .max-radio-control, :where([data-ui="maximalist"]) .usk-check-control, :where([data-ui="maximalist"]) .usk-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control {
    background: var(--max-paper-bg);
    border: 2px solid var(--max-ink);
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: .12rem .12rem 0 rgb(var(--max-secondary-rgb)/.52);
    transition: background var(--max-transition-fast),box-shadow var(--max-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .max-check-control, :where([data-ui="maximalist"]) .usk-check-control, :where([data-ui="maximalist"]) .ui-check-control {
    border-radius: var(--max-radius-xs);
  }

  .max-radio-control, :where([data-ui="maximalist"]) .usk-radio-control, :where([data-ui="maximalist"]) .ui-radio-control {
    border-radius: 50%;
  }

  .max-check input:checked+.max-check-control, .max-radio input:checked+.max-radio-control, :where([data-ui="maximalist"]) .usk-check input:checked+.usk-check-control, :where([data-ui="maximalist"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--max-primary);
    border-color: var(--max-ink);
    box-shadow: .12rem .12rem 0 var(--max-ink),var(--max-focus-ring);
  }

  .max-check input:checked+.max-check-control:after, :where([data-ui="maximalist"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--max-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .max-radio input:checked+.max-radio-control:after, :where([data-ui="maximalist"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--max-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .max-switch, :where([data-ui="maximalist"]) .usk-switch, :where([data-ui="maximalist"]) .ui-switch {
    align-items: center;
    gap: var(--max-space-3);
    color: var(--max-text);
    cursor: pointer;
    display: inline-flex;
  }

  .max-switch input, :where([data-ui="maximalist"]) .usk-switch input, :where([data-ui="maximalist"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .max-switch-track, :where([data-ui="maximalist"]) .usk-switch-track, :where([data-ui="maximalist"]) .ui-switch-track {
    background: linear-gradient(90deg,var(--max-success),var(--max-warning),var(--max-danger));
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-pill);
    width: 3.4rem;
    height: 1.7rem;
    box-shadow: .18rem .18rem 0 var(--max-ink);
    transition: background var(--max-transition-fast),box-shadow var(--max-transition-fast);
    position: relative;
  }

  .max-switch-thumb, :where([data-ui="maximalist"]) .usk-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb {
    background: var(--max-paper-bg);
    border: 2px solid var(--max-ink);
    width: 1.1rem;
    height: 1.1rem;
    box-shadow: .08rem .08rem 0 rgb(var(--max-secondary-rgb)/.72);
    transition: left var(--max-transition-fast),background var(--max-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .18rem;
    left: .18rem;
  }

  .max-switch input:checked+.max-switch-track, :where([data-ui="maximalist"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--max-primary);
    border-color: var(--max-ink);
  }

  .max-switch input:checked+.max-switch-track .max-switch-thumb, :where([data-ui="maximalist"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--max-on-primary);
    left: calc(100% - 1.28rem);
  }

  .max-badge, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .ui-badge {
    align-items: center;
    gap: var(--max-space-1);
    background: var(--max-paper-bg);
    min-height: 1.7rem;
    color: var(--max-text);
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-xs);
    box-shadow: .14rem .14rem 0 rgb(var(--max-secondary-rgb)/.62);
    clip-path: polygon(.32rem 0, 100% 0, calc(100% - .32rem) 100%, 0 100%);
    letter-spacing: .055em;
    text-transform: uppercase;
    padding: .35rem .78rem;
    font-size: .78rem;
    font-weight: 950;
    line-height: 1;
    display: inline-flex;
  }

  .max-badge-primary, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--max-primary);
    color: var(--max-on-primary);
    border-color: var(--max-ink);
  }

  .max-badge-secondary, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
    border-color: var(--max-ink);
  }

  .max-badge-success, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--max-success);
    color: var(--max-on-success);
    border-color: var(--max-ink);
  }

  .max-badge-warning, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--max-warning);
    color: var(--max-on-warning);
    border-color: var(--max-ink);
  }

  .max-badge-danger, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--max-danger);
    color: var(--max-on-danger);
    border-color: var(--max-ink);
  }

  .max-nav, :where([data-ui="maximalist"]) .usk-nav, :where([data-ui="maximalist"]) .ui-nav {
    align-items: center;
    gap: var(--max-space-2);
    padding: var(--max-space-2);
    background: var(--max-label-bg);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: var(--max-pop-shadow);
    flex-wrap: wrap;
    display: flex;
  }

  .max-nav-link, :where([data-ui="maximalist"]) .usk-nav-link, :where([data-ui="maximalist"]) .ui-nav-link {
    min-height: 2.45rem;
    color: var(--max-label-fg);
    border-radius: var(--max-radius-sm);
    letter-spacing: .045em;
    text-transform: uppercase;
    transition: color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .62rem 1rem;
    font-weight: 950;
    text-decoration: none;
    display: inline-flex;
  }

  .max-nav-link:hover, :where([data-ui="maximalist"]) .usk-nav-link:hover, :where([data-ui="maximalist"]) .ui-nav-link:hover {
    color: var(--max-text);
    background: var(--max-surface-soft);
  }

  .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .usk-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .usk-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active {
    color: var(--max-on-primary);
    background: var(--max-primary);
    box-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb)/.75);
    transform: rotate(-1deg);
  }

  .max-tooltip, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .ui-tooltip {
    background: var(--max-label-bg);
    max-inline-size: 16rem;
    color: var(--max-label-fg);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);
    text-transform: uppercase;
    letter-spacing: .04em;
    align-items: center;
    gap: .45rem;
    padding: .6rem .85rem;
    font-size: .82rem;
    font-weight: 950;
    line-height: 1.25;
    display: inline-flex;
  }

  .max-tooltip-arrow {
    background: var(--max-warning);
    border: 2px solid var(--max-ink);
    flex: none;
    block-size: .62rem;
    inline-size: .62rem;
    transform: rotate(45deg);
  }

  .max-progress, :where([data-ui="maximalist"]) .usk-progress, :where([data-ui="maximalist"]) .ui-progress {
    background: var(--max-paper-bg);
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    width: 100%;
    height: 1.05rem;
    box-shadow: .2rem .2rem 0 var(--max-ink);
    padding: .12rem;
    overflow: hidden;
  }

  .max-progress-bar, :where([data-ui="maximalist"]) .usk-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar {
    height: 100%;
    width: var(--max-progress-value, 50%);
    background: repeating-linear-gradient(90deg,rgb(var(--max-text-rgb)/.24)0 .08rem,transparent .08rem 2rem),linear-gradient(90deg,var(--max-warning),var(--max-accent),var(--max-primary));
    border-radius: var(--max-radius-xs);
  }

  .max-alert, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .ui-alert {
    gap: var(--max-space-2);
    padding: var(--max-space-4);
    background: var(--max-paper-bg);
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: var(--max-pop-shadow);
    display: grid;
  }

  .max-alert-success, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) {
    background: linear-gradient(90deg,rgb(var(--max-success-rgb)/.18),transparent 42%),var(--max-paper-bg);
    border-left: .7rem solid var(--max-success);
  }

  .max-alert-warning, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) {
    background: linear-gradient(90deg,rgb(var(--max-warning-rgb)/.2),transparent 42%),var(--max-paper-bg);
    border-left: .7rem solid var(--max-warning);
  }

  .max-alert-danger, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) {
    background: linear-gradient(90deg,rgb(var(--max-danger-rgb)/.2),transparent 42%),var(--max-paper-bg);
    border-left: .7rem solid var(--max-danger);
  }

  .max-alert-title, :where([data-ui="maximalist"]) .usk-alert-title, :where([data-ui="maximalist"]) .ui-alert-title {
    font-family: var(--max-font-heading);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0;
    font-weight: 950;
  }

  .max-alert-body, :where([data-ui="maximalist"]) .usk-alert-body, :where([data-ui="maximalist"]) .ui-alert-body {
    color: var(--max-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .max-table, :where([data-ui="maximalist"]) .usk-table, :where([data-ui="maximalist"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .max-table th, .max-table td, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .usk-table td, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-table td {
    text-align: left;
    border-bottom: 2px solid var(--max-ink);
    padding: .85rem 1rem;
  }

  .max-table th, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .ui-table th {
    color: var(--max-label-fg);
    font-family: var(--max-font-heading);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: var(--max-label-bg);
    font-size: .8rem;
    font-weight: 950;
  }

  .max-table td, :where([data-ui="maximalist"]) .usk-table td, :where([data-ui="maximalist"]) .ui-table td {
    color: var(--max-text-muted);
  }

  .max-table tr:hover td, :where([data-ui="maximalist"]) .usk-table tr:hover td, :where([data-ui="maximalist"]) .ui-table tr:hover td {
    background: rgb(var(--max-primary-rgb)/.045);
  }

  .max-text-primary {
    color: var(--usk-primary-ink, var(--max-primary));
  }

  .max-text-secondary {
    color: var(--max-secondary);
  }

  .max-text-accent {
    color: var(--usk-accent-ink, var(--max-accent));
  }

  .max-text-success {
    color: var(--max-success);
  }

  .max-text-warning {
    color: var(--max-warning);
  }

  .max-text-danger {
    color: var(--max-danger);
  }

  .max-bg-primary {
    background: var(--max-primary);
    color: var(--max-on-primary);
  }

  .max-bg-secondary {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
  }

  .max-border {
    border: 3px solid var(--max-ink);
  }

  .max-rounded {
    border-radius: var(--max-radius-md);
  }

  .max-rounded-lg {
    border-radius: var(--max-radius-lg);
  }

  .max-rounded-xl {
    border-radius: var(--max-radius-xl);
  }

  .max-pill {
    border-radius: var(--max-radius-pill);
  }

  .max-sr-only, .max-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .max-skip-link {
    z-index: 9999;
    background: var(--max-primary);
    color: var(--max-on-primary);
    border-radius: var(--max-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .max-skip-link:focus {
    transform: translateY(0);
  }

  .max-sticker {
    background: var(--max-accent);
    color: var(--max-on-accent);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-xs);
    box-shadow: var(--max-sticker-shadow);
    clip-path: polygon(.42rem 0, 100% 0, calc(100% - .32rem) 100%, 0 100%);
    font-family: var(--max-font-heading);
    letter-spacing: .05em;
    text-transform: uppercase;
    align-items: center;
    padding: .42rem .85rem;
    font-weight: 950;
    display: inline-flex;
    transform: rotate(-2deg);
  }

  .max-callout {
    padding: var(--max-space-6);
    background: var(--max-poster-fill);
    color: var(--max-on-primary);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: .5rem .5rem 0 var(--max-ink),.78rem .78rem 0 rgb(var(--max-secondary-rgb)/.72);
    clip-path: polygon(1rem 0, 100% 0, calc(100% - 1rem) 100%, 0 100%);
  }

  .max-wiggle:hover {
    animation: .42s both max-wiggle;
  }

  @keyframes max-wiggle {
    0%, 100% {
      transform: rotate(0);
    }

    25% {
      transform: rotate(-1.5deg);
    }

    75% {
      transform: rotate(1.5deg);
    }
  }

  .max-spinner, .max-loading-spinner, [data-ui="maximalist"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="maximalist"]) .usk-spinner, :where([data-ui="maximalist"]) .ui-spinner {
    border: .18rem solid rgb(var(--max-border-rgb)/.5);
    border-block-start-color: var(--max-spinner-stroke);
    border-inline-end-color: var(--max-spinner-accent);
    background: radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);
    vertical-align: -.2em;
    border-radius: 44% 56% 52% 48%;
    animation: .85s ease-in-out infinite max-spin;
    display: inline-block;
  }

  .max-spinner-sm {
    border-width: .12rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .max-spinner-lg {
    border-width: .24rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="maximalist"]) .usk-button[aria-busy="true"], :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--max-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite max-spin;
    display: inline-block;
  }

  @keyframes max-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .max-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    inline-size: 100%;
    box-shadow: .22rem .22rem 0 rgb(var(--max-primary-rgb)/.52);
    display: block;
  }

  .max-card-service {
    gap: var(--max-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .max-card-service > .max-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .max-card-service > .max-card-media + .max-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .max-card-feature {
    gap: var(--max-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .max-card-accent-edge {
    border-inline-start: .6rem solid var(--max-primary);
  }

  .max-icon-medallion {
    background: var(--max-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--max-on-primary);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .18rem .18rem 0 var(--max-ink),.34rem .34rem 0 rgb(var(--max-secondary-rgb)/.65);
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
    transform: rotate(-4deg);
  }

  .max-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .max-button.max-button-cut, .max-button-cut, :where([data-ui="maximalist"]) .usk-button.max-button-cut, :where([data-ui="maximalist"]) .ui-button.max-button-cut {
    clip-path: polygon(.75rem 0, 100% 0, calc(100% - .75rem) 100%, 0 100%);
    border-radius: 0;
  }

  .max-button.max-button-cut:focus-visible, .max-button-cut:focus-visible, :where([data-ui="maximalist"]) .usk-button.max-button-cut:focus-visible, :where([data-ui="maximalist"]) .ui-button.max-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .max-button.max-button-outline-heavy, .max-button-outline-heavy, :where([data-ui="maximalist"]) .usk-button.max-button-outline-heavy, :where([data-ui="maximalist"]) .ui-button.max-button-outline-heavy {
    background: var(--max-label-bg);
    color: var(--max-label-fg);
    border-style: solid;
    border-width: 3px;
    border-color: var(--max-ink);
    box-shadow: -.24rem .24rem 0 rgb(var(--max-primary-rgb)/.68);
  }

  .max-button.max-button-outline-heavy:hover, .max-button-outline-heavy:hover, :where([data-ui="maximalist"]) .usk-button.max-button-outline-heavy:hover, :where([data-ui="maximalist"]) .ui-button.max-button-outline-heavy:hover {
    background: var(--max-primary);
    color: var(--max-on-primary);
    border-color: var(--max-primary-hover);
  }

  .max-badge-seal {
    aspect-ratio: 1;
    background: var(--max-warning);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    box-shadow: .18rem .18rem 0 var(--max-ink),.38rem .38rem 0 rgb(var(--max-accent-rgb)/.65);
    text-align: center;
    font-family: var(--max-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
    transform: rotate(4deg);
  }

  .max-feature-strip {
    background: var(--max-card-bg);
    color: var(--max-text);
    border: 2px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: var(--max-pop-shadow);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .max-feature-item {
    align-items: center;
    gap: var(--max-space-3);
    min-inline-size: 0;
    padding: var(--max-space-4);
    border-inline-end: 2px solid var(--max-ink);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .max-feature-item:last-child {
    border-inline-end: 0;
  }

  .max-feature-item > :where(p, small) {
    color: var(--max-text-muted);
    margin: 0;
  }

  .max-callout-bar {
    align-items: center;
    gap: var(--max-space-4);
    padding: var(--max-space-4) var(--max-space-5);
    background: var(--max-card-bg);
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    box-shadow: var(--max-pop-shadow);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .max-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .max-callout-bar>:where(.max-button,a,button):last-child, :where([data-ui="maximalist"]) .max-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="maximalist"]) .max-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .max-eyebrow {
    background: var(--max-label-bg);
    width: fit-content;
    color: var(--max-label-fg);
    border: 2px solid var(--max-ink);
    font-family: var(--max-font-heading);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0;
    padding: .16rem .58rem;
    font-size: .76rem;
    font-weight: 950;
    line-height: 1.2;
    transform: rotate(-1deg);
  }

  .max-media-scrim {
    isolation: isolate;
    background: var(--max-surface-soft);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-lg);
    min-block-size: 12rem;
    box-shadow: var(--max-pop-shadow);
    position: relative;
    overflow: hidden;
  }

  .max-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .max-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    font-family: var(--max-font-heading);
    text-transform: uppercase;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .max-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .max-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .max-callout-bar>:where(.max-button,a,button):last-child, :where([data-ui="maximalist"]) .max-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="maximalist"]) .max-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .max-feature-item {
      border-inline-end: 0;
      border-block-end: 2px solid var(--max-ink);
    }

    .max-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .max-card-service, .max-card-feature {
    box-shadow: var(--max-pop-shadow);
    border-width: 3px;
  }

  .max-button-cut {
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  }

  .max-button.max-button-cut, .max-button-cut, :where([data-ui="maximalist"]) .usk-button.max-button-cut, :where([data-ui="maximalist"]) .ui-button.max-button-cut {
    clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%);
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
    box-shadow: .22rem .22rem 0 var(--max-ink),.44rem .44rem 0 rgb(var(--max-secondary-rgb)/.72);
    justify-content: center;
    justify-self: end;
  }

  .max-button.max-button-outline-heavy, .max-button-outline-heavy, :where([data-ui="maximalist"]) .usk-button.max-button-outline-heavy, :where([data-ui="maximalist"]) .ui-button.max-button-outline-heavy {
    clip-path: polygon(0 0, 91% 0, 100% 100%, 9% 100%);
    box-shadow: -.28rem .28rem 0 rgb(var(--max-primary-rgb)/.68);
    border-width: 3px;
    border-radius: 0;
  }

  .max-card-service, .max-media-scrim, .max-feature-strip, .max-callout-bar, .max-well {
    background: linear-gradient(125deg,rgb(var(--max-primary-rgb)/.14),rgb(var(--max-secondary-rgb)/.12)),var(--max-card-bg);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .3rem .3rem 0 var(--max-ink),.56rem .56rem 0 rgb(var(--max-secondary-rgb)/.62);
  }

  [data-ui="maximalist"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--max-poster-fill);
    color: var(--max-on-primary);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .26rem .26rem 0 var(--max-ink);
    font-family: var(--max-font-control);
    letter-spacing: .035em;
    text-transform: uppercase;
    font-weight: 950;
  }

  [data-ui="maximalist"][data-mode] :where(dialog) {
    background: linear-gradient(135deg,rgb(var(--max-primary-rgb)/.1),rgb(var(--max-secondary-rgb)/.08)),var(--max-paper-bg);
    border: 3px solid var(--max-ink);
    border-radius: var(--max-radius-sm);
    box-shadow: .36rem .36rem 0 var(--max-ink),.68rem .68rem 0 rgb(var(--max-secondary-rgb)/.58);
  }

  .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
    box-shadow: .1em .1em 0 rgb(var(--max-secondary-rgb)/.7);
    clip-path: none;
    background: conic-gradient(currentColor, #0000 38%, currentColor 62%, #0000);
    border: .11em solid;
    border-radius: 44% 56% 52% 48%;
    animation: .82s ease-in-out infinite max-spin;
  }

  [data-ui="maximalist"][data-mode] {
    --usk-native-font-control: var(--max-font-heading);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1.05rem;
    --usk-native-border-width: 3px;
    --usk-native-radius-sm: .08rem;
    --usk-native-radius: .14rem;
    --usk-native-radius-lg: .22rem;
    --usk-native-shadow: .24rem .24rem 0 var(--max-ink);
    --usk-native-shadow-md: .34rem .34rem 0 var(--max-ink), .58rem .58rem 0 rgb(var(--max-secondary-rgb) / .58);
    --usk-native-focus-ring: 0 0 0 3px var(--max-warning), .2rem .2rem 0 var(--max-ink);
    --usk-native-subcontrol-padding-block: .57rem;
    --usk-native-subcontrol-padding-inline: .79rem;
    --usk-native-choice-size: 1.45rem;
    --usk-native-choice-background: linear-gradient(135deg, var(--max-paper-bg), var(--max-surface-soft));
    --usk-native-choice-border: 3px solid var(--max-ink);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: 44% 56% 48% 52%;
    --usk-native-choice-shadow: .16rem .16rem 0 rgb(var(--max-secondary-rgb) / .72);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--max-primary), var(--max-accent));
    --usk-native-choice-mark-color: var(--max-on-primary);
    --usk-native-select-indicator-image: linear-gradient(35deg, transparent 43%, var(--max-ink) 44% 56%, transparent 57%), linear-gradient(145deg, transparent 43%, var(--max-ink) 44% 56%, transparent 57%);
    --usk-native-select-indicator-size: .52rem .52rem, .52rem .52rem;
    --usk-native-select-indicator-position: calc(100% - 1.32rem) 48%, calc(100% - .92rem) 52%;
    --usk-native-select-padding-inline-end: 3.15rem;
    --usk-native-range-track-size: .82rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--max-warning) 0 .9rem, var(--max-accent) .9rem 1.8rem, var(--max-primary) 1.8rem 2.7rem);
    --usk-native-range-track-border: 3px solid var(--max-ink);
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: .2rem .2rem 0 var(--max-ink);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--max-success), var(--max-warning), var(--max-danger), var(--max-accent));
    --usk-native-range-thumb-size: 1.78rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px solid var(--max-ink);
    --usk-native-range-thumb-radius: 42% 58% 46% 54%;
    --usk-native-range-thumb-shadow: .16rem .16rem 0 var(--max-ink), .28rem .28rem 0 rgb(var(--max-secondary-rgb) / .62);
    --usk-native-progress-size: 1.1rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--max-paper-bg) 0 1.25rem, var(--max-surface-soft) 1.25rem 1.4rem);
    --usk-native-progress-track-border: 3px solid var(--max-ink);
    --usk-native-progress-track-radius: .14rem;
    --usk-native-progress-track-shadow: .2rem .2rem 0 var(--max-ink);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, rgb(var(--max-text-rgb) / .22) 0 .1rem, transparent .1rem 1.55rem), linear-gradient(90deg, var(--max-warning), var(--max-accent), var(--max-primary));
    --usk-native-progress-value-radius: .08rem;
    --usk-native-progress-value-shadow: .14rem 0 0 rgb(var(--max-text-rgb) / .42);
    --usk-native-scrollbar-size: 1.1rem;
    --usk-native-scrollbar-track: linear-gradient(var(--max-surface-soft), var(--max-paper-bg));
    --usk-native-scrollbar-thumb: linear-gradient(135deg, var(--max-primary), var(--max-accent));
    --usk-native-scrollbar-radius: .12rem;
  }

  .max-title {
    letter-spacing: max(.028em, .5px);
    margin-block: .75rem;
    font-weight: 950;
  }

  .max-label, :where([data-ui="maximalist"]) .usk-label, :where([data-ui="maximalist"]) .ui-label {
    font-size: .73rem;
    font-weight: 900;
  }

  .max-button, :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .ui-button {
    background: linear-gradient(115deg,var(--max-primary),var(--max-accent));
    min-height: 3rem;
    box-shadow: .24rem .24rem 0 var(--max-ink);
    border-radius: .12rem;
    padding: .74rem 1.05rem;
    font-weight: 950;
  }

  .max-input, :where([data-ui="maximalist"]) .usk-input, :where([data-ui="maximalist"]) .ui-input {
    border-radius: .08rem;
    min-height: 3.2rem;
    padding: .78rem .95rem;
  }

  .max-card, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .ui-card {
    background: linear-gradient(128deg,rgb(var(--max-primary-rgb)/.13),rgb(var(--max-secondary-rgb)/.11)),var(--max-card-bg);
    border: 3px solid var(--max-ink);
    box-shadow: .3rem .3rem 0 var(--max-ink),.54rem .54rem 0 rgb(var(--max-secondary-rgb)/.58);
    border-radius: .18rem;
    padding: 1.35rem;
  }

  .max-well {
    background: repeating-linear-gradient(-8deg,rgb(var(--max-accent-rgb)/.09)0 .3rem,transparent .3rem .75rem),var(--max-surface-soft);
    border: 3px solid var(--max-ink);
    box-shadow: -.22rem .22rem 0 rgb(var(--max-primary-rgb)/.62);
  }

  .max-badge, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .ui-badge {
    border-radius: 999px;
    min-height: 1.7rem;
    padding: .22rem .62rem;
  }

  .max-alert, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .ui-alert {
    background: linear-gradient(105deg,rgb(var(--max-warning-rgb)/.2),rgb(var(--max-primary-rgb)/.1)),var(--max-card-bg);
    border: 3px solid var(--max-ink);
    box-shadow: .24rem .24rem 0 var(--max-ink);
    border-radius: .08rem;
  }

  .max-progress, :where([data-ui="maximalist"]) .usk-progress, :where([data-ui="maximalist"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--max-paper-bg)0 1.25rem,var(--max-surface-soft) 1.25rem 1.4rem);
    height: 1.1rem;
  }

  .max-table-wrap, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap {
    background: linear-gradient(132deg,rgb(var(--max-secondary-rgb)/.1),transparent),var(--max-card-bg);
    box-shadow: .28rem .28rem 0 var(--max-ink);
    border-radius: .08rem;
  }

  .max-table th, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .ui-table th {
    background: linear-gradient(100deg,var(--max-primary),var(--max-accent));
    padding: .72rem .88rem;
    font-weight: 950;
  }

  .max-table td, :where([data-ui="maximalist"]) .usk-table td, :where([data-ui="maximalist"]) .ui-table td {
    padding: .74rem .86rem;
  }

  .max-nav, .max-panel, .max-toolbar, .max-tooltip, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .max-card-service, .max-feature-strip, .max-callout-bar, :where([data-ui="maximalist"]) .usk-nav, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .ui-nav, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-tooltip {
    box-shadow: .28rem .28rem 0 var(--max-ink);
    border-width: 3px;
    border-radius: .12rem;
  }

  .max-card-service:nth-of-type(odd), .max-feature-item:nth-of-type(odd) {
    transform: rotate(-.22deg);
  }

  .max-card-service:nth-of-type(2n), .max-feature-item:nth-of-type(2n) {
    transform: rotate(.22deg);
  }

  .max-callout-bar {
    background: linear-gradient(104deg,var(--max-warning)0 18%,transparent 18% 21%,var(--max-primary) 21% 72%,var(--max-accent) 72%),var(--max-card-bg);
  }

  .max-check-control, .max-radio-control, .max-switch-track, :where([data-ui="maximalist"]) .usk-check-control, :where([data-ui="maximalist"]) .usk-radio-control, :where([data-ui="maximalist"]) .usk-switch-track, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control, :where([data-ui="maximalist"]) .ui-switch-track {
    border-width: 3px;
  }

  .max-tooltip-arrow {
    transform: rotate(7deg);
  }

  .max-progress-bar, :where([data-ui="maximalist"]) .usk-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--max-warning),var(--max-accent),var(--max-primary));
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="maximalist"] *, [data-ui="maximalist"] :before, [data-ui="maximalist"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="maximalist"] {
      --max-border-alpha: 1;
      --max-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="maximalist"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="maximalist"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="maximalist"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="maximalist"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="maximalist"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .max-input[aria-invalid="true"], .max-textarea[aria-invalid="true"], .max-select[aria-invalid="true"], :where([data-ui="maximalist"]) .usk-input[aria-invalid="true"], :where([data-ui="maximalist"]) .usk-textarea[aria-invalid="true"], :where([data-ui="maximalist"]) .usk-select[aria-invalid="true"], :where([data-ui="maximalist"]) .ui-input[aria-invalid="true"], :where([data-ui="maximalist"]) .ui-textarea[aria-invalid="true"], :where([data-ui="maximalist"]) .ui-select[aria-invalid="true"] {
    border-color: var(--max-danger);
    box-shadow: 3px 3px 0 rgb(var(--max-danger-rgb)/.38);
  }

  .max-input[readonly], .max-textarea[readonly], :where([data-ui="maximalist"]) .usk-input[readonly], :where([data-ui="maximalist"]) .usk-textarea[readonly], :where([data-ui="maximalist"]) .ui-input[readonly], :where([data-ui="maximalist"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .max-button-primary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(112deg,var(--max-primary),var(--max-accent));
    color: var(--max-on-primary);
    border-color: var(--max-ink);
  }

  .max-button-secondary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(112deg,var(--max-secondary),var(--max-warning));
    color: var(--max-on-secondary);
    border-color: var(--max-ink);
  }

  .max-button-danger, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(112deg,var(--max-danger),var(--max-primary));
    color: var(--max-on-danger);
    border-color: var(--max-ink);
  }

  .max-button-ghost, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--max-primary));
    background: none;
    border-color: #0000;
  }

  .max-feature-item > .max-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .max-callout-bar > .max-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  .max-heading {
    letter-spacing: max(.04em, .65px);
    line-height: 1.08;
  }

  .max-button, .max-icon-button, :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button {
    letter-spacing: max(.055em, .8px);
    line-height: 1.15;
  }

  .max-badge, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .ui-badge {
    letter-spacing: max(.06em, .75px);
    min-height: 1.9rem;
    font-size: .875rem;
    font-weight: 850;
    line-height: 1.15;
  }

  .max-table th, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .ui-table th {
    letter-spacing: max(.065em, .8px);
    font-size: 1rem;
    line-height: 1.15;
  }

  [data-ui="maximalist"] :where(h1, h2, h3, h4, h5, h6):not([class]) {
    color: var(--max-text);
    letter-spacing: max(.03em, .5px);
    line-height: 1.12;
  }

  .max-spinner, .max-loading-spinner, [data-ui="maximalist"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="maximalist"]) .usk-spinner, :where([data-ui="maximalist"]) .ui-spinner {
    border: .22rem solid var(--max-ink);
    background: conic-gradient(var(--max-primary)0 18%,transparent 18% 30%,var(--max-accent) 30% 52%,transparent 52% 64%,var(--max-warning) 64% 86%,transparent 86% 100%);
    box-shadow: .16rem .16rem 0 var(--max-ink),.34rem .34rem 0 rgb(var(--max-secondary-rgb)/.68);
    border-radius: 50%;
    animation-timing-function: linear;
    position: relative;
  }

  .max-check input:checked+.max-check-control:after, :where([data-ui="maximalist"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after {
    -webkit-text-stroke: .035rem currentColor;
    place-items: center;
    block-size: 100%;
    inline-size: 100%;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1rem;
    display: grid;
    transform: translateY(-.025rem);
  }

  [data-ui="maximalist"][data-mode] {
    --usk-native-select-indicator-position: calc(100% - 1.7rem) 48%, calc(100% - 1.25rem) 52%;
    --usk-native-select-padding-inline-end: 3.5rem;
  }

  .max-select, :where([data-ui="maximalist"]) .usk-select, :where([data-ui="maximalist"]) .ui-select {
    appearance: none;
    background-image: var(--usk-native-select-indicator-image);
    background-repeat: no-repeat;
    background-position: var(--usk-native-select-indicator-position);
    background-size: var(--usk-native-select-indicator-size);
    padding-inline-end: var(--usk-native-select-padding-inline-end);
  }

  .max-badge-seal {
    color: var(--max-on-warning);
  }

  .max-badge-seal * {
    color: inherit;
  }

  [data-ui="maximalist"][data-mode] .max-button.max-button-outline-heavy, [data-ui="maximalist"][data-mode] .max-button-outline-heavy, :where([data-ui="maximalist"])[data-mode] .usk-button.max-button-outline-heavy, :where([data-ui="maximalist"])[data-mode] .ui-button.max-button-outline-heavy {
    background-color: var(--max-primary);
    color: var(--max-on-primary);
    border-color: var(--max-ink);
    background-image: none;
  }

  .max-tooltip, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .ui-tooltip {
    border-color: var(--max-warning);
  }

  .max-tooltip-arrow {
    border-color: var(--max-on-warning);
    box-shadow: 0 0 0 1px var(--max-warning);
  }

  .max-callout-bar > div {
    border-inline-start: .25rem solid var(--max-ink);
    padding-inline-start: 1rem;
  }

  .max-media-scrim > :where(figcaption, [data-media-caption]) {
    background: linear-gradient(to top, #000000f5, #000000c2 64%, #0000002e);
  }

  .max-media-scrim > :where(figcaption, [data-media-caption]) strong {
    letter-spacing: max(.055em, .8px);
    text-shadow: 0 2px 3px #000000e6;
    font-size: 1.05rem;
    line-height: 1.2;
    display: block;
  }

  [data-ui="maximalist"][data-mode] {
    --max-paper-wash: rgb(var(--max-warning-rgb) / .08);
    --max-paper-grain: radial-gradient(circle at 14% 18%, rgb(var(--max-text-rgb) / .045) 0 1px, transparent 1.4px),
    radial-gradient(circle at 72% 64%, rgb(var(--max-danger-rgb) / .055) 0 1px, transparent 1.5px);
    --max-paper-bg: var(--max-surface-strong);
    --max-poster-fill: var(--max-primary);
    --max-label-bg: var(--max-primary);
    --max-label-fg: var(--max-on-primary);
    --max-pop-shadow: 5px 5px 0 var(--max-ink);
    --max-sticker-shadow: 3px 3px 0 var(--max-ink);
    --max-shadow-sm: 3px 3px 0 var(--max-ink);
    --max-shadow-md: 5px 5px 0 var(--max-ink);
    --max-theme-bg-size: 9rem 9rem, 13rem 13rem, auto;
    --max-theme-bg: radial-gradient(circle at 16% 24%, rgb(var(--max-secondary-rgb) / .09) 0 1px, transparent 1.5px),
    radial-gradient(circle at 82% 68%, rgb(var(--max-danger-rgb) / .08) 0 1px, transparent 1.6px),
    var(--max-bg);
    --max-card-bg: var(--max-paper-grain), var(--max-surface);
    --max-control-bg: var(--max-surface-strong);
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: 3px 3px 0 var(--max-ink);
    --usk-native-shadow-md: 5px 5px 0 var(--max-ink);
    --usk-native-focus-ring: 0 0 0 3px var(--max-focus), 3px 3px 0 var(--max-ink);
    --usk-native-border-width: 3px;
    --usk-native-choice-background: var(--max-surface-strong);
    --usk-native-choice-border: 3px solid var(--max-ink);
    --usk-native-checkbox-radius: 0;
    --usk-native-choice-shadow: 2px 2px 0 var(--max-ink);
    --usk-native-choice-checked-background: var(--max-danger);
    --usk-native-choice-mark-color: var(--max-on-danger);
    --usk-native-range-track-background: var(--max-warning);
    --usk-native-range-track-border: var(--usk-native-border-width) solid var(--max-ink);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 3px 3px 0 var(--max-ink);
    --usk-native-range-progress-background: var(--max-warning);
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px solid var(--max-ink);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 2px 2px 0 var(--max-ink);
    --usk-native-progress-track-background: var(--max-surface-strong);
    --usk-native-progress-track-border: 3px solid var(--max-ink);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 3px 3px 0 var(--max-ink);
    --usk-native-progress-value-background: var(--max-accent);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-file-button-background: var(--max-secondary);
    --usk-native-file-button-border: 3px solid var(--max-ink);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: 3px 3px 0 var(--max-ink);
    --usk-native-color-swatch-border: 3px solid var(--max-ink);
    --usk-native-color-swatch-radius: 0;
    --usk-native-scrollbar-thumb: var(--max-primary);
    --usk-native-scrollbar-radius: 0;
  }

  [data-ui="maximalist"][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track {
    box-sizing: border-box;
  }

  [data-ui="maximalist"][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
    box-sizing: border-box;
    margin-block-start: calc((var(--usk-native-range-track-size) - var(--usk-native-range-thumb-size))/2 - var(--usk-native-border-width));
  }

  [data-ui="maximalist"][data-mode] :where(input[type="range"])::-moz-range-track {
    box-sizing: border-box;
  }

  [data-ui="maximalist"][data-mode] :where(input[type="range"])::-moz-range-thumb {
    box-sizing: border-box;
  }

  .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, .max-well, .max-inset, .max-alert, .max-tooltip, .max-progress, .max-nav, .max-card-service, .max-card-feature, .max-feature-strip, .max-callout-bar, .max-media-scrim, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), [data-ui="maximalist"] :where(dialog,details), :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .usk-progress, :where([data-ui="maximalist"]) .usk-nav, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-alert, :where([data-ui="maximalist"]) .ui-tooltip, :where([data-ui="maximalist"]) .ui-progress, :where([data-ui="maximalist"]) .ui-nav {
    border-radius: 0;
  }

  .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, .max-alert, .max-nav, .max-card-service, .max-card-feature, .max-feature-strip, .max-callout-bar, .max-media-scrim, [data-ui="maximalist"] dialog, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .usk-nav, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-alert, :where([data-ui="maximalist"]) .ui-nav {
    border: 3px solid var(--max-ink);
    box-shadow: var(--max-pop-shadow);
  }

  .max-card, .max-panel, .max-surface, .max-table-wrap, .max-card-service, .max-card-feature, .max-feature-strip, :where([data-ui="maximalist"]) .usk-card, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-table-wrap {
    background: var(--max-card-bg);
  }

  .max-toolbar, .max-well, .max-inset, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .ui-toolbar {
    background: var(--max-surface-strong);
  }

  .max-button, .max-icon-button, [data-ui="maximalist"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])), :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button {
    background-color: var(--max-surface-strong);
    min-block-size: 3rem;
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    box-shadow: 4px 4px 0 var(--max-ink);
    font-family: var(--max-font-control);
    letter-spacing: .055em;
    text-transform: uppercase;
    background-image: none;
    border-radius: 0;
    font-weight: 900;
    line-height: 1.15;
  }

  .max-button-primary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) {
    background-color: var(--max-primary);
    color: var(--max-on-primary);
    background-image: none;
  }

  .max-button-secondary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) {
    background-color: var(--max-secondary);
    color: var(--max-on-secondary);
    background-image: none;
  }

  .max-button-danger, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) {
    background-color: var(--max-danger);
    color: var(--max-on-danger);
    background-image: none;
  }

  .max-button-ghost, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--max-link);
    box-shadow: none;
    background-color: #0000;
    border-color: #0000;
  }

  .max-button:hover, .max-icon-button:hover, [data-ui="maximalist"] .max-button.is-hover, :where([data-ui="maximalist"]) .usk-button:hover, :where([data-ui="maximalist"]) .usk-icon-button:hover, :where([data-ui="maximalist"]) .usk-button.is-hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover, :where([data-ui="maximalist"]) .ui-button.is-hover {
    box-shadow: 6px 6px 0 var(--max-ink);
    transform: translate(-2px, -2px);
  }

  [data-ui="maximalist"] .max-button.is-focus, :where([data-ui="maximalist"]) .usk-button.is-focus, :where([data-ui="maximalist"]) .ui-button.is-focus {
    outline: 3px solid var(--max-focus);
    outline-offset: 3px;
    box-shadow: 4px 4px 0 var(--max-ink);
  }

  .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .usk-button:active, :where([data-ui="maximalist"]) .usk-icon-button:active, :where([data-ui="maximalist"]) .usk-button[aria-pressed="true"], :where([data-ui="maximalist"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"] {
    box-shadow: 1px 1px 0 var(--max-ink);
    transform: translate(3px, 3px);
  }

  .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .usk-input, :where([data-ui="maximalist"]) .usk-textarea, :where([data-ui="maximalist"]) .usk-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select {
    background-color: var(--max-surface-strong);
    min-block-size: 3rem;
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    box-shadow: 3px 3px 0 var(--max-ink);
    background-image: none;
    border-radius: 0;
  }

  .max-input:hover, .max-textarea:hover, .max-select:hover, :where([data-ui="maximalist"]) .usk-input:hover, :where([data-ui="maximalist"]) .usk-textarea:hover, :where([data-ui="maximalist"]) .usk-select:hover, :where([data-ui="maximalist"]) .ui-input:hover, :where([data-ui="maximalist"]) .ui-textarea:hover, :where([data-ui="maximalist"]) .ui-select:hover {
    border-color: var(--max-secondary);
  }

  .max-input:focus, .max-textarea:focus, .max-select:focus, :where([data-ui="maximalist"]) .usk-input:focus, :where([data-ui="maximalist"]) .usk-textarea:focus, :where([data-ui="maximalist"]) .usk-select:focus, :where([data-ui="maximalist"]) .ui-input:focus, :where([data-ui="maximalist"]) .ui-textarea:focus, :where([data-ui="maximalist"]) .ui-select:focus {
    border-color: var(--max-focus);
    box-shadow: var(--max-focus-ring);
  }

  .max-check-control, .max-radio-control, .max-switch-track, :where([data-ui="maximalist"]) .usk-check-control, :where([data-ui="maximalist"]) .usk-radio-control, :where([data-ui="maximalist"]) .usk-switch-track, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control, :where([data-ui="maximalist"]) .ui-switch-track {
    background: var(--max-surface-strong);
    border: 3px solid var(--max-ink);
    box-shadow: 2px 2px 0 var(--max-ink);
  }

  .max-check-control, .max-switch-track, :where([data-ui="maximalist"]) .usk-check-control, :where([data-ui="maximalist"]) .usk-switch-track, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-switch-track {
    border-radius: 0;
  }

  .max-check input:checked+.max-check-control, :where([data-ui="maximalist"]) .usk-check input:checked+.usk-check-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control {
    background: var(--max-danger);
    color: var(--max-on-danger);
  }

  .max-radio input:checked+.max-radio-control, .max-switch input:checked+.max-switch-track, :where([data-ui="maximalist"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="maximalist"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--max-secondary);
  }

  .max-badge, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .ui-badge {
    background: var(--max-surface-strong);
    min-block-size: 1.75rem;
    color: var(--max-text);
    border: 2px solid var(--max-ink);
    box-shadow: 3px 3px 0 var(--max-ink);
    clip-path: polygon(.3rem 0, 100% 0, calc(100% - .3rem) 100%, 0 100%);
    border-radius: 0;
  }

  .max-badge-primary, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--max-primary);
    color: var(--max-on-primary);
  }

  .max-badge-warning, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--max-warning);
    color: var(--max-on-warning);
  }

  .max-kicker {
    background: var(--max-primary);
    color: var(--max-on-primary);
    box-shadow: 3px 3px 0 var(--max-ink);
    border-radius: 0;
  }

  .max-panel:nth-of-type(3n+2) > .max-heading .max-kicker {
    background: var(--max-accent);
    color: var(--max-on-accent);
    transform: rotate(1deg);
  }

  .max-panel:nth-of-type(3n) > .max-heading .max-kicker {
    background: var(--max-warning);
    color: var(--max-on-warning);
    transform: rotate(-1.5deg);
  }

  .max-progress, :where([data-ui="maximalist"]) .usk-progress, :where([data-ui="maximalist"]) .ui-progress {
    background: var(--max-surface-strong);
    border: 3px solid var(--max-ink);
    block-size: 1rem;
    box-shadow: 3px 3px 0 var(--max-ink);
    border-radius: 0;
    padding: 0;
  }

  .max-progress-bar, :where([data-ui="maximalist"]) .usk-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar {
    background: var(--max-accent);
    border-radius: 0;
  }

  .max-alert, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .ui-alert {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
    border-inline-start-width: 3px;
  }

  .max-alert .max-alert-body, :where([data-ui="maximalist"]) .usk-alert .usk-alert-body, :where([data-ui="maximalist"]) .ui-alert .ui-alert-body {
    color: inherit;
  }

  .max-tooltip, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .ui-tooltip {
    background: var(--max-ink);
    color: var(--max-on-ink);
    border: 3px solid var(--max-warning);
    box-shadow: 4px 4px 0 var(--max-ink);
  }

  .max-tooltip-arrow {
    background: var(--max-warning);
    border-color: var(--max-on-warning);
  }

  .max-spinner, .max-loading-spinner, [data-ui="maximalist"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-spinner, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-spinner, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(var(--max-accent)0 28%,transparent 28% 100%);
    border: 5px solid var(--max-surface-soft);
    box-shadow: none;
    border-radius: 50%;
    animation: .8s linear infinite max-spin;
  }

  .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
    clip-path: none;
    background: conic-gradient(currentColor 0 28%,transparent 28% 100%);
    border-width: .12em;
    flex-shrink: 0;
  }

  .max-nav, :where([data-ui="maximalist"]) .usk-nav, :where([data-ui="maximalist"]) .ui-nav {
    background: var(--max-ink);
    border-color: var(--max-ink);
    padding: .5rem;
  }

  .max-nav-link, :where([data-ui="maximalist"]) .usk-nav-link, :where([data-ui="maximalist"]) .ui-nav-link {
    color: var(--max-on-ink);
    border-radius: 0;
  }

  .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .usk-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .usk-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active {
    background: var(--max-warning);
    color: var(--max-on-warning);
    box-shadow: 3px 3px 0 var(--max-secondary);
  }

  .max-table-wrap, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap {
    overflow: auto;
  }

  .max-table th, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .ui-table th {
    background-color: var(--max-warning);
    color: var(--max-on-warning);
    border-color: var(--max-ink);
    background-image: none;
  }

  .max-table td, :where([data-ui="maximalist"]) .usk-table td, :where([data-ui="maximalist"]) .ui-table td {
    color: var(--max-text);
    border-color: var(--max-ink);
  }

  .max-card-service, .max-card-feature {
    transform: rotate(-.35deg);
  }

  .max-card-service:nth-of-type(2n), .max-card-feature:nth-of-type(2n) {
    transform: rotate(.35deg);
  }

  .max-icon-medallion {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
    border-radius: 0;
  }

  .max-feature-strip {
    background: var(--max-surface-strong);
  }

  .max-callout-bar .max-copy {
    color: inherit;
  }

  [data-ui="maximalist"][data-mode] :where(dialog) {
    background: var(--max-surface-strong);
    color: var(--max-text);
    border: 3px solid var(--max-ink);
    box-shadow: 5px 5px 0 var(--max-danger);
    border-radius: 0;
  }

  [data-ui="maximalist"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background-color: var(--max-primary);
    color: var(--max-on-primary);
    background-image: none;
  }

  [data-ui="maximalist"][data-mode] :where(table:not([class]) th) {
    background: var(--max-warning);
    color: var(--max-on-warning);
    border: 2px solid var(--max-ink);
  }

  [data-ui="maximalist"] :where(details) {
    border: 3px solid var(--max-ink);
    box-shadow: 3px 3px 0 var(--max-ink);
  }

  [data-ui="maximalist"] :where(summary) {
    font-family: var(--max-font-heading);
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 900;
  }

  [data-ui="maximalist"] :where(:focus-visible) {
    outline: 3px solid var(--max-focus);
    outline-offset: 3px;
  }

  [data-ui="maximalist"][data-mode] .max-button.max-button-warning, :where([data-ui="maximalist"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="maximalist"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--max-warning);
    color: var(--max-on-warning);
    border-color: var(--max-warning);
    text-shadow: none;
  }

  :root {
    --max-poster-dark-ink: #09090b;
    --max-poster-light-ink: #fffaf0;
  }

  [data-ui="maximalist"][data-mode] {
    --max-poster-warning-deep: var(--max-warning);
    --max-poster-secondary-deep: var(--max-secondary);
    --max-poster-success-deep: var(--max-success);
    --usk-native-select-indicator-image: linear-gradient(38deg, transparent 38%, var(--max-ink) 39% 66%, transparent 67%),
    linear-gradient(142deg, transparent 38%, var(--max-ink) 39% 66%, transparent 67%);
    --usk-native-select-indicator-size: .68rem .68rem, .68rem .68rem;
    --usk-native-select-indicator-position: calc(100% - 1.7rem) 48%, calc(100% - 1.16rem) 52%;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="maximalist"][data-mode] {
      --max-poster-warning-deep: color-mix(in srgb, var(--max-warning) 48%, var(--max-poster-dark-ink));
      --max-poster-secondary-deep: color-mix(in srgb, var(--max-secondary) 64%, var(--max-poster-dark-ink));
      --max-poster-success-deep: color-mix(in srgb, var(--max-success) 70%, var(--max-poster-dark-ink));
    }
  }

  [data-ui="maximalist"][data-mode] h1:not([class]) {
    letter-spacing: max(.045em, .8px);
  }

  .max-button-primary, .max-button-secondary, .max-button-danger, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) {
    color: var(--max-poster-dark-ink);
  }

  .max-nav-link[aria-current="page"], .max-nav-link.is-active, .max-table th, [data-ui="maximalist"][data-mode] :where(table:not([class]) th), :where([data-ui="maximalist"]) .usk-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .usk-nav-link.is-active, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active, :where([data-ui="maximalist"]) .ui-table th {
    background: var(--max-poster-warning-deep);
    color: var(--max-poster-light-ink);
  }

  .max-badge-seal {
    background: var(--max-poster-warning-deep);
    color: var(--max-poster-light-ink);
  }

  .max-badge-secondary, .max-badge-success, .max-badge-danger, .max-kicker, .max-card-service>.max-kicker, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) {
    color: var(--max-poster-dark-ink);
  }

  .max-badge-warning, .max-heading>.max-kicker, .max-panel:nth-of-type(3n)>.max-heading .max-kicker, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--max-poster-warning-deep);
    color: var(--max-poster-light-ink);
  }

  .max-sticker {
    font-weight: 700;
  }

  .max-kicker + .max-heading {
    margin-block-start: .75rem;
  }

  .max-icon-button :where(svg), :where([data-ui="maximalist"]) .usk-icon-button :where(svg), :where([data-ui="maximalist"]) .ui-icon-button :where(svg) {
    stroke-width: 2.75px;
    block-size: 1.5rem;
    inline-size: 1.5rem;
    font-size: 1.5rem;
    font-weight: 800;
  }

  .max-card-service > .max-icon-medallion :where(svg) {
    stroke-width: 3.25px;
    block-size: 1.75rem;
    inline-size: 1.75rem;
    font-size: 1.75rem;
    font-weight: 800;
  }

  .max-feature-item > .max-icon-medallion > :where(svg), .max-callout-bar > .max-icon-medallion > :where(svg) {
    stroke-width: 3.25px;
  }

  .max-icon-button>:where(span), :where([data-ui="maximalist"]) .usk-icon-button>:where(span), :where([data-ui="maximalist"]) .ui-icon-button>:where(span) {
    block-size: 1.5rem;
    inline-size: 1.5rem;
  }

  .max-card-service > .max-icon-medallion > :where(span) {
    block-size: 1.75rem;
    inline-size: 1.75rem;
  }

  .max-callout-bar {
    background: var(--max-poster-dark-ink);
    color: var(--max-poster-light-ink);
  }

  .max-callout-bar > div {
    border-inline-start-color: var(--max-poster-light-ink);
  }

  .max-callout-bar > div > strong {
    color: inherit;
    letter-spacing: .02em;
    font-weight: 800;
    line-height: 1.25;
  }

  .max-callout-bar .max-copy {
    color: inherit;
    font-family: var(--max-font-sans);
    font-weight: 600;
    line-height: 1.55;
  }

  [data-ui="maximalist"][data-mode] {
    --usk-native-font-heading: var(--max-font-heading);
    --usk-native-font-control: var(--max-font-control);
  }

  .max-title {
    letter-spacing: max(.045em, .8px);
    font-weight: 800;
    line-height: 1.02;
  }

  .max-heading, [data-ui="maximalist"][data-mode] :where(h1, h2, h3, h4, h5, h6):not([class]) {
    font-family: var(--max-font-heading);
    letter-spacing: max(.04em, .65px);
    font-weight: 800;
    line-height: 1.12;
  }

  .max-kicker, .max-button, .max-icon-button, .max-badge, .max-badge-seal, .max-nav-link, .max-label, .max-alert-title, .max-table th, .max-tooltip, .max-sticker, .max-eyebrow, .max-skip-link, [data-ui="maximalist"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), [data-ui="maximalist"] :where(summary), [data-ui="maximalist"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])), :where([data-ui="maximalist"]) .usk-button, :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .usk-badge, :where([data-ui="maximalist"]) .usk-nav-link, :where([data-ui="maximalist"]) .usk-label, :where([data-ui="maximalist"]) .usk-alert-title, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .usk-tooltip, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link, :where([data-ui="maximalist"]) .ui-label, :where([data-ui="maximalist"]) .ui-alert-title, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-tooltip {
    font-family: var(--max-font-control);
    letter-spacing: max(.045em, .8px);
    font-weight: 700;
    line-height: 1.2;
  }

  [data-ui="maximalist"][data-mode] :where(strong, b, dt, legend, output, [aria-current="page"]), .max-callout-bar > div > strong, .max-media-scrim > :where(figcaption, [data-media-caption]) strong {
    font-weight: 700;
  }

  .max-button-primary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--max-primary);
    color: var(--max-on-primary);
  }

  .max-button-secondary, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
  }

  .max-button-danger, :where([data-ui="maximalist"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--max-danger);
    color: var(--max-on-danger);
  }

  :where(.max-button-primary,.max-button-secondary,.max-button-danger) :where(svg), :where(.max-button-primary,.max-button-secondary,.max-button-danger)[aria-busy="true"]:after, :where([data-ui="maximalist"]) :where(.usk-button:where([data-ui-variant="primary"]),.usk-button:where([data-ui-variant="secondary"]),.usk-button:where([data-ui-variant="danger"])) :where(svg), :where([data-ui="maximalist"]) :where(.usk-button:where([data-ui-variant="primary"]),.usk-button:where([data-ui-variant="secondary"]),.usk-button:where([data-ui-variant="danger"]))[aria-busy="true"]:after, :where([data-ui="maximalist"]) :where(.ui-button:where([data-ui-variant="primary"]),.ui-button:where([data-ui-variant="secondary"]),.ui-button:where([data-ui-variant="danger"])) :where(svg), :where([data-ui="maximalist"]) :where(.ui-button:where([data-ui-variant="primary"]),.ui-button:where([data-ui-variant="secondary"]),.ui-button:where([data-ui-variant="danger"]))[aria-busy="true"]:after {
    color: inherit;
  }

  .max-nav-link[aria-current="page"], .max-nav-link.is-active, .max-table th, [data-ui="maximalist"][data-mode] :where(table:not([class]) th), .max-badge-seal, .max-badge-warning, .max-heading>.max-kicker, .max-panel:nth-of-type(3n)>.max-heading .max-kicker, :where([data-ui="maximalist"]) .usk-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .usk-nav-link.is-active, :where([data-ui="maximalist"]) .usk-table th, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--max-warning);
    color: var(--max-on-warning);
  }

  .max-alert, :where([data-ui="maximalist"]) .usk-alert, :where([data-ui="maximalist"]) .ui-alert {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
  }

  .max-alert-success, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) {
    background: var(--max-success);
    color: var(--max-on-success);
  }

  .max-alert-warning, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) {
    background: var(--max-warning);
    color: var(--max-on-warning);
  }

  .max-alert-danger, :where([data-ui="maximalist"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) {
    background: var(--max-danger);
    color: var(--max-on-danger);
  }

  .max-alert .max-alert-title, .max-alert .max-alert-body, :where([data-ui="maximalist"]) .usk-alert .usk-alert-title, :where([data-ui="maximalist"]) .usk-alert .usk-alert-body, :where([data-ui="maximalist"]) .ui-alert .ui-alert-title, :where([data-ui="maximalist"]) .ui-alert .ui-alert-body {
    color: inherit;
  }

  .max-badge-primary, .max-kicker, .max-card-service>.max-kicker, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--max-primary);
    color: var(--max-on-primary);
  }

  .max-badge-secondary, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--max-secondary);
    color: var(--max-on-secondary);
  }

  .max-badge-success, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--max-success);
    color: var(--max-on-success);
  }

  .max-badge-danger, :where([data-ui="maximalist"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--max-danger);
    color: var(--max-on-danger);
  }
}


/* styles/bauhaus.css (visual paint) */
@font-face {
  font-family: Bauhaus Barlow;
  src: url("./assets/bauhaus-barlow.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Bauhaus Barlow;
  src: url("./assets/bauhaus-barlow-semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
}

@font-face {
  font-family: Bauhaus Condensed;
  src: url("./assets/bauhaus-condensed-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: Bauhaus Condensed;
  src: url("./assets/bauhaus-condensed-extrabold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
}

@layer ui-style-kit.presets {
  :root {
    --bau-font-sans: "Bauhaus Barlow", Arial, sans-serif;
    --bau-font-display: "Bauhaus Condensed", "Arial Narrow", Arial, sans-serif;
    --bau-font-body: var(--bau-font-sans);
    --bau-font-heading: var(--bau-font-display);
    --bau-font-control: var(--bau-font-display);
    --bau-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --bau-radius-xs: 0;
    --bau-radius-sm: 0;
    --bau-radius-md: 0;
    --bau-radius-lg: 0;
    --bau-radius-xl: 0;
    --bau-radius-pill: 999px;
    --bau-rule-width: .16rem;
    --bau-rule-heavy: .28rem;
    --bau-grid-step: 3rem;
    --bau-panel-shadow: .48rem .48rem 0 rgb(var(--bau-text-rgb) / .84);
    --bau-control-shadow: .26rem .26rem 0 rgb(var(--bau-text-rgb) / .88);
    --bau-control-shadow-hover: .42rem .42rem 0 rgb(var(--bau-text-rgb) / .9);
    --bau-control-shadow-pressed: .08rem .08rem 0 rgb(var(--bau-text-rgb) / .9);
    --bau-space-1: .25rem;
    --bau-space-2: .5rem;
    --bau-space-3: .75rem;
    --bau-space-4: 1rem;
    --bau-space-5: 1.25rem;
    --bau-space-6: 1.5rem;
    --bau-space-8: 2rem;
    --bau-transition-fast: .15s ease;
    --bau-transition-base: .24s ease;
  }

  [data-ui="bauhaus"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --bau-fallback-bg-rgb: 238 233 221;
    --bau-fallback-surface-rgb: 255 253 247;
    --bau-fallback-surface-strong-rgb: 255 253 247;
    --bau-fallback-surface-soft-rgb: 238 233 221;
    --bau-fallback-text-rgb: 9 9 9;
    --bau-fallback-text-muted-rgb: 85 81 73;
    --bau-fallback-border-rgb: 9 9 9;
    --bau-fallback-primary-rgb: 6 75 196;
    --bau-fallback-primary-hover-rgb: 15 94 233;
    --bau-fallback-primary-text-rgb: 255 255 255;
    --bau-fallback-secondary-rgb: 9 9 9;
    --bau-fallback-secondary-hover-rgb: 40 40 40;
    --bau-fallback-secondary-text-rgb: 255 253 247;
    --bau-fallback-accent-rgb: 255 202 8;
    --bau-fallback-accent-text-rgb: 9 9 9;
    --bau-fallback-success-rgb: 22 123 78;
    --bau-fallback-success-text-rgb: 255 255 255;
    --bau-fallback-warning-rgb: 255 202 8;
    --bau-fallback-warning-text-rgb: 9 9 9;
    --bau-fallback-danger-rgb: 214 32 20;
    --bau-fallback-danger-text-rgb: 255 255 255;
    --bau-fallback-link-rgb: 6 75 196;
    --bau-fallback-focus-rgb: 154 101 0;
    --bau-panel-alpha: .98;
    --bau-panel-soft-alpha: .78;
    --bau-border-alpha: .78;
    --bau-shadow-alpha: .18;
    --bau-focus-alpha: .34;
  }

  [data-ui="bauhaus"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bau-fallback-bg-rgb: 5 5 5;
    --bau-fallback-surface-rgb: 8 8 8;
    --bau-fallback-surface-strong-rgb: 12 12 12;
    --bau-fallback-surface-soft-rgb: 21 21 21;
    --bau-fallback-text-rgb: 247 244 236;
    --bau-fallback-text-muted-rgb: 185 180 169;
    --bau-fallback-border-rgb: 244 241 232;
    --bau-fallback-primary-rgb: 10 84 232;
    --bau-fallback-primary-hover-rgb: 28 100 238;
    --bau-fallback-primary-text-rgb: 255 255 255;
    --bau-fallback-secondary-rgb: 247 244 236;
    --bau-fallback-secondary-hover-rgb: 255 255 255;
    --bau-fallback-secondary-text-rgb: 5 5 5;
    --bau-fallback-accent-rgb: 255 208 20;
    --bau-fallback-accent-text-rgb: 9 9 9;
    --bau-fallback-success-rgb: 85 200 136;
    --bau-fallback-success-text-rgb: 5 5 5;
    --bau-fallback-warning-rgb: 255 208 20;
    --bau-fallback-warning-text-rgb: 9 9 9;
    --bau-fallback-danger-rgb: 255 59 47;
    --bau-fallback-danger-text-rgb: 5 5 5;
    --bau-fallback-link-rgb: 111 161 255;
    --bau-fallback-focus-rgb: 255 208 20;
    --bau-panel-alpha: .92;
    --bau-panel-soft-alpha: .64;
    --bau-border-alpha: .68;
    --bau-shadow-alpha: .38;
    --bau-focus-alpha: .42;
  }

  [data-ui="bauhaus"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --bau-fallback-bg-rgb: 0 0 0;
    --bau-fallback-surface-rgb: 6 16 26;
    --bau-fallback-surface-strong-rgb: 10 29 48;
    --bau-fallback-surface-soft-rgb: 0 0 0;
    --bau-fallback-text-rgb: 255 255 255;
    --bau-fallback-text-muted-rgb: 238 244 255;
    --bau-fallback-border-rgb: 255 255 255;
    --bau-fallback-primary-rgb: 102 181 255;
    --bau-fallback-primary-hover-rgb: 255 255 255;
    --bau-fallback-primary-text-rgb: 0 0 0;
    --bau-fallback-secondary-rgb: 255 102 102;
    --bau-fallback-secondary-hover-rgb: 255 255 255;
    --bau-fallback-secondary-text-rgb: 0 0 0;
    --bau-fallback-accent-rgb: 255 170 170;
    --bau-fallback-accent-text-rgb: 0 0 0;
    --bau-fallback-success-rgb: 0 255 144;
    --bau-fallback-success-text-rgb: 0 0 0;
    --bau-fallback-warning-rgb: 255 212 0;
    --bau-fallback-warning-text-rgb: 0 0 0;
    --bau-fallback-danger-rgb: 255 92 92;
    --bau-fallback-danger-text-rgb: 0 0 0;
    --bau-fallback-link-rgb: 140 198 255;
    --bau-fallback-focus-rgb: 255 255 255;
    --bau-panel-alpha: 1;
    --bau-panel-soft-alpha: .92;
    --bau-border-alpha: 1;
    --bau-shadow-alpha: .5;
    --bau-focus-alpha: .72;
  }

  [data-ui="bauhaus"][data-theme][data-mode] {
    --bau-bg-rgb: var(--usk-bg-rgb);
    --bau-surface-rgb: var(--usk-surface-rgb);
    --bau-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --bau-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --bau-text-rgb: var(--usk-text-rgb);
    --bau-text-muted-rgb: var(--usk-text-muted-rgb);
    --bau-border-rgb: var(--usk-border-rgb);
    --bau-primary-rgb: var(--usk-primary-rgb);
    --bau-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --bau-primary-text-rgb: var(--usk-primary-text-rgb);
    --bau-secondary-rgb: var(--usk-secondary-rgb);
    --bau-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --bau-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --bau-accent-rgb: var(--usk-accent-rgb);
    --bau-accent-text-rgb: var(--usk-accent-text-rgb);
    --bau-success-rgb: var(--usk-success-rgb);
    --bau-success-text-rgb: var(--usk-success-text-rgb);
    --bau-warning-rgb: var(--usk-warning-rgb);
    --bau-warning-text-rgb: var(--usk-warning-text-rgb);
    --bau-danger-rgb: var(--usk-danger-rgb);
    --bau-danger-text-rgb: var(--usk-danger-text-rgb);
    --bau-link-rgb: var(--usk-link-rgb);
    --bau-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="bauhaus"][data-mode] {
    --usk-native-bg: var(--bau-bg);
    --bau-bg-rgb: var(--usk-bg-rgb, var(--bau-fallback-bg-rgb));
    --bau-surface-rgb: var(--usk-surface-rgb, var(--bau-fallback-surface-rgb));
    --bau-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--bau-fallback-surface-strong-rgb));
    --bau-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--bau-fallback-surface-soft-rgb));
    --bau-text-rgb: var(--usk-text-rgb, var(--bau-fallback-text-rgb));
    --bau-text-muted-rgb: var(--usk-text-muted-rgb, var(--bau-fallback-text-muted-rgb));
    --bau-border-rgb: var(--usk-border-rgb, var(--bau-fallback-border-rgb));
    --bau-primary-rgb: var(--usk-primary-rgb, var(--bau-fallback-primary-rgb));
    --bau-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--bau-fallback-primary-hover-rgb));
    --bau-primary-text-rgb: var(--usk-primary-text-rgb, var(--bau-fallback-primary-text-rgb));
    --bau-secondary-rgb: var(--usk-secondary-rgb, var(--bau-fallback-secondary-rgb));
    --bau-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--bau-fallback-secondary-hover-rgb));
    --bau-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--bau-fallback-secondary-text-rgb));
    --bau-accent-rgb: var(--usk-accent-rgb, var(--bau-fallback-accent-rgb));
    --bau-accent-text-rgb: var(--usk-accent-text-rgb, var(--bau-fallback-accent-text-rgb));
    --bau-success-rgb: var(--usk-success-rgb, var(--bau-fallback-success-rgb));
    --bau-success-text-rgb: var(--usk-success-text-rgb, var(--bau-fallback-success-text-rgb));
    --bau-warning-rgb: var(--usk-warning-rgb, var(--bau-fallback-warning-rgb));
    --bau-warning-text-rgb: var(--usk-warning-text-rgb, var(--bau-fallback-warning-text-rgb));
    --bau-danger-rgb: var(--usk-danger-rgb, var(--bau-fallback-danger-rgb));
    --bau-danger-text-rgb: var(--usk-danger-text-rgb, var(--bau-fallback-danger-text-rgb));
    --bau-link-rgb: var(--usk-link-rgb, var(--bau-fallback-link-rgb));
    --bau-focus-rgb: var(--usk-focus-rgb, var(--bau-fallback-focus-rgb));
    --usk-native-surface: var(--bau-surface);
    --usk-native-surface-strong: var(--bau-surface-strong);
    --usk-native-surface-soft: var(--bau-surface-soft);
    --usk-native-card-bg: var(--bau-card-bg);
    --usk-native-control-bg: var(--bau-control-bg);
    --usk-native-text: var(--bau-text);
    --usk-native-text-muted: var(--bau-text-muted);
    --usk-native-border: var(--bau-border);
    --usk-native-primary: var(--bau-primary);
    --usk-native-primary-hover: var(--bau-primary-hover);
    --usk-native-on-primary: var(--bau-on-primary);
    --usk-native-secondary: var(--bau-secondary);
    --usk-native-on-secondary: var(--bau-on-secondary);
    --usk-native-accent: var(--bau-accent);
    --usk-native-on-accent: var(--bau-on-accent);
    --usk-native-on-success: var(--bau-on-success);
    --usk-native-on-warning: var(--bau-on-warning);
    --usk-native-on-danger: var(--bau-on-danger);
    --usk-native-focus: var(--bau-focus);
    --usk-native-success: var(--bau-success);
    --usk-native-warning: var(--bau-warning);
    --usk-native-danger: var(--bau-danger);
    --usk-native-link: var(--bau-link);
    --usk-native-font-body: var(--bau-font-body);
    --usk-native-font-heading: var(--bau-font-heading);
    --usk-native-font-control: var(--bau-font-control);
    --usk-native-font-mono: var(--bau-font-mono);
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: var(--bau-control-shadow);
    --usk-native-shadow-md: var(--bau-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--bau-focus-ring, 0 0 0 3px rgb(var(--bau-focus-rgb) / .28));
    --usk-native-border-width: 2px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--bau-space-5);
    --usk-native-control-min-block-size: 3.125rem;
    --usk-native-control-padding-block: .75rem;
    --usk-native-control-padding-inline: 1.05rem;
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.5rem;
    --usk-native-choice-background: var(--bau-control-bg);
    --usk-native-choice-border: 2px solid var(--bau-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: var(--bau-control-shadow-pressed);
    --usk-native-choice-checked-background: var(--bau-primary);
    --usk-native-choice-mark-color: var(--bau-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 50%, var(--bau-text) 50%), linear-gradient(135deg, var(--bau-text) 50%, transparent 50%);
    --usk-native-select-indicator-size: .58rem .58rem, .58rem .58rem;
    --usk-native-select-indicator-position: calc(100% - 1.45rem) 50%, calc(100% - 1.04rem) 50%;
    --usk-native-select-padding-inline-end: 3rem;
    --usk-native-range-track-size: .24rem;
    --usk-native-range-track-background: var(--bau-border);
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: var(--bau-primary);
    --usk-native-range-thumb-size: 1.55rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--bau-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: var(--bau-control-shadow-pressed);
    --usk-native-progress-size: .95rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--bau-surface-soft) 0 1.15rem, rgb(var(--bau-border-rgb) / .7) 1.15rem calc(1.15rem + 2px));
    --usk-native-progress-track-border: 2px solid var(--bau-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--bau-primary) 0 1.15rem, var(--bau-accent) 1.15rem 1.3rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-meter-optimum-background: var(--bau-success);
    --usk-native-meter-suboptimum-background: var(--bau-warning);
    --usk-native-meter-critical-background: var(--bau-danger);
    --usk-native-file-button-background: var(--bau-primary);
    --usk-native-file-button-border: 2px solid var(--bau-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: var(--bau-control-shadow);
    --usk-native-color-swatch-border: 2px solid var(--bau-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: 1;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-track: var(--bau-surface-soft);
    --usk-native-scrollbar-thumb: var(--bau-primary);
    --usk-native-scrollbar-radius: 0;
    --bau-bg: rgb(var(--bau-bg-rgb));
    --bau-surface: rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));
    --bau-surface-strong: rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));
    --bau-surface-soft: rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));
    --bau-text: rgb(var(--bau-text-rgb));
    --bau-text-muted: rgb(var(--bau-text-muted-rgb));
    --bau-fg: var(--bau-text);
    --bau-surface-fg: var(--bau-text);
    --bau-muted: var(--bau-text-muted);
    --bau-structural-ink: rgb(var(--bau-text-rgb));
    --bau-border: rgb(var(--bau-text-rgb) / .94);
    --bau-control-fg: var(--bau-text);
    --bau-primary: rgb(var(--bau-primary-rgb));
    --bau-primary-hover: rgb(var(--bau-primary-hover-rgb));
    --bau-primary-text: rgb(var(--bau-primary-text-rgb));
    --bau-secondary: rgb(var(--bau-secondary-rgb));
    --bau-secondary-hover: rgb(var(--bau-secondary-hover-rgb));
    --bau-secondary-text: rgb(var(--bau-secondary-text-rgb));
    --bau-on-primary: var(--bau-primary-text);
    --bau-on-secondary: var(--bau-secondary-text);
    --bau-on-accent: rgb(var(--bau-accent-text-rgb));
    --bau-on-success: rgb(var(--bau-success-text-rgb));
    --bau-on-warning: rgb(var(--bau-warning-text-rgb));
    --bau-on-danger: rgb(var(--bau-danger-text-rgb));
    --bau-accent: rgb(var(--bau-accent-rgb));
    --bau-success: rgb(var(--bau-success-rgb));
    --bau-warning: rgb(var(--bau-warning-rgb));
    --bau-danger: rgb(var(--bau-danger-rgb));
    --bau-link: rgb(var(--bau-link-rgb));
    --bau-focus: rgb(var(--bau-focus-rgb));
    --bau-focus-ring: 0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));
    --bau-theme-bg-size: auto, auto, var(--bau-grid-step) var(--bau-grid-step), var(--bau-grid-step) var(--bau-grid-step), auto;
    --bau-theme-bg: radial-gradient(circle at 78% 7rem, rgb(var(--bau-danger-rgb) / .24) 0 4.2rem, transparent 4.3rem), linear-gradient(90deg, transparent 0 72%, rgb(var(--bau-primary-rgb) / .16) 72% 100%), linear-gradient(90deg, rgb(var(--bau-text-rgb) / .12) var(--bau-rule-width), transparent var(--bau-rule-width)), linear-gradient(rgb(var(--bau-text-rgb) / .12) var(--bau-rule-width), transparent var(--bau-rule-width)), var(--bau-bg);
    --bau-card-bg: linear-gradient(90deg, var(--bau-primary) 0 .9rem, transparent .9rem), linear-gradient(180deg, rgb(var(--bau-text-rgb) / .12) 0 var(--bau-rule-width), transparent var(--bau-rule-width)), var(--bau-surface);
    --bau-control-bg: rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));
    --bau-spinner-track: rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));
    --bau-spinner-stroke: var(--bau-primary);
    --bau-spinner-accent: var(--bau-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="bauhaus"][data-mode] {
      --bau-border: color-mix(in srgb, var(--bau-structural-ink) 94%, var(--bau-bg));
    }
  }

  [data-ui="bauhaus"] {
    background: linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);
    color: var(--bau-text);
    font-family: var(--bau-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: 48px 48px;
    line-height: 1.5;
  }

  [data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
    box-sizing: border-box;
  }

  [data-ui="bauhaus"][data-mode] {
    background: var(--bau-theme-bg);
    background-size: var(--bau-theme-bg-size);
  }

  .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .usk-badge, :where([data-ui="bauhaus"]) .usk-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
    font-family: var(--bau-font-heading);
  }

  .bau-title {
    color: var(--bau-text);
    letter-spacing: -.075em;
    text-transform: uppercase;
    margin: 0;
    font-size: clamp(2.35rem, 6vw, 4.65rem);
    font-weight: 950;
    font-stretch: condensed;
    line-height: .94;
  }

  .bau-heading {
    color: var(--bau-text);
    letter-spacing: .02em;
    text-transform: uppercase;
    margin: 0;
    font-size: clamp(1.15rem, 2.4vw, 2rem);
    font-weight: 950;
    font-stretch: condensed;
    line-height: 1.05;
  }

  .bau-kicker {
    color: var(--usk-primary-ink, var(--bau-primary));
    letter-spacing: .16em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 950;
  }

  .bau-subtitle, .bau-copy {
    color: var(--bau-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .bau-text-muted {
    color: var(--bau-text-muted);
  }

  .bau-divider {
    width: 100%;
    height: var(--bau-rule-width);
    background: var(--bau-text);
    border: 0;
  }

  .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap {
    background: var(--bau-card-bg);
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-panel-shadow);
    transition: transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);
    border-radius: 0;
    position: relative;
  }

  .bau-surface:before, .bau-card:before, .bau-panel:before, :where([data-ui="bauhaus"]) .usk-card:before, :where([data-ui="bauhaus"]) .ui-card:before {
    content: "";
    background: var(--bau-accent);
    border-block-end: var(--bau-rule-width) solid var(--bau-border);
    border-inline-start: var(--bau-rule-width) solid var(--bau-border);
    pointer-events: none;
    block-size: .75rem;
    inline-size: clamp(2.75rem, 16%, 7rem);
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
  }

  .bau-toolbar, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--bau-space-4);
    padding: var(--bau-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .bau-surface-sm {
    box-shadow: var(--bau-control-shadow);
    border-radius: 0;
  }

  .bau-surface-lg {
    box-shadow: var(--bau-panel-shadow);
    border-radius: 0;
  }

  .bau-well, .bau-inset {
    background: var(--bau-surface-soft);
    color: var(--bau-text);
    border: var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.9));
    border-block-start-width: var(--bau-rule-heavy);
    padding: var(--bau-space-5);
    box-shadow: inset .65rem 0 0 rgb(var(--bau-primary-rgb)/.18);
    border-radius: 0;
  }

  .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--bau-space-2);
    background: var(--bau-surface);
    min-height: 3rem;
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow);
    font: inherit;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);
    border-radius: 0;
    padding: .84rem 1.25rem;
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .usk-button:hover, :where([data-ui="bauhaus"]) .usk-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover {
    border-color: var(--bau-border);
    box-shadow: var(--bau-control-shadow-hover);
    transform: translate(-.16rem, -.16rem);
  }

  .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .usk-button:active, :where([data-ui="bauhaus"]) .usk-icon-button:active, :where([data-ui="bauhaus"]) .usk-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .usk-button.is-active, :where([data-ui="bauhaus"]) .usk-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active {
    box-shadow: var(--bau-control-shadow-pressed);
    transform: translate(.12rem, .12rem);
  }

  .bau-button-primary:hover, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--bau-primary-hover);
    border-color: var(--bau-border);
  }

  .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--bau-secondary-hover);
    border-color: var(--bau-border);
  }

  .bau-button-ghost, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--bau-text);
    box-shadow: none;
    background: none;
  }

  .bau-icon-button, :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button {
    border-radius: 0;
    width: 3rem;
    padding: 0;
  }

  .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .usk-button:disabled, :where([data-ui="bauhaus"]) .usk-icon-button:disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled {
    opacity: .62;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
  }

  .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .ui-card {
    background: var(--bau-card-bg);
  }

  .bau-toolbar, .bau-table-wrap, .bau-button:where(:not([data-ui-variant])):not(:is(.bau-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.bau-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.bau-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.bau-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.bau-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.bau-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), .bau-icon-button, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.bau-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.bau-button-outline-heavy):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .ui-icon-button {
    background: var(--bau-control-bg);
  }

  .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .usk-badge, :where([data-ui="bauhaus"]) .usk-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
    font-family: var(--bau-font-control);
  }

  .bau-field, :where([data-ui="bauhaus"]) .usk-field, :where([data-ui="bauhaus"]) .ui-field {
    gap: var(--bau-space-2);
    flex-direction: column;
    display: flex;
  }

  .bau-label, :where([data-ui="bauhaus"]) .usk-label, :where([data-ui="bauhaus"]) .ui-label {
    color: var(--bau-text);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .82rem;
    font-weight: 950;
  }

  .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .usk-input, :where([data-ui="bauhaus"]) .usk-textarea, :where([data-ui="bauhaus"]) .usk-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select {
    background: var(--bau-control-bg);
    width: 100%;
    min-height: 3.125rem;
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    border-block-end-width: var(--bau-rule-heavy);
    box-shadow: none;
    font: inherit;
    transition: background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
    border-radius: 0;
    outline: none;
    padding: .78rem 1rem;
  }

  .bau-textarea, :where([data-ui="bauhaus"]) .usk-textarea, :where([data-ui="bauhaus"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .usk-input::placeholder, :where([data-ui="bauhaus"]) .usk-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder {
    color: var(--bau-text-muted);
    opacity: .82;
  }

  .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .usk-input:hover, :where([data-ui="bauhaus"]) .usk-textarea:hover, :where([data-ui="bauhaus"]) .usk-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover {
    box-shadow: inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.2);
  }

  .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .usk-input:focus, :where([data-ui="bauhaus"]) .usk-textarea:focus, :where([data-ui="bauhaus"]) .usk-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus {
    border-color: var(--bau-focus);
    box-shadow: var(--bau-focus-ring),inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.26);
  }

  .bau-help-text, :where([data-ui="bauhaus"]) .usk-help-text, :where([data-ui="bauhaus"]) .ui-help-text {
    color: var(--bau-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .usk-check, :where([data-ui="bauhaus"]) .usk-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio {
    align-items: center;
    gap: var(--bau-space-2);
    color: var(--bau-text);
    cursor: pointer;
    display: inline-flex;
  }

  .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .usk-check input, :where([data-ui="bauhaus"]) .usk-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .usk-check-control, :where([data-ui="bauhaus"]) .usk-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
    background: var(--bau-control-bg);
    border: var(--bau-rule-width) solid var(--bau-border);
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: var(--bau-control-shadow-pressed);
    transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .bau-radio-control, :where([data-ui="bauhaus"]) .usk-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control {
    border-radius: 50%;
  }

  .bau-check input:checked+.bau-check-control, .bau-radio input:checked+.bau-radio-control, :where([data-ui="bauhaus"]) .usk-check input:checked+.usk-check-control, :where([data-ui="bauhaus"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--bau-primary);
    border-color: var(--bau-border);
    box-shadow: var(--bau-control-shadow);
  }

  .bau-check input:checked+.bau-check-control:after, :where([data-ui="bauhaus"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    border: solid var(--bau-on-primary);
    border-width: 0 0 .18rem .18rem;
    width: .7rem;
    height: .42rem;
    transform: rotate(-45deg) translate(.03rem, -.03rem);
  }

  .bau-radio input:checked+.bau-radio-control:after, :where([data-ui="bauhaus"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--bau-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .bau-switch, :where([data-ui="bauhaus"]) .usk-switch, :where([data-ui="bauhaus"]) .ui-switch {
    align-items: center;
    gap: var(--bau-space-3);
    color: var(--bau-text);
    cursor: pointer;
    display: inline-flex;
  }

  .bau-switch input, :where([data-ui="bauhaus"]) .usk-switch input, :where([data-ui="bauhaus"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .bau-switch-track, :where([data-ui="bauhaus"]) .usk-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track {
    background: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    width: 3.75rem;
    height: 1.9rem;
    box-shadow: var(--bau-control-shadow-pressed);
    transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
    border-radius: 0;
    position: relative;
  }

  .bau-switch-thumb, :where([data-ui="bauhaus"]) .usk-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb {
    background: var(--bau-bg);
    border: var(--bau-rule-width) solid var(--bau-border);
    width: 1.18rem;
    height: 1.18rem;
    box-shadow: none;
    transition: left var(--bau-transition-fast),background var(--bau-transition-fast);
    border-radius: 0;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .bau-switch input:checked+.bau-switch-track, :where([data-ui="bauhaus"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--bau-primary);
    border-color: var(--bau-border);
    box-shadow: var(--bau-control-shadow);
  }

  .bau-switch input:checked+.bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--bau-on-primary);
    left: calc(100% - 1.4rem);
  }

  .bau-badge, :where([data-ui="bauhaus"]) .usk-badge, :where([data-ui="bauhaus"]) .ui-badge {
    align-items: center;
    gap: var(--bau-space-1);
    background: var(--bau-control-bg);
    min-height: 1.85rem;
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow-pressed);
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 0;
    padding: .42rem .72rem;
    font-size: .76rem;
    font-weight: 950;
    line-height: 1;
    display: inline-flex;
  }

  .bau-badge-primary, :where([data-ui="bauhaus"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-color: var(--bau-border);
  }

  .bau-badge-secondary, :where([data-ui="bauhaus"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--bau-secondary);
    color: var(--bau-on-secondary);
    border-color: var(--bau-border);
  }

  .bau-badge-success, :where([data-ui="bauhaus"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--bau-success);
    color: var(--bau-on-success);
    border-color: var(--bau-border);
  }

  .bau-badge-warning, :where([data-ui="bauhaus"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    border-color: var(--bau-border);
  }

  .bau-badge-danger, :where([data-ui="bauhaus"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--bau-danger);
    color: var(--bau-on-danger);
    border-color: var(--bau-border);
  }

  .bau-nav, :where([data-ui="bauhaus"]) .usk-nav, :where([data-ui="bauhaus"]) .ui-nav {
    background: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-panel-shadow);
    border-radius: 0;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    padding: 0;
    display: flex;
  }

  .bau-nav-link, :where([data-ui="bauhaus"]) .usk-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link {
    min-height: 3rem;
    color: var(--bau-bg);
    border-inline-end: var(--bau-rule-width) solid var(--bau-border);
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding: .75rem 1rem;
    font-size: .82rem;
    font-weight: 950;
    text-decoration: none;
    display: inline-flex;
  }

  .bau-nav-link:hover, :where([data-ui="bauhaus"]) .usk-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover {
    color: var(--bau-text);
    background: var(--bau-surface-strong);
    box-shadow: inset 0-.45rem 0 var(--bau-accent);
  }

  .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .usk-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .usk-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active {
    color: var(--bau-on-primary);
    background: var(--bau-primary);
  }

  .bau-tooltip, [data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="bauhaus"]) .usk-tooltip, :where([data-ui="bauhaus"]) .ui-tooltip {
    background: linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);
    max-inline-size: 16rem;
    color: var(--bau-text);
    border: 2px double var(--bau-border);
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: .08em;
    border-radius: 0;
    align-items: center;
    gap: .45rem;
    padding: .58rem .78rem;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.25;
    display: inline-flex;
  }

  .bau-tooltip-arrow {
    background: var(--bau-accent);
    flex: none;
    block-size: .6rem;
    inline-size: .6rem;
    transform: rotate(45deg);
  }

  .bau-progress, :where([data-ui="bauhaus"]) .usk-progress, :where([data-ui="bauhaus"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.15rem,rgb(var(--bau-border-rgb)/.7) 1.15rem calc(1.15rem + 2px));
    border: var(--bau-rule-width) solid var(--bau-border);
    border-radius: 0;
    width: 100%;
    height: 1rem;
    overflow: hidden;
  }

  .bau-progress-bar, :where([data-ui="bauhaus"]) .usk-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar {
    height: 100%;
    width: var(--bau-progress-value, 50%);
    background: repeating-linear-gradient(90deg,var(--bau-primary)0 1.15rem,var(--bau-accent) 1.15rem 1.3rem);
    border-radius: 0;
  }

  .bau-alert, :where([data-ui="bauhaus"]) .usk-alert, :where([data-ui="bauhaus"]) .ui-alert {
    gap: var(--bau-space-2);
    padding: var(--bau-space-4);
    background: var(--bau-card-bg);
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow);
    border-inline-start-width: .7rem;
    border-radius: 0;
    display: grid;
  }

  .bau-alert-success, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--bau-success);
  }

  .bau-alert-warning, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--bau-warning);
  }

  .bau-alert-danger, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--bau-danger);
  }

  .bau-alert-title, :where([data-ui="bauhaus"]) .usk-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title {
    letter-spacing: .05em;
    text-transform: uppercase;
    margin: 0;
    font-weight: 950;
  }

  .bau-alert-body, :where([data-ui="bauhaus"]) .usk-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body {
    color: var(--bau-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .bau-table-wrap, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap {
    overflow: auto;
  }

  .bau-table, :where([data-ui="bauhaus"]) .usk-table, :where([data-ui="bauhaus"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .usk-table th, :where([data-ui="bauhaus"]) .usk-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td {
    text-align: left;
    border-bottom: var(--bau-rule-width) solid var(--bau-border);
    border-inline-end: 1px solid rgb(var(--bau-border-rgb)/.55);
    padding: .95rem 1rem;
  }

  .bau-table th, :where([data-ui="bauhaus"]) .usk-table th, :where([data-ui="bauhaus"]) .ui-table th {
    color: var(--bau-on-primary);
    text-transform: uppercase;
    letter-spacing: .09em;
    background: var(--bau-primary);
    font-size: .82rem;
    font-weight: 950;
  }

  .bau-table td, :where([data-ui="bauhaus"]) .usk-table td, :where([data-ui="bauhaus"]) .ui-table td {
    color: var(--bau-text-muted);
  }

  .bau-table tr:hover td, :where([data-ui="bauhaus"]) .usk-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td {
    color: var(--bau-text);
    background: rgb(var(--bau-primary-rgb)/.1);
  }

  .bau-text-primary {
    color: var(--usk-primary-ink, var(--bau-primary));
  }

  .bau-text-secondary {
    color: var(--bau-secondary);
  }

  .bau-text-accent {
    color: var(--usk-accent-ink, var(--bau-accent));
  }

  .bau-text-success {
    color: var(--bau-success);
  }

  .bau-text-warning {
    color: var(--bau-warning);
  }

  .bau-text-danger {
    color: var(--bau-danger);
  }

  .bau-bg-primary {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
  }

  .bau-bg-secondary {
    background: var(--bau-secondary);
    color: var(--bau-on-secondary);
  }

  .bau-border {
    border: 2px solid var(--bau-border);
  }

  .bau-rounded {
    border-radius: var(--bau-radius-md);
  }

  .bau-rounded-lg {
    border-radius: var(--bau-radius-lg);
  }

  .bau-rounded-xl {
    border-radius: var(--bau-radius-xl);
  }

  .bau-pill {
    border-radius: var(--bau-radius-pill);
  }

  .bau-sr-only, .bau-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .bau-skip-link {
    z-index: 9999;
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-radius: var(--bau-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .bau-skip-link:focus {
    transform: translateY(0);
  }

  .bau-composition {
    isolation: isolate;
    position: relative;
    overflow: hidden;
  }

  .bau-composition:before {
    content: "";
    border-inline-start: var(--bau-rule-width) solid rgb(var(--bau-text-rgb)/.62);
    pointer-events: none;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 28%;
  }

  .bau-composition:after {
    content: "";
    background: var(--bau-danger);
    border: var(--bau-rule-width) solid var(--bau-border);
    opacity: .9;
    pointer-events: none;
    border-radius: 50%;
    block-size: 7rem;
    inline-size: 7rem;
    position: absolute;
    top: -2rem;
    right: -2rem;
  }

  .bau-block {
    background: var(--bau-primary);
    min-block-size: 4rem;
    min-inline-size: 4rem;
    color: var(--bau-on-primary);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow);
    letter-spacing: .08em;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-weight: 950;
    display: inline-flex;
  }

  .bau-rail {
    border-left: .9rem solid var(--bau-primary);
    padding-left: var(--bau-space-4);
    box-shadow: inset var(--bau-rule-width)0 0 var(--bau-border);
  }

  .bau-spinner, .bau-loading-spinner, [data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="bauhaus"]) .usk-spinner, :where([data-ui="bauhaus"]) .ui-spinner {
    border: .2rem double var(--bau-border);
    border-block-start-color: var(--bau-spinner-stroke);
    border-inline-end-color: var(--bau-spinner-accent);
    border-radius: var(--bau-radius-xs);
    background: conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);
    vertical-align: -.2em;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .8s steps(4, end) infinite bau-spin;
    display: inline-block;
  }

  .bau-spinner-sm {
    border-width: .12rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .bau-spinner-lg {
    border-width: .28rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .usk-button[aria-busy="true"], :where([data-ui="bauhaus"]) .usk-icon-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .usk-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--bau-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite bau-spin;
    display: inline-block;
  }

  @keyframes bau-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .bau-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.86);
    filter: saturate(1.08) contrast(1.08);
    border-radius: 0;
    inline-size: 100%;
    display: block;
  }

  .bau-card-service {
    gap: var(--bau-space-3);
    text-align: left;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .bau-card-service > .bau-icon-medallion {
    z-index: 2;
    justify-self: start;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .bau-card-service > .bau-card-media + .bau-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .bau-card-feature {
    gap: var(--bau-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .bau-card-accent-edge {
    border-inline-start: .35rem solid var(--bau-primary);
  }

  .bau-icon-medallion {
    background: var(--bau-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--bau-on-primary);
    border: var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.82);
    box-shadow: var(--bau-control-shadow);
    border-radius: 0;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .bau-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .bau-button.bau-button-cut, .bau-button-cut, :where([data-ui="bauhaus"]) .usk-button.bau-button-cut, :where([data-ui="bauhaus"]) .ui-button.bau-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .bau-button.bau-button-cut:focus-visible, .bau-button-cut:focus-visible, :where([data-ui="bauhaus"]) .usk-button.bau-button-cut:focus-visible, :where([data-ui="bauhaus"]) .ui-button.bau-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .bau-button.bau-button-outline-heavy, .bau-button-outline-heavy, :where([data-ui="bauhaus"]) .usk-button.bau-button-outline-heavy, :where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy {
    color: var(--usk-primary-ink, var(--bau-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--bau-primary);
    box-shadow: none;
    background: none;
  }

  .bau-button.bau-button-outline-heavy:hover, .bau-button-outline-heavy:hover, :where([data-ui="bauhaus"]) .usk-button.bau-button-outline-heavy:hover, :where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy:hover {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-color: var(--bau-primary-hover);
  }

  .bau-badge-seal {
    aspect-ratio: 1;
    background: var(--bau-warning);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--bau-on-warning);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow);
    text-align: center;
    font-family: var(--bau-font-heading);
    letter-spacing: .04em;
    border-radius: 0;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .bau-feature-strip {
    background: var(--bau-card-bg);
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    border-radius: 0;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .bau-feature-item {
    align-items: center;
    gap: var(--bau-space-3);
    min-inline-size: 0;
    padding: var(--bau-space-4);
    border-inline-end: 1px solid rgb(var(--bau-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .bau-feature-item:last-child {
    border-inline-end: 0;
  }

  .bau-feature-item > :where(p, small) {
    color: var(--bau-text-muted);
    margin: 0;
  }

  .bau-callout-bar {
    align-items: center;
    gap: var(--bau-space-4);
    padding: var(--bau-space-4) var(--bau-space-5);
    background: var(--bau-card-bg);
    color: var(--bau-text);
    border: var(--bau-rule-width) solid var(--bau-border);
    box-shadow: var(--bau-control-shadow);
    border-radius: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .bau-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .bau-callout-bar>:where(.bau-button,a,button):last-child, :where([data-ui="bauhaus"]) .bau-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .bau-eyebrow {
    color: var(--usk-primary-ink, var(--bau-primary));
    font-family: var(--bau-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .bau-media-scrim {
    isolation: isolate;
    background: linear-gradient(135deg,var(--bau-primary)0 35%,var(--bau-warning) 35% 48%,var(--bau-danger) 48% 100%);
    border: var(--bau-rule-width) solid var(--bau-border);
    border-radius: 0;
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .bau-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .bau-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    border-block-start: var(--bau-rule-width) solid var(--bau-warning);
    background: linear-gradient(to top, #000000eb, #000000a3 58%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .bau-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .bau-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .bau-callout-bar>:where(.bau-button,a,button):last-child, :where([data-ui="bauhaus"]) .bau-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .bau-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--bau-border-rgb)/.62);
    }

    .bau-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .bau-card-service, .bau-card-feature, .bau-feature-strip, .bau-callout-bar, .bau-media-scrim {
    border-width: 2px;
    border-radius: 0;
  }

  .bau-icon-medallion, .bau-badge-seal {
    box-shadow: .3rem .3rem 0 var(--bau-text);
    border-width: 2px;
    border-radius: 0;
  }

  .bau-card-accent-edge {
    border-inline-start-width: .5rem;
  }

  .bau-button-cut {
    clip-path: polygon(.55rem 0, 100% 0, calc(100% - .55rem) 100%, 0 100%);
  }

  .bau-button.bau-button-cut, .bau-button-cut, :where([data-ui="bauhaus"]) .usk-button.bau-button-cut, :where([data-ui="bauhaus"]) .ui-button.bau-button-cut {
    clip-path: polygon(.7rem 0, 100% 0, calc(100% - .45rem) 100%, 0 100%);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    inline-size: min(100%, 12rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .bau-button.bau-button-outline-heavy, .bau-button-outline-heavy, :where([data-ui="bauhaus"]) .usk-button.bau-button-outline-heavy, :where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy {
    clip-path: polygon(0 0, calc(100% - .7rem) 0, 100% 100%, .45rem 100%);
    box-shadow: inset .32rem 0 0 rgb(var(--bau-primary-rgb)/.24);
    border-width: 2px;
    border-radius: 0;
  }

  .bau-card-service, .bau-media-scrim, .bau-feature-strip, .bau-callout-bar, .bau-well {
    border: 2px solid var(--bau-border);
    border-inline-start-width: .48rem;
    border-inline-start-color: var(--bau-primary);
    box-shadow: none;
    border-radius: 0;
  }

  [data-ui="bauhaus"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 2px solid var(--bau-primary);
    box-shadow: .22rem .22rem 0 rgb(var(--bau-text-rgb)/.72);
    border-radius: 0;
  }

  [data-ui="bauhaus"][data-mode] :where(dialog) {
    border: 2px solid var(--bau-border);
    box-shadow: .4rem .4rem 0 rgb(var(--bau-text-rgb)/.32);
    border-inline-start-width: .48rem;
    border-radius: 0;
  }

  .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .usk-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);
    box-shadow: none;
    clip-path: inset(0);
    border: .12em double;
    border-radius: 0;
    animation: .78s steps(4, end) infinite bau-spin;
  }

  [data-ui="bauhaus"][data-mode] {
    --usk-native-font-control: var(--bau-font-heading);
    --usk-native-control-min-block-size: 3.125rem;
    --usk-native-control-padding-block: .72rem;
    --usk-native-control-padding-inline: 1.15rem;
    --usk-native-border-width: 2px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: .22rem .22rem 0 rgb(var(--bau-text-rgb) / .78);
    --usk-native-shadow-md: .46rem .46rem 0 rgb(var(--bau-text-rgb) / .28);
    --usk-native-focus-ring: 0 0 0 2px var(--bau-surface-strong), 0 0 0 5px var(--bau-primary);
    --usk-native-subcontrol-padding-block: .49rem;
    --usk-native-subcontrol-padding-inline: .84rem;
    --usk-native-choice-size: 1.52rem;
    --usk-native-choice-background: var(--bau-control-bg);
    --usk-native-choice-border: 2px solid var(--bau-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 0 0 2px var(--bau-surface-strong);
    --usk-native-choice-checked-background: var(--bau-primary);
    --usk-native-choice-mark-color: var(--bau-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 48%, var(--bau-text) 49%), linear-gradient(135deg, var(--bau-text) 51%, transparent 52%);
    --usk-native-select-indicator-size: .62rem .62rem, .62rem .62rem;
    --usk-native-select-indicator-position: calc(100% - 1.5rem) 50%, calc(100% - 1.05rem) 50%;
    --usk-native-select-padding-inline-end: 3.2rem;
    --usk-native-range-track-size: .3rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--bau-warning) 0 34%, var(--bau-border) 34% 68%, var(--bau-primary) 68%);
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: inset 0 -2px 0 rgb(var(--bau-text-rgb) / .3);
    --usk-native-range-progress-background: var(--bau-primary);
    --usk-native-range-thumb-size: 1.58rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--bau-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: .16rem .16rem 0 rgb(var(--bau-text-rgb) / .7);
    --usk-native-progress-size: .98rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--bau-surface-soft) 0 1.18rem, var(--bau-border) 1.18rem 1.3rem);
    --usk-native-progress-track-border: 2px solid var(--bau-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--bau-primary) 0 1.18rem, var(--bau-warning) 1.18rem 1.3rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset -2px 0 0 var(--bau-border);
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-track: var(--bau-surface-soft);
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--bau-primary) 0 64%, var(--bau-warning) 64%);
    --usk-native-scrollbar-radius: 0;
  }

  .bau-title {
    letter-spacing: max(.035em, .5px);
    margin-block: .75rem;
    font-weight: 900;
  }

  .bau-label, :where([data-ui="bauhaus"]) .usk-label, :where([data-ui="bauhaus"]) .ui-label {
    font-size: .7rem;
    font-weight: 850;
  }

  .bau-button, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .ui-button {
    background: var(--bau-primary);
    min-height: 3.125rem;
    box-shadow: .22rem .22rem 0 rgb(var(--bau-text-rgb)/.78);
    border-radius: 0;
    padding: .72rem 1.15rem;
    font-weight: 900;
  }

  .bau-input, :where([data-ui="bauhaus"]) .usk-input, :where([data-ui="bauhaus"]) .ui-input {
    border-radius: 0;
    min-height: 3rem;
    padding: .68rem 1rem;
  }

  .bau-card, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .ui-card {
    background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-card-bg);
    border: 2px solid var(--bau-border);
    box-shadow: none;
    border-radius: 0 4rem 0 0;
    padding: 1.5rem;
  }

  .bau-well {
    background: linear-gradient(135deg,rgb(var(--bau-warning-rgb)/.16)0 25%,transparent 25%),var(--bau-surface-soft);
    border: 2px solid var(--bau-border);
    box-shadow: inset .5rem 0 0 var(--bau-primary);
  }

  .bau-badge, :where([data-ui="bauhaus"]) .usk-badge, :where([data-ui="bauhaus"]) .ui-badge {
    border-radius: 0;
    min-height: 1.82rem;
    padding: .28rem .68rem;
  }

  .bau-alert, :where([data-ui="bauhaus"]) .usk-alert, :where([data-ui="bauhaus"]) .ui-alert {
    background: linear-gradient(90deg,var(--bau-warning)0 .58rem,var(--bau-card-bg) .58rem);
    border: 2px solid var(--bau-border);
    box-shadow: none;
    border-radius: 0 0 0 2rem;
  }

  .bau-table-wrap, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap {
    background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.08)0 .5rem,transparent .5rem),var(--bau-card-bg);
    box-shadow: none;
    border-radius: 0;
  }

  .bau-table th, :where([data-ui="bauhaus"]) .usk-table th, :where([data-ui="bauhaus"]) .ui-table th {
    background: var(--bau-border);
    padding: .82rem 1rem;
    font-weight: 900;
  }

  .bau-table td, :where([data-ui="bauhaus"]) .usk-table td, :where([data-ui="bauhaus"]) .ui-table td {
    padding: .78rem .98rem;
  }

  .bau-nav, .bau-panel, .bau-toolbar, .bau-tooltip, [data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .bau-card-service, .bau-feature-strip, .bau-callout-bar, :where([data-ui="bauhaus"]) .usk-nav, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-tooltip, :where([data-ui="bauhaus"]) .ui-nav, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-tooltip {
    border: 2px solid var(--bau-border);
    box-shadow: none;
    border-radius: 0;
  }

  .bau-check-control, .bau-switch-track, :where([data-ui="bauhaus"]) .usk-check-control, :where([data-ui="bauhaus"]) .usk-switch-track, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-switch-track {
    border-radius: 0;
  }

  .bau-card, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .ui-card {
    border-radius: 0 4rem 0 0;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .bau-panel, .bau-card-service, .bau-feature-strip, .bau-callout-bar {
      background: linear-gradient(90deg,color-mix(in srgb,var(--bau-surface) 68%,var(--bau-primary))0 18%,transparent 18% 78%,color-mix(in srgb,var(--bau-surface) 64%,var(--bau-warning)) 78%),var(--bau-card-bg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="bauhaus"] {
      --bau-border-alpha: 1;
      --bau-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="bauhaus"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="bauhaus"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="bauhaus"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="bauhaus"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="bauhaus"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .bau-input[readonly], .bau-textarea[readonly], :where([data-ui="bauhaus"]) .usk-input[readonly], :where([data-ui="bauhaus"]) .usk-textarea[readonly], :where([data-ui="bauhaus"]) .ui-input[readonly], :where([data-ui="bauhaus"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .bau-button-primary, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-color: var(--bau-primary);
  }

  .bau-button-secondary, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--bau-secondary);
    color: var(--bau-on-secondary);
    border-color: var(--bau-secondary);
  }

  .bau-button-danger, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--bau-danger);
    color: var(--bau-on-danger);
    border-color: var(--bau-danger);
  }

  .bau-button-ghost, :where([data-ui="bauhaus"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--bau-text));
    background: none;
    border-color: #0000;
  }

  .bau-feature-item > .bau-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .bau-callout-bar > .bau-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="bauhaus"][data-mode] .bau-button.bau-button-warning, :where([data-ui="bauhaus"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="bauhaus"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    border-color: var(--bau-warning);
    text-shadow: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet *, [data-ui="bauhaus"][data-mode] .bau-sheet :before, [data-ui="bauhaus"][data-mode] .bau-sheet :after {
    box-sizing: border-box;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet button, [data-ui="bauhaus"][data-mode] .bau-sheet input, [data-ui="bauhaus"][data-mode] .bau-sheet select, [data-ui="bauhaus"][data-mode] .bau-sheet textarea {
    font: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet button {
    color: inherit;
    cursor: pointer;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet button:focus-visible, [data-ui="bauhaus"][data-mode] .bau-sheet input:focus-visible, [data-ui="bauhaus"][data-mode] .bau-sheet select:focus-visible, [data-ui="bauhaus"][data-mode] .bau-sheet textarea:focus-visible, [data-ui="bauhaus"][data-mode] .bau-sheet summary:focus-visible {
    outline: 3px solid var(--bau-warning);
    outline-offset: 2px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet h1, [data-ui="bauhaus"][data-mode] .bau-sheet h2, [data-ui="bauhaus"][data-mode] .bau-sheet p {
    margin: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet h2, [data-ui="bauhaus"][data-mode] .bau-sheet legend, [data-ui="bauhaus"][data-mode] .bau-sheet th {
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    text-transform: uppercase;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet h2 {
    font-size: 15px;
    font-weight: 800;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet svg {
    flex: none;
    display: block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel {
    background: var(--bau-surface);
    border: 2px solid var(--bau-border);
    box-shadow: none;
    border-radius: 0;
    min-height: 0;
    padding: 14px;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel > header {
    border-bottom: 2px solid;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 6px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel > header > svg {
    color: var(--usk-primary-ink, var(--bau-primary));
    width: 18px;
    height: 18px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar {
    background: var(--bau-workshop-rail-bg);
    border-right: 3px solid var(--bau-workshop-rail-text);
    color: var(--bau-workshop-rail-text);
    flex-direction: column;
    height: 100%;
    padding: 24px 0 14px;
    display: flex;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="light"] .bau-sidebar {
    border-right-color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand {
    align-items: center;
    gap: 10px;
    padding: 0 18px 24px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark {
    border: 2px solid var(--bau-workshop-rail-text);
    color: var(--bau-workshop-rail-text);
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark svg {
    width: 20px;
    height: 20px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand > span:last-child {
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong {
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    font-size: 21px;
    font-weight: 800;
    line-height: .95;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small {
    letter-spacing: 0;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav {
    border-block: 2px solid var(--bau-workshop-rail-text);
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button {
    border: 0;
    border-bottom: 1px solid var(--bau-workshop-rail-bg);
    color: var(--bau-workshop-rail-text);
    font-family: var(--bau-font-heading);
    text-align: left;
    text-transform: uppercase;
    background: none;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 42px;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 700;
    transition: background-color .12s linear, color .12s linear;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:last-child {
    border-bottom: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button svg {
    width: 17px;
    height: 17px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:hover {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button.is-active {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer {
    flex: 1;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note {
    background: var(--bau-workshop-rail-bg);
    border: 2px solid var(--bau-workshop-rail-text);
    color: var(--bau-workshop-rail-text);
    min-height: 202px;
    margin: 0 14px;
    padding: 15px;
    position: relative;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong {
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.05;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note p {
    color: var(--bau-workshop-rail-text);
    max-width: 130px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.35;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note img {
    object-fit: contain;
    width: 180px;
    height: 125px;
    position: absolute;
    bottom: -10px;
    right: -4px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle {
    background: var(--bau-workshop-rail-bg);
    border: 2px solid var(--bau-workshop-rail-text);
    color: var(--bau-workshop-rail-text);
    font-family: var(--bau-font-heading);
    text-transform: uppercase;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    margin: 10px 14px 0;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle > svg {
    width: 18px;
    height: 18px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch {
    border: 2px solid var(--bau-border);
    background: none;
    width: 38px;
    height: 20px;
    padding: 1px;
    transition: background-color .12s linear;
    display: inline-flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch {
    border-color: var(--bau-workshop-rail-text);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch > span {
    background: var(--bau-border);
    width: 14px;
    height: 14px;
    transition: transform .12s linear;
    display: block;
    transform: translateX(0);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch > span {
    background: var(--bau-workshop-rail-text);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"], [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on {
    background: var(--bau-primary);
    border-color: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"] > span, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on > span {
    background: var(--bau-on-primary);
    transform: translateX(18px);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas {
    background: var(--bau-border);
    grid-template-rows: 388px 286px 322px;
    gap: 6px;
    height: 1024px;
    padding: 0;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid {
    gap: 6px;
    min-height: 0;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero {
    background: var(--bau-surface);
    padding: 0;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy {
    z-index: 2;
    position: absolute;
    top: 48px;
    left: 34px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow {
    color: var(--usk-primary-ink, var(--bau-primary));
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 700;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 {
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    text-transform: uppercase;
    max-width: 490px;
    margin: 14px 0 17px;
    font-size: 57px;
    font-weight: 800;
    line-height: .83;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span {
    color: var(--usk-primary-ink, var(--bau-primary));
    letter-spacing: 0;
    font-size: 37px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero p {
    letter-spacing: 0;
    max-width: 350px;
    font-size: 12px;
    font-weight: 600;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions {
    gap: 8px;
    margin-top: 24px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button {
    background: var(--bau-surface);
    border: 2px solid var(--bau-border);
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 35px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 700;
    transition: background-color .1s linear, color .1s linear, transform .1s linear;
    display: inline-flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled) {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    transform: translate(-2px, -2px);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:active:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:active:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:active:not(:disabled) {
    transform: translate(1px, 1px);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-primary, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-primary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-hover, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-busy, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-primary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy {
    background: var(--bau-primary);
    border-color: var(--bau-primary);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-hover, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover {
    background: var(--bau-primary-hover);
    transform: translate(-2px, -2px);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-secondary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-secondary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-secondary {
    border-color: var(--bau-border);
    color: var(--bau-text);
    background: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-danger, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-danger, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-danger {
    background: var(--bau-danger);
    border-color: var(--bau-danger);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-ghost, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-ghost, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-ghost {
    color: var(--usk-primary-ink, var(--bau-primary));
    background: none;
    border-color: #0000;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled {
    background: var(--bau-surface-soft);
    border-color: var(--bau-surface-soft);
    color: var(--bau-on-primary);
    cursor: not-allowed;
    opacity: .7;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="dark"] .bau-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet[data-mode="dark"] .usk-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet[data-mode="dark"] .ui-button:disabled {
    background: var(--bau-surface-soft);
    border-color: var(--bau-surface-soft);
    color: var(--bau-text-muted);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions {
    grid-template-rows: auto repeat(7, 1fr);
    gap: 6px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions header {
    margin-bottom: 2px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions .bau-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-actions .usk-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-actions .ui-button {
    width: 100%;
    min-height: 0;
    padding-block: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system {
    background: var(--bau-primary);
    border-color: var(--bau-border);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > header {
    margin-bottom: 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > header > svg {
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > p {
    text-transform: uppercase;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-dot {
    background: var(--bau-warning);
    border: 1px solid;
    width: 8px;
    height: 8px;
    display: inline-block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row {
    border: 1px solid;
    grid-template-columns: 1fr 64px;
    align-items: center;
    gap: 8px;
    min-height: 60px;
    margin-bottom: 8px;
    padding: 9px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row span {
    gap: 1px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small {
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong {
    letter-spacing: 0;
    text-transform: uppercase;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small {
    color: var(--bau-on-primary);
    font-weight: 600;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > small {
    color: var(--bau-on-primary);
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > button {
    color: var(--bau-on-primary);
    text-transform: uppercase;
    background: none;
    border: 0;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress {
    appearance: none;
    background: var(--bau-surface-soft);
    border: 1px solid;
    border-radius: 0;
    width: 100%;
    height: 8px;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress {
    background: var(--bau-surface-soft);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-bar {
    background: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-bar {
    background: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-bar {
    background: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-bar {
    background: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-value {
    background: var(--bau-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-moz-progress-bar {
    background: var(--bau-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-value {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-value {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-value {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-moz-progress-bar {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-moz-progress-bar {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-moz-progress-bar {
    background: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack {
    gap: 6px;
    min-height: 0;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack {
    grid-template-rows: 1.55fr .95fr;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > header {
    margin-bottom: 4px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > header > svg {
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > strong {
    font-family: var(--bau-font-heading);
    margin-top: 6px;
    font-size: 37px;
    line-height: 1;
    display: block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > span {
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 700;
    display: block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > div {
    align-items: center;
    gap: 8px;
    margin: 14px 0 10px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > div small {
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota {
    background: var(--bau-danger);
    color: var(--bau-on-primary);
    grid-template-columns: 1fr 92px;
    align-items: center;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy {
    gap: 2px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy strong {
    font-family: var(--bau-font-heading);
    font-size: 29px;
    line-height: 1;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy span {
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 600;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota meter, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders meter {
    accent-color: var(--bau-warning);
    width: 100%;
    height: 15px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel > header > span {
    color: var(--bau-text-muted);
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 600;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px 6px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field {
    gap: 3px;
    min-width: 0;
    display: grid;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field>span:first-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field>span:first-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field>span:first-child {
    color: var(--bau-text-muted);
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field select, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field input, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field select, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field textarea, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field select, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea {
    background: var(--bau-surface);
    border: 1px solid var(--bau-border);
    color: var(--bau-text);
    border-radius: 0;
    width: 100%;
    min-width: 0;
    height: 27px;
    padding: 0 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input::placeholder, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea::placeholder, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input::placeholder, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field input::placeholder, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field textarea::placeholder, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input::placeholder, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea::placeholder {
    color: var(--bau-text-muted);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field textarea, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea {
    resize: none;
    height: 33px;
    padding-top: 6px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon {
    display: block;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon > svg {
    color: var(--bau-text-muted);
    pointer-events: none;
    z-index: 1;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon > input {
    padding-left: 24px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end > input {
    padding-left: 7px;
    padding-right: 26px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end > button {
    z-index: 2;
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end > button svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input[type="color"], :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field input[type="color"], :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input[type="color"] {
    padding: 2px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input {
    opacity: 0;
    z-index: 2;
    height: 27px;
    position: absolute;
    top: 13px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-file > span:last-child {
    background: var(--bau-surface);
    border: 1px dashed var(--bau-border);
    color: var(--usk-primary-ink, var(--bau-primary));
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 27px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-file > span:last-child svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset {
    border: 0;
    margin: 0 0 7px;
    padding: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices legend {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset > label, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row {
    color: var(--bau-text-muted);
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="checkbox"], [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="radio"] {
    accent-color: var(--bau-primary);
    width: 15px;
    height: 15px;
    margin: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row {
    background: none;
    border: 0;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row:disabled {
    opacity: .48;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders > label {
    gap: 5px;
    margin-bottom: 13px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders > label > span {
    color: var(--bau-text-muted);
    font-family: var(--bau-font-heading);
    text-transform: uppercase;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 700;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders output {
    color: var(--bau-text);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders input[type="range"] {
    accent-color: var(--bau-primary);
    width: 100%;
    height: 7px;
    margin: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper {
    justify-content: space-between;
    align-items: center;
    margin: 3px 0 13px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper>span {
    background: var(--bau-surface);
    border: 1px solid var(--bau-border);
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-complete, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper>span.is-complete, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper>span.is-complete {
    background: var(--bau-primary);
    border-color: var(--bau-primary);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-current, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper>span.is-current, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper>span.is-current {
    background: var(--bau-warning);
    border-color: var(--bau-border);
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper>span svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper>span svg {
    width: 10px;
    height: 10px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>i, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-stepper>i, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-stepper>i {
    background: var(--bau-border);
    width: 23px;
    height: 2px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-segment, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-segment {
    border: 1px solid var(--bau-border);
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-segment button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-segment button {
    border: 0;
    border-right: 1px solid var(--bau-border);
    color: var(--bau-text-muted);
    font-family: var(--bau-font-heading);
    text-transform: uppercase;
    background: none;
    min-height: 27px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button:last-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-segment button:last-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-segment button:last-child {
    border-right: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button.is-active, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-segment button.is-active, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-segment button.is-active {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    font-weight: 800;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-badges {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 11px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status {
    background: var(--bau-primary);
    border: 1px solid var(--bau-border);
    color: var(--bau-on-primary);
    font-family: var(--bau-font-heading);
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 0;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-violet, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-info {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success {
    background: var(--bau-success);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-warning {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger {
    background: var(--bau-danger);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast {
    border: 2px solid var(--bau-border);
    align-items: flex-start;
    gap: 8px;
    min-height: 66px;
    margin-bottom: 7px;
    padding: 9px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert {
    background: var(--bau-danger);
    color: var(--bau-on-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>svg, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert>svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast>svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast>svg {
    width: 16px;
    height: 16px;
    margin-top: 1px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast>span {
    gap: 3px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert strong, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast strong, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert strong, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast strong, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert strong, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast strong {
    color: currentColor;
    text-transform: uppercase;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert small, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast small, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert small, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast small, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert small, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast small {
    color: currentColor;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast button {
    color: currentColor;
    background: none;
    border: 0;
    padding: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button svg, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack {
    grid-template-rows: 1fr 1fr;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading {
    padding: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel > header, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading > header {
    margin-bottom: 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel {
    z-index: 4;
    position: relative;
    overflow: visible;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel > button {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel > button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"] {
    background: var(--bau-workshop-rail-bg);
    border: 2px solid var(--bau-warning);
    color: var(--bau-on-primary);
    width: 105px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.45;
    position: absolute;
    bottom: 9px;
    left: 39px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading {
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading > header {
    flex: 1 0 100%;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-spinner, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-spinner {
    color: var(--usk-primary-ink, var(--bau-primary));
    width: 31px;
    height: 31px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-spin {
    animation: 1s linear infinite bau-spin;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-skeleton, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-skeleton {
    gap: 5px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-skeleton span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-skeleton span {
    background: var(--bau-border);
    height: 7px;
    animation: 1.5s steps(2, end) infinite bau-workshop-pulse;
    display: block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(2), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-skeleton span:nth-child(2), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-skeleton span:nth-child(2) {
    background: var(--bau-primary);
    width: 76%;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(3), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-skeleton span:nth-child(3), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-skeleton span:nth-child(3) {
    background: var(--bau-warning);
    width: 54%;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel {
    grid-template-rows: auto 1fr auto;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > header {
    margin-bottom: 8px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > header > div:first-child {
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > header > div:first-child > span {
    color: var(--bau-text-muted);
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 600;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label {
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label > svg {
    color: var(--bau-text-muted);
    width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: 7px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input {
    width: 92px;
    height: 26px;
    padding-left: 23px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools > button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td > button {
    background: var(--bau-surface);
    border: 1px solid var(--bau-border);
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools > button svg, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td > button svg {
    width: 13px;
    height: 13px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-table-wrap, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap {
    border: 1px solid var(--bau-border);
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel thead {
    background: var(--bau-border);
    color: var(--bau-surface);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td {
    border-bottom: 1px solid var(--bau-border);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    padding: 0 8px;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th {
    border-bottom: 1px solid var(--bau-border);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:first-child {
    width: 58px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(3) {
    width: 63px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(4) {
    width: 72px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(5) {
    width: 104px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(6) {
    width: 88px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(7) {
    width: 30px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:last-child td {
    border-bottom: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:nth-child(2n) {
    background: var(--bau-surface-soft);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel .bau-status {
    min-height: 20px;
    padding-inline: 6px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell {
    grid-template-columns: 27px 1fr;
    align-items: center;
    gap: 7px;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell b {
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > footer {
    color: var(--bau-text-muted);
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > footer nav {
    gap: 4px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > footer nav button {
    background: var(--bau-surface);
    border: 1px solid var(--bau-border);
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel > footer nav button.is-active {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    font-weight: 800;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card {
    flex-direction: column;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card > header {
    justify-content: flex-start;
    align-items: center;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon {
    background: var(--bau-primary);
    border: 1px solid var(--bau-border);
    color: var(--bau-on-primary);
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon svg {
    width: 22px;
    height: 22px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card > header > div {
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card > header .bau-status {
    min-height: 18px;
    padding-inline: 5px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card > p {
    color: var(--bau-text-muted);
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 1.45;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl {
    border-block: 1px solid var(--bau-border);
    margin: 0 0 8px;
    padding: 8px 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl > div {
    justify-content: space-between;
    margin-bottom: 4px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl > div:last-child {
    margin-bottom: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dt {
    color: var(--bau-text-muted);
    text-transform: uppercase;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dd {
    margin: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox {
    border: 1px solid var(--bau-border);
    margin-bottom: 8px;
    display: grid;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox button {
    border: 0;
    border-bottom: 1px solid var(--bau-border);
    text-align: left;
    background: none;
    justify-content: space-between;
    align-items: center;
    min-height: 27px;
    padding: 0 8px;
    font-size: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button:last-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox button:last-child, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox button:last-child {
    border-bottom: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button[aria-selected="true"], :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox button[aria-selected="true"], :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox button[aria-selected="true"] {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    font-weight: 700;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox button svg, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox button svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details {
    color: var(--bau-text-muted);
    margin-bottom: 8px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary {
    color: var(--bau-text);
    cursor: pointer;
    font-family: var(--bau-font-heading);
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    list-style: none;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary svg {
    width: 12px;
    height: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details p {
    margin-top: 4px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>.bau-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-service-card>.usk-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-service-card>.ui-button {
    width: 100%;
    min-height: 30px;
    margin-top: auto;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone {
    background: var(--bau-primary);
    border-color: var(--bau-border);
    grid-template-rows: 42px 1fr;
    padding: 0;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar {
    border-bottom: 2px solid var(--bau-on-primary);
    justify-content: space-between;
    align-items: center;
    padding: 7px 11px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-tabs, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-tabs {
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-tabs button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-tabs button {
    color: var(--bau-on-primary);
    font-family: var(--bau-font-heading);
    text-transform: uppercase;
    background: none;
    border: 1px solid #0000;
    min-height: 27px;
    padding: 0 8px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button.is-active, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-tabs button.is-active, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-tabs button.is-active {
    background: var(--bau-warning);
    border-color: var(--bau-on-warning);
    color: var(--bau-on-warning);
    font-weight: 800;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface {
    justify-content: center;
    align-items: center;
    padding: 14px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog {
    background: var(--bau-surface-strong);
    border: 2px solid var(--bau-border);
    box-shadow: 9px 9px 0 var(--bau-warning);
    color: var(--bau-text);
    width: 100%;
    max-width: 315px;
    margin: 0;
    padding: 24px;
    display: block;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog:not([open]) {
    display: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close {
    color: var(--bau-text-muted);
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    top: 11px;
    right: 11px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close svg {
    width: 15px;
    height: 15px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon {
    background: var(--bau-danger);
    color: var(--bau-on-primary);
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    margin-bottom: 12px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon svg {
    width: 21px;
    height: 21px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface h2 {
    font-size: 17px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface p {
    color: var(--bau-text-muted);
    margin: 8px 0 17px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog > div {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface .bau-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-dialog-surface .usk-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-dialog-surface .ui-button {
    min-height: 33px;
    font-size: 12px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-status, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  [data-ui="bauhaus"][data-mode] {
    --bau-font-body: var(--bau-font-sans);
    --bau-font-heading: var(--bau-font-display);
    --bau-font-control: var(--bau-font-heading);
    --bau-panel-alpha: 1;
    --bau-panel-soft-alpha: 1;
    --bau-panel-shadow: none;
    --bau-control-shadow: none;
    --bau-control-shadow-hover: none;
    --bau-control-shadow-pressed: none;
    --bau-rule-width: 2px;
    --bau-rule-heavy: 3px;
    --bau-transition-fast: .12s linear;
    --bau-transition-base: .12s linear;
    --bau-theme-bg: var(--bau-bg);
    --bau-card-bg: var(--bau-surface);
    --bau-control-bg: var(--bau-surface);
    --bau-workshop-rail-bg: rgb(var(--usk-surface-strong-rgb, 5 5 5));
    --bau-workshop-rail-text: rgb(var(--usk-text-rgb, 247 244 236));
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-choice-shadow: none;
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .5rem;
    --usk-native-control-padding-inline: .75rem;
    --usk-native-range-track-background: var(--bau-surface-soft);
    --usk-native-range-track-shadow: none;
    --usk-native-range-thumb-shadow: none;
    --usk-native-progress-track-background: var(--bau-surface-soft);
    --usk-native-progress-value-background: var(--bau-primary);
    --usk-native-progress-value-shadow: none;
    --usk-native-scrollbar-thumb: var(--bau-primary);
    --usk-native-focus-ring: 0 0 0 3px var(--bau-focus);
    background: var(--bau-bg);
  }

  .bau-title {
    letter-spacing: 0;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.05;
  }

  .bau-heading {
    letter-spacing: 0;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.15;
  }

  .bau-kicker, .bau-label, .bau-badge, .bau-nav-link, .bau-button, :where([data-ui="bauhaus"]) .usk-label, :where([data-ui="bauhaus"]) .usk-badge, :where([data-ui="bauhaus"]) .usk-nav-link, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .ui-label, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link, :where([data-ui="bauhaus"]) .ui-button {
    letter-spacing: 0;
  }

  .bau-label, :where([data-ui="bauhaus"]) .usk-label, :where([data-ui="bauhaus"]) .ui-label {
    font-family: var(--bau-font-heading);
    font-size: .875rem;
  }

  .bau-card, .bau-panel, .bau-surface, .bau-toolbar, .bau-table-wrap, .bau-card-service, .bau-card-feature, .bau-feature-strip, .bau-callout-bar, .bau-well, .bau-inset, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap {
    background: var(--bau-surface);
    border: 2px solid var(--bau-border);
    box-shadow: none;
    border-radius: 0;
  }

  .bau-card:before, .bau-panel:before, .bau-surface:before, :where([data-ui="bauhaus"]) .usk-card:before, :where([data-ui="bauhaus"]) .ui-card:before {
    content: none;
  }

  .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .usk-card, :where([data-ui="bauhaus"]) .ui-card {
    padding: 1rem;
  }

  .bau-hover-lift:hover {
    box-shadow: none;
    transform: none;
  }

  .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .usk-button, :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button {
    min-height: 2.75rem;
    box-shadow: none;
    padding: .5rem 1rem;
    font-weight: 700;
  }

  .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .usk-button:hover, :where([data-ui="bauhaus"]) .usk-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover {
    box-shadow: none;
    transform: none;
  }

  .bau-button:active, .bau-button.is-active, .bau-button[aria-pressed="true"], .bau-icon-button:active, :where([data-ui="bauhaus"]) .usk-button:active, :where([data-ui="bauhaus"]) .usk-button.is-active, :where([data-ui="bauhaus"]) .usk-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .usk-icon-button:active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button:active {
    box-shadow: none;
    transform: translateY(1px);
  }

  .bau-button.bau-button-secondary, :where([data-ui="bauhaus"]) .usk-button.usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]) {
    border-color: var(--bau-border);
    color: var(--bau-text);
    background: none;
  }

  .bau-button.bau-button-secondary:hover, :where([data-ui="bauhaus"]) .usk-button.usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
  }

  .bau-button.bau-button-cut, .bau-button-cut, .bau-button.bau-button-outline-heavy, .bau-button-outline-heavy, :where([data-ui="bauhaus"]) .usk-button.bau-button-cut, :where([data-ui="bauhaus"]) .usk-button.bau-button-outline-heavy, :where([data-ui="bauhaus"]) .ui-button.bau-button-cut, :where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy {
    clip-path: none;
    box-shadow: none;
  }

  .bau-input, .bau-select, .bau-textarea, :where([data-ui="bauhaus"]) .usk-input, :where([data-ui="bauhaus"]) .usk-select, :where([data-ui="bauhaus"]) .usk-textarea, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-select, :where([data-ui="bauhaus"]) .ui-textarea {
    border: 2px solid var(--bau-border);
    min-height: 2.75rem;
    padding: .5rem .75rem;
  }

  .bau-input:hover, .bau-select:hover, .bau-textarea:hover, :where([data-ui="bauhaus"]) .usk-input:hover, :where([data-ui="bauhaus"]) .usk-select:hover, :where([data-ui="bauhaus"]) .usk-textarea:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-select:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover {
    box-shadow: none;
  }

  .bau-input:focus, .bau-select:focus, .bau-textarea:focus, :where([data-ui="bauhaus"]) .usk-input:focus, :where([data-ui="bauhaus"]) .usk-select:focus, :where([data-ui="bauhaus"]) .usk-textarea:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-select:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus {
    box-shadow: none;
    outline: 3px solid var(--bau-focus);
    outline-offset: 2px;
  }

  .bau-input[aria-invalid="true"], .bau-textarea[aria-invalid="true"], .bau-select[aria-invalid="true"], :where([data-ui="bauhaus"]) .usk-input[aria-invalid="true"], :where([data-ui="bauhaus"]) .usk-textarea[aria-invalid="true"], :where([data-ui="bauhaus"]) .usk-select[aria-invalid="true"], :where([data-ui="bauhaus"]) .ui-input[aria-invalid="true"], :where([data-ui="bauhaus"]) .ui-textarea[aria-invalid="true"], :where([data-ui="bauhaus"]) .ui-select[aria-invalid="true"] {
    border-color: var(--bau-danger);
    box-shadow: none;
  }

  .bau-input[readonly], .bau-textarea[readonly], :where([data-ui="bauhaus"]) .usk-input[readonly], :where([data-ui="bauhaus"]) .usk-textarea[readonly], :where([data-ui="bauhaus"]) .ui-input[readonly], :where([data-ui="bauhaus"]) .ui-textarea[readonly] {
    opacity: 1;
    filter: none;
    background: var(--bau-surface-soft);
    border-style: solid;
  }

  .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .usk-check-control, :where([data-ui="bauhaus"]) .usk-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
    box-shadow: none;
    flex: none;
  }

  [data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)) {
    background-image: none;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)):after {
    content: "";
    border: solid var(--bau-on-primary);
    border-width: 0 0 2px 2px;
    width: 65%;
    height: 38%;
    position: absolute;
    top: 18%;
    left: 18%;
    transform: rotate(-45deg);
  }

  .bau-switch, :where([data-ui="bauhaus"]) .usk-switch, :where([data-ui="bauhaus"]) .ui-switch {
    flex: none;
    min-inline-size: max-content;
  }

  .bau-switch-track, :where([data-ui="bauhaus"]) .usk-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track {
    background: var(--bau-surface-soft);
    flex: none;
    width: 2.75rem;
    height: 1.5rem;
  }

  .bau-switch-thumb, :where([data-ui="bauhaus"]) .usk-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb {
    background: var(--bau-text);
    border: 0;
    width: 1rem;
    height: 1rem;
    top: .125rem;
    left: .125rem;
  }

  .bau-switch input:checked+.bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    left: calc(100% - 1.125rem);
  }

  .bau-check:has(input:focus-visible) .bau-check-control, .bau-radio:has(input:focus-visible) .bau-radio-control, .bau-switch:has(input:focus-visible) .bau-switch-track, :where([data-ui="bauhaus"]) .usk-check:has(input:focus-visible) .usk-check-control, :where([data-ui="bauhaus"]) .usk-radio:has(input:focus-visible) .usk-radio-control, :where([data-ui="bauhaus"]) .usk-switch:has(input:focus-visible) .usk-switch-track, :where([data-ui="bauhaus"]) .ui-check:has(input:focus-visible) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio:has(input:focus-visible) .ui-radio-control, :where([data-ui="bauhaus"]) .ui-switch:has(input:focus-visible) .ui-switch-track {
    outline: 3px solid var(--bau-focus);
    outline-offset: 2px;
  }

  .bau-nav, :where([data-ui="bauhaus"]) .usk-nav, :where([data-ui="bauhaus"]) .ui-nav {
    background: var(--bau-workshop-rail-bg);
  }

  .bau-nav-link, :where([data-ui="bauhaus"]) .usk-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link {
    color: var(--bau-workshop-rail-text);
  }

  .bau-nav-link:hover, :where([data-ui="bauhaus"]) .usk-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    box-shadow: none;
  }

  .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .usk-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .usk-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active {
    box-shadow: none;
  }

  .bau-alert, :where([data-ui="bauhaus"]) .usk-alert, :where([data-ui="bauhaus"]) .ui-alert {
    background: var(--bau-surface);
    border-radius: 0;
    flex-wrap: wrap;
    gap: .5rem .75rem;
    display: flex;
  }

  .bau-alert-title, :where([data-ui="bauhaus"]) .usk-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title {
    word-break: normal;
    overflow-wrap: normal;
    flex: none;
  }

  .bau-alert-text {
    word-break: normal;
    overflow-wrap: normal;
    flex: 12rem;
  }

  .bau-alert-success, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) {
    border-inline-start-color: var(--bau-success);
  }

  .bau-alert-warning, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-inline-start-color: var(--bau-warning);
  }

  .bau-alert-danger, :where([data-ui="bauhaus"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-inline-start-color: var(--bau-danger);
  }

  .bau-progress, :where([data-ui="bauhaus"]) .usk-progress, :where([data-ui="bauhaus"]) .ui-progress {
    background: var(--bau-surface-soft);
    height: .75rem;
  }

  .bau-progress-bar, :where([data-ui="bauhaus"]) .usk-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar {
    background: var(--bau-primary);
  }

  .bau-table th, :where([data-ui="bauhaus"]) .usk-table th, :where([data-ui="bauhaus"]) .ui-table th {
    color: var(--bau-bg);
    background: var(--bau-text);
  }

  .bau-icon-medallion, .bau-badge-seal {
    box-shadow: none;
  }

  .bau-card-service > .bau-icon-medallion {
    font-size: 2rem;
  }

  .bau-tooltip, [data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="bauhaus"]) .usk-tooltip, :where([data-ui="bauhaus"]) .ui-tooltip {
    background: var(--bau-workshop-rail-bg);
    color: var(--bau-workshop-rail-text);
    border: 2px solid var(--bau-warning);
    letter-spacing: 0;
  }

  [data-ui="bauhaus"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    box-shadow: none;
    border-color: var(--bau-border);
  }

  [data-ui="bauhaus"][data-mode] :where(dialog) {
    background: var(--bau-surface-strong);
    color: var(--bau-text);
    border: 2px solid var(--bau-border);
    box-shadow: .5rem .5rem 0 var(--bau-warning);
  }

  .bau-spinner, [data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="bauhaus"]) .usk-spinner, :where([data-ui="bauhaus"]) .ui-spinner {
    border: 2px solid;
    block-size: 1.75rem;
    inline-size: 1.75rem;
    color: var(--usk-primary-ink, var(--bau-primary));
    box-shadow: none;
    clip-path: none;
    background: none;
    border-block-start-color: #0000;
    border-radius: 50%;
    flex: none;
    animation: 1s linear infinite bau-spin;
    display: inline-block;
  }

  .bau-spinner-sm {
    block-size: 1rem;
    inline-size: 1rem;
  }

  .bau-spinner-lg {
    block-size: 2.5rem;
    inline-size: 2.5rem;
  }

  .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .usk-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    block-size: 1em;
    inline-size: 1em;
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px solid;
    border-block-start-color: #0000;
    border-radius: 50%;
    flex: none;
    animation: 1s linear infinite bau-spin;
    display: inline-block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet {
    background: var(--bau-border);
    border: 2px solid var(--bau-border);
    color: var(--bau-text);
    font-family: var(--bau-font-body);
    grid-template-columns: 12rem minmax(0, 1fr);
    font-size: .875rem;
    line-height: 1.4;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet [hidden] {
    display: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet :where(h1, h2, h3, p, span, strong, small, button) {
    overflow-wrap: normal;
    word-break: normal;
    letter-spacing: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel {
    border-radius: 0;
    padding: 1rem;
    overflow: visible;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas {
    grid-template-rows: auto;
    gap: 6px;
    height: auto;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid {
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack {
    grid-column: 1 / -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel {
    grid-column: span 2;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone {
    grid-column: 1 / -1;
    padding: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet h2 {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero {
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    display: flex;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy {
    position: static;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow {
    color: var(--bau-link);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 {
    font-size: 3rem;
    line-height: 1;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span {
    font-size: 2rem;
    display: block;
  }

  .bau-hero-art {
    object-fit: contain;
    block-size: auto;
    inline-size: 100%;
    display: block;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions {
    flex-wrap: wrap;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button {
    font-family: var(--bau-font-heading);
    min-height: 2.75rem;
    padding: .5rem .75rem;
    font-size: .9375rem;
    line-height: 1.15;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-primary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:where([data-ui-variant="primary"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="primary"]) {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-color: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-secondary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="secondary"]) {
    color: var(--bau-text);
    border-color: var(--bau-border);
    background: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-danger, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:where([data-ui-variant="danger"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="danger"]) {
    background: var(--bau-danger);
    color: var(--bau-on-danger);
    border-color: var(--bau-danger);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-warning, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:where([data-ui-variant="warning"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="warning"]) {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    border-color: var(--bau-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-ghost, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--bau-link);
    background: none;
    border-color: #0000;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:disabled, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled {
    color: var(--bau-text-muted);
    background: var(--bau-surface-soft);
    border-color: var(--bau-border);
    opacity: 1;
    transform: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button.is-busy, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy {
    background: var(--bau-primary);
    color: var(--bau-on-primary);
    border-color: var(--bau-primary);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-button:hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled) {
    transform: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar {
    border-color: var(--bau-border);
    height: auto;
    overflow: visible;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]) {
    color: var(--bau-workshop-rail-text);
    border-color: currentColor;
    margin: .75rem;
    transition: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:hover:not(:disabled), [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:focus-visible, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .usk-button:where([data-ui-variant="secondary"]):hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .usk-button:where([data-ui-variant="secondary"]):focus-visible, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):hover:not(:disabled), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):focus-visible {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
    border-color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note {
    min-height: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark {
    flex: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong {
    color: var(--bau-workshop-rail-text);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system > header, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage > header {
    color: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota {
    color: var(--bau-on-danger);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage {
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-system :where(p, small, strong, h2, button, svg), [data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage :where(p, small, strong, h2, span, svg), [data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota :where(p, small, strong, h2, span) {
    color: inherit;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field :where(input,select,textarea), [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field :where(input,select,textarea), :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field :where(input,select,textarea) {
    height: auto;
    min-height: 2.75rem;
    font: inherit;
    padding: .5rem .65rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-field textarea, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea {
    resize: vertical;
    min-height: 5rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end > input {
    padding-right: 3rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end > button {
    place-items: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: grid;
    top: 0;
    right: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input {
    opacity: 1;
    position: static;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-file > span:last-child:not(:first-child) {
    display: none;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset {
    border: 0;
    padding: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset > label {
    min-height: 2.75rem;
    font-size: .875rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input:is([type="checkbox"], [type="radio"]) {
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch {
    width: 44px;
    height: 24px;
    min-height: 0;
    max-height: 24px;
    box-shadow: none;
    border-radius: 0;
    flex: none;
    padding: 2px;
    position: relative;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch > span {
    width: 16px;
    height: 16px;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch:before {
    content: "";
    position: absolute;
    inset: -12px 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row {
    min-height: 44px;
    font-size: .875rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert {
    background: var(--bau-danger);
    color: var(--bau-on-danger);
    border-radius: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast {
    background: var(--bau-warning);
    color: var(--bau-on-warning);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success {
    color: var(--bau-on-success);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon {
    color: var(--bau-on-danger);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast button {
    place-items: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: grid;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-alert>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-toast>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-toast>span {
    flex: 8rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel > button {
    color: var(--bau-on-primary);
    min-width: 2.75rem;
    min-height: 2.75rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"] {
    width: auto;
    color: var(--bau-workshop-rail-text);
    margin-top: .75rem;
    display: block;
    position: static;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-spinner, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-spinner {
    block-size: 1.75rem;
    inline-size: 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-skeleton, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-skeleton {
    flex: 1;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-table-wrap, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap {
    padding: 0;
    overflow: auto;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table {
    table-layout: auto;
    min-width: 28rem;
    font-size: .875rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(n) {
    width: auto;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel :where(th, td) {
    height: auto;
    padding: .75rem .5rem;
    font-size: .8125rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th {
    color: var(--bau-bg);
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input {
    width: 100%;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface {
    padding: 1.25rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog {
    max-width: 32rem;
    padding: 1.5rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog > div {
    flex-wrap: wrap;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close {
    place-items: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: grid;
    top: 0;
    right: 0;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-tabs button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-segment button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .usk-listbox button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-tabs button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-segment button, :where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-listbox button {
    min-height: 2.75rem;
    font-size: .875rem;
  }

  [data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar {
    flex-wrap: wrap;
    height: auto;
  }

  .bau-spin {
    animation: 1s linear infinite bau-spin;
  }

  .bau-reference {
    background: var(--bau-surface);
    color: var(--bau-text);
    padding: 1rem;
  }

  @keyframes bau-workshop-pulse {
    50% {
      opacity: .45;
    }
  }

  @media (max-width: 75rem) {
    [data-ui="bauhaus"][data-mode] .bau-sheet {
      grid-template-columns: 1fr;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar {
      border-right: 0;
      grid-template-columns: 1fr 1fr;
      gap: .75rem;
      padding: 1rem;
      display: grid;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer {
      display: none;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand {
      padding: 0;
    }
  }

  @media (max-width: 48rem) {
    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid, [data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack {
      grid-template-columns: 1fr;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel {
      grid-column: auto;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar {
      grid-template-columns: 1fr;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 {
      font-size: 2.5rem;
    }

    [data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
      transition: none !important;
      animation: none !important;
    }
  }
}

[data-ui="bauhaus"][data-mode] .bau-title {
  letter-spacing: max(.03em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="bauhaus"][data-mode] .bau-feature-item > .bau-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="bauhaus"][data-mode] .bau-callout-bar > .bau-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/tactile.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --tactile-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tactile-font-display: Georgia, Cambria, "Times New Roman", Times, serif;
    --tactile-font-body: var(--tactile-font-sans);
    --tactile-font-heading: var(--tactile-font-display);
    --tactile-font-control: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tactile-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --tactile-radius-xs: .1rem;
    --tactile-radius-sm: .18rem;
    --tactile-radius-md: .28rem;
    --tactile-radius-lg: .4rem;
    --tactile-radius-xl: .6rem;
    --tactile-radius-pill: 999px;
    --tactile-space-1: .25rem;
    --tactile-space-2: .5rem;
    --tactile-space-3: .75rem;
    --tactile-space-4: 1rem;
    --tactile-space-5: 1.25rem;
    --tactile-space-6: 1.5rem;
    --tactile-space-8: 2rem;
    --tactile-transition-fast: .15s ease;
    --tactile-transition-base: .24s ease;
  }

  [data-ui="tactile"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --tactile-fallback-bg-rgb: 248 242 231;
    --tactile-fallback-surface-rgb: 255 255 255;
    --tactile-fallback-surface-strong-rgb: 255 250 241;
    --tactile-fallback-surface-soft-rgb: 234 223 205;
    --tactile-fallback-text-rgb: 43 36 25;
    --tactile-fallback-text-muted-rgb: 107 97 78;
    --tactile-fallback-border-rgb: 215 198 167;
    --tactile-fallback-primary-rgb: 177 60 28;
    --tactile-fallback-primary-hover-rgb: 145 46 20;
    --tactile-fallback-primary-text-rgb: 255 255 255;
    --tactile-fallback-secondary-rgb: 91 104 67;
    --tactile-fallback-secondary-hover-rgb: 71 84 50;
    --tactile-fallback-secondary-text-rgb: 255 255 255;
    --tactile-fallback-accent-rgb: 197 160 82;
    --tactile-fallback-accent-text-rgb: 0 0 0;
    --tactile-fallback-success-rgb: 91 104 67;
    --tactile-fallback-success-text-rgb: 255 255 255;
    --tactile-fallback-warning-rgb: 166 107 0;
    --tactile-fallback-warning-text-rgb: 0 0 0;
    --tactile-fallback-danger-rgb: 174 74 63;
    --tactile-fallback-danger-text-rgb: 255 255 255;
    --tactile-fallback-link-rgb: 112 83 47;
    --tactile-fallback-focus-rgb: 201 151 74;
    --tactile-panel-alpha: .98;
    --tactile-panel-soft-alpha: .82;
    --tactile-border-alpha: .68;
    --tactile-shadow-alpha: .16;
    --tactile-focus-alpha: .34;
    --tactile-paper-alpha: .96;
    --tactile-sidebar-alpha: .94;
  }

  [data-ui="tactile"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --tactile-fallback-bg-rgb: 18 15 9;
    --tactile-fallback-surface-rgb: 33 27 18;
    --tactile-fallback-surface-strong-rgb: 47 40 27;
    --tactile-fallback-surface-soft-rgb: 25 20 13;
    --tactile-fallback-text-rgb: 248 239 223;
    --tactile-fallback-text-muted-rgb: 199 186 163;
    --tactile-fallback-border-rgb: 91 78 56;
    --tactile-fallback-primary-rgb: 211 83 43;
    --tactile-fallback-primary-hover-rgb: 230 107 63;
    --tactile-fallback-primary-text-rgb: 21 16 6;
    --tactile-fallback-secondary-rgb: 131 145 92;
    --tactile-fallback-secondary-hover-rgb: 155 169 112;
    --tactile-fallback-secondary-text-rgb: 9 20 7;
    --tactile-fallback-accent-rgb: 222 181 91;
    --tactile-fallback-accent-text-rgb: 0 0 0;
    --tactile-fallback-success-rgb: 131 145 92;
    --tactile-fallback-success-text-rgb: 0 0 0;
    --tactile-fallback-warning-rgb: 255 209 102;
    --tactile-fallback-warning-text-rgb: 0 0 0;
    --tactile-fallback-danger-rgb: 255 136 122;
    --tactile-fallback-danger-text-rgb: 0 0 0;
    --tactile-fallback-link-rgb: 240 211 154;
    --tactile-fallback-focus-rgb: 241 196 110;
    --tactile-panel-alpha: .92;
    --tactile-panel-soft-alpha: .68;
    --tactile-border-alpha: .62;
    --tactile-shadow-alpha: .34;
    --tactile-focus-alpha: .42;
    --tactile-paper-alpha: .88;
    --tactile-sidebar-alpha: .96;
  }

  [data-ui="tactile"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --tactile-fallback-bg-rgb: 0 0 0;
    --tactile-fallback-surface-rgb: 15 11 3;
    --tactile-fallback-surface-strong-rgb: 26 18 5;
    --tactile-fallback-surface-soft-rgb: 0 0 0;
    --tactile-fallback-text-rgb: 255 255 255;
    --tactile-fallback-text-muted-rgb: 255 248 232;
    --tactile-fallback-border-rgb: 255 255 255;
    --tactile-fallback-primary-rgb: 255 209 102;
    --tactile-fallback-primary-hover-rgb: 255 255 255;
    --tactile-fallback-primary-text-rgb: 0 0 0;
    --tactile-fallback-secondary-rgb: 157 255 107;
    --tactile-fallback-secondary-hover-rgb: 255 255 255;
    --tactile-fallback-secondary-text-rgb: 0 0 0;
    --tactile-fallback-accent-rgb: 255 176 0;
    --tactile-fallback-accent-text-rgb: 0 0 0;
    --tactile-fallback-success-rgb: 0 255 117;
    --tactile-fallback-success-text-rgb: 0 0 0;
    --tactile-fallback-warning-rgb: 255 225 0;
    --tactile-fallback-warning-text-rgb: 0 0 0;
    --tactile-fallback-danger-rgb: 255 77 77;
    --tactile-fallback-danger-text-rgb: 0 0 0;
    --tactile-fallback-link-rgb: 255 209 102;
    --tactile-fallback-focus-rgb: 255 255 255;
    --tactile-panel-alpha: 1;
    --tactile-panel-soft-alpha: .92;
    --tactile-border-alpha: 1;
    --tactile-shadow-alpha: .5;
    --tactile-focus-alpha: .72;
    --tactile-paper-alpha: 1;
    --tactile-sidebar-alpha: 1;
  }

  [data-ui="tactile"][data-theme][data-mode] {
    --tactile-bg-rgb: var(--usk-bg-rgb);
    --tactile-surface-rgb: var(--usk-surface-rgb);
    --tactile-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --tactile-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --tactile-text-rgb: var(--usk-text-rgb);
    --tactile-text-muted-rgb: var(--usk-text-muted-rgb);
    --tactile-border-rgb: var(--usk-border-rgb);
    --tactile-primary-rgb: var(--usk-primary-rgb);
    --tactile-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --tactile-primary-text-rgb: var(--usk-primary-text-rgb);
    --tactile-secondary-rgb: var(--usk-secondary-rgb);
    --tactile-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --tactile-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --tactile-accent-rgb: var(--usk-accent-rgb);
    --tactile-accent-text-rgb: var(--usk-accent-text-rgb);
    --tactile-success-rgb: var(--usk-success-rgb);
    --tactile-success-text-rgb: var(--usk-success-text-rgb);
    --tactile-warning-rgb: var(--usk-warning-rgb);
    --tactile-warning-text-rgb: var(--usk-warning-text-rgb);
    --tactile-danger-rgb: var(--usk-danger-rgb);
    --tactile-danger-text-rgb: var(--usk-danger-text-rgb);
    --tactile-link-rgb: var(--usk-link-rgb);
    --tactile-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="tactile"][data-mode] {
    --usk-native-bg: var(--tactile-bg);
    --tactile-bg-rgb: var(--usk-bg-rgb, var(--tactile-fallback-bg-rgb));
    --tactile-surface-rgb: var(--usk-surface-rgb, var(--tactile-fallback-surface-rgb));
    --tactile-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--tactile-fallback-surface-strong-rgb));
    --tactile-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--tactile-fallback-surface-soft-rgb));
    --tactile-text-rgb: var(--usk-text-rgb, var(--tactile-fallback-text-rgb));
    --tactile-text-muted-rgb: var(--usk-text-muted-rgb, var(--tactile-fallback-text-muted-rgb));
    --tactile-border-rgb: var(--usk-border-rgb, var(--tactile-fallback-border-rgb));
    --tactile-primary-rgb: var(--usk-primary-rgb, var(--tactile-fallback-primary-rgb));
    --tactile-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--tactile-fallback-primary-hover-rgb));
    --tactile-primary-text-rgb: var(--usk-primary-text-rgb, var(--tactile-fallback-primary-text-rgb));
    --tactile-secondary-rgb: var(--usk-secondary-rgb, var(--tactile-fallback-secondary-rgb));
    --tactile-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--tactile-fallback-secondary-hover-rgb));
    --tactile-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--tactile-fallback-secondary-text-rgb));
    --tactile-accent-rgb: var(--usk-accent-rgb, var(--tactile-fallback-accent-rgb));
    --tactile-accent-text-rgb: var(--usk-accent-text-rgb, var(--tactile-fallback-accent-text-rgb));
    --tactile-success-rgb: var(--usk-success-rgb, var(--tactile-fallback-success-rgb));
    --tactile-success-text-rgb: var(--usk-success-text-rgb, var(--tactile-fallback-success-text-rgb));
    --tactile-warning-rgb: var(--usk-warning-rgb, var(--tactile-fallback-warning-rgb));
    --tactile-warning-text-rgb: var(--usk-warning-text-rgb, var(--tactile-fallback-warning-text-rgb));
    --tactile-danger-rgb: var(--usk-danger-rgb, var(--tactile-fallback-danger-rgb));
    --tactile-danger-text-rgb: var(--usk-danger-text-rgb, var(--tactile-fallback-danger-text-rgb));
    --tactile-link-rgb: var(--usk-link-rgb, var(--tactile-fallback-link-rgb));
    --tactile-focus-rgb: var(--usk-focus-rgb, var(--tactile-fallback-focus-rgb));
    --usk-native-surface: var(--tactile-surface);
    --usk-native-surface-strong: var(--tactile-surface-strong);
    --usk-native-surface-soft: var(--tactile-surface-soft);
    --usk-native-card-bg: var(--tactile-card-bg);
    --usk-native-control-bg: var(--tactile-control-bg);
    --usk-native-text: var(--tactile-text);
    --usk-native-text-muted: var(--tactile-text-muted);
    --usk-native-border: var(--tactile-border);
    --usk-native-primary: var(--tactile-primary);
    --usk-native-primary-hover: var(--tactile-primary-hover);
    --usk-native-on-primary: var(--tactile-on-primary);
    --usk-native-secondary: var(--tactile-secondary);
    --usk-native-on-secondary: var(--tactile-on-secondary);
    --usk-native-accent: var(--tactile-accent);
    --usk-native-on-accent: var(--tactile-on-accent);
    --usk-native-on-success: var(--tactile-on-success);
    --usk-native-on-warning: var(--tactile-on-warning);
    --usk-native-on-danger: var(--tactile-on-danger);
    --usk-native-focus: var(--tactile-focus);
    --usk-native-success: var(--tactile-success);
    --usk-native-warning: var(--tactile-warning);
    --usk-native-danger: var(--tactile-danger);
    --usk-native-link: var(--tactile-link);
    --usk-native-font-body: var(--tactile-font-body);
    --usk-native-font-heading: var(--tactile-font-heading);
    --usk-native-font-control: var(--tactile-font-control);
    --usk-native-font-mono: var(--tactile-font-mono);
    --usk-native-radius-sm: var(--tactile-radius-xs);
    --usk-native-radius: var(--tactile-radius-md);
    --usk-native-radius-lg: var(--tactile-radius-lg);
    --usk-native-shadow: var(--tactile-button-shadow);
    --usk-native-shadow-md: var(--tactile-panel-shadow);
    --usk-native-focus-ring: var(--tactile-focus-ring, 0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--tactile-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.35rem;
    --usk-native-choice-background: var(--tactile-control-bg);
    --usk-native-choice-border: 1px solid var(--tactile-keyline);
    --usk-native-checkbox-radius: .18rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: var(--tactile-inset-shadow);
    --usk-native-choice-checked-background: var(--tactile-action-solid);
    --usk-native-choice-mark-color: var(--tactile-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 50%, var(--tactile-text) 50%), linear-gradient(135deg, var(--tactile-text) 50%, transparent 50%);
    --usk-native-select-indicator-size: .5rem .5rem, .5rem .5rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.25rem;
    --usk-native-range-track-size: .56rem;
    --usk-native-range-track-background: var(--tactile-recessed-track);
    --usk-native-range-track-border: 1px solid var(--tactile-track-rim);
    --usk-native-range-track-radius: .2rem;
    --usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
    --usk-native-range-progress-background: var(--tactile-action-solid);
    --usk-native-range-thumb-size: 1.55rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
    --usk-native-range-thumb-radius: .22rem;
    --usk-native-range-thumb-shadow: var(--tactile-button-shadow);
    --usk-native-progress-size: .76rem;
    --usk-native-progress-track-background: var(--tactile-recessed-track);
    --usk-native-progress-track-border: 1px solid var(--tactile-track-rim);
    --usk-native-progress-track-radius: .18rem;
    --usk-native-progress-track-shadow: var(--tactile-deep-inset-shadow);
    --usk-native-progress-value-background: var(--tactile-progress-fill);
    --usk-native-progress-value-radius: .12rem;
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb) / .22);
    --usk-native-meter-optimum-background: var(--tactile-success);
    --usk-native-meter-suboptimum-background: var(--tactile-warning);
    --usk-native-meter-critical-background: var(--tactile-danger);
    --usk-native-file-button-background: var(--tactile-action-solid);
    --usk-native-file-button-border: 1px solid var(--tactile-keyline);
    --usk-native-file-button-radius: .22rem;
    --usk-native-file-button-shadow: var(--tactile-button-shadow);
    --usk-native-color-swatch-border: 1px solid var(--tactile-keyline);
    --usk-native-color-swatch-radius: .18rem;
    --usk-native-indicator-opacity: .92;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .85rem;
    --usk-native-scrollbar-track: var(--tactile-recessed-track);
    --usk-native-scrollbar-thumb: var(--tactile-thumb-bg);
    --usk-native-scrollbar-radius: .18rem;
    --tactile-bg: rgb(var(--tactile-bg-rgb));
    --tactile-surface: rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));
    --tactile-surface-strong: rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));
    --tactile-surface-soft: rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));
    --tactile-text: rgb(var(--tactile-text-rgb));
    --tactile-text-muted: rgb(var(--tactile-text-muted-rgb));
    --tactile-fg: var(--tactile-text);
    --tactile-surface-fg: var(--tactile-text);
    --tactile-muted: var(--tactile-text-muted);
    --tactile-border: rgb(var(--tactile-border-rgb) / max(var(--tactile-border-alpha), var(--usk-border-min-alpha)));
    --tactile-control-fg: var(--tactile-text);
    --tactile-primary: rgb(var(--tactile-primary-rgb));
    --tactile-primary-hover: rgb(var(--tactile-primary-hover-rgb));
    --tactile-primary-text: rgb(var(--tactile-primary-text-rgb));
    --tactile-secondary: rgb(var(--tactile-secondary-rgb));
    --tactile-secondary-hover: rgb(var(--tactile-secondary-hover-rgb));
    --tactile-secondary-text: rgb(var(--tactile-secondary-text-rgb));
    --tactile-on-primary: var(--tactile-primary-text);
    --tactile-on-secondary: var(--tactile-secondary-text);
    --tactile-on-accent: rgb(var(--tactile-accent-text-rgb));
    --tactile-on-success: rgb(var(--tactile-success-text-rgb));
    --tactile-on-warning: rgb(var(--tactile-warning-text-rgb));
    --tactile-on-danger: rgb(var(--tactile-danger-text-rgb));
    --tactile-accent: rgb(var(--tactile-accent-rgb));
    --tactile-success: rgb(var(--tactile-success-rgb));
    --tactile-warning: rgb(var(--tactile-warning-rgb));
    --tactile-danger: rgb(var(--tactile-danger-rgb));
    --tactile-link: rgb(var(--tactile-link-rgb));
    --tactile-focus: rgb(var(--tactile-focus-rgb));
    --tactile-focus-ring: 0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));
    --tactile-paper-wash: rgb(var(--tactile-warning-rgb) / .14);
    --tactile-bevel-highlight: rgb(var(--tactile-surface-strong-rgb) / .82);
    --tactile-bevel-shadow: rgb(var(--tactile-text-rgb) / .24);
    --tactile-theme-bg-size: auto;
    --tactile-paper-bg: linear-gradient(180deg, var(--tactile-paper-wash), transparent 28rem), linear-gradient(135deg, rgb(var(--tactile-accent-rgb) / .06), transparent 26rem), linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-paper-alpha)), rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha)));
    --tactile-paper-grain: radial-gradient(circle at 12% 18%, rgb(var(--tactile-text-rgb) / .04) 0 1px, transparent 1.4px), radial-gradient(circle at 68% 34%, rgb(var(--tactile-warning-rgb) / .055) 0 1px, transparent 1.5px), linear-gradient(90deg, rgb(var(--tactile-text-rgb) / .018) 1px, transparent 1px), linear-gradient(180deg, rgb(var(--tactile-warning-rgb) / .055), transparent 18rem);
    --tactile-theme-bg: var(--tactile-paper-grain), var(--tactile-paper-bg), var(--tactile-bg);
    --tactile-card-bg: var(--tactile-paper-grain), var(--tactile-paper-bg);
    --tactile-control-bg: linear-gradient(180deg, rgb(var(--tactile-warning-rgb) / .1), transparent), linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / .86), rgb(var(--tactile-surface-soft-rgb) / .7));
    --tactile-field-bg: linear-gradient(180deg, rgb(var(--tactile-warning-rgb) / .075), transparent), linear-gradient(180deg, rgb(var(--tactile-surface-soft-rgb) / .8), rgb(var(--tactile-surface-strong-rgb) / .58));
    --tactile-inset-bg: linear-gradient(180deg, rgb(var(--tactile-warning-rgb) / .08), transparent), linear-gradient(180deg, rgb(var(--tactile-surface-soft-rgb) / .74), rgb(var(--tactile-surface-rgb) / .6));
    --tactile-recessed-track: rgb(var(--tactile-text-rgb) / .82);
    --tactile-track-rim: rgb(var(--tactile-text-rgb) / .72);
    --tactile-thumb-bg: linear-gradient(90deg, rgb(var(--tactile-warning-rgb) / .1), transparent), linear-gradient(90deg, rgb(var(--tactile-surface-strong-rgb) / .98), rgb(var(--tactile-surface-soft-rgb) / .9));
    --tactile-action-solid: var(--tactile-primary);
    --tactile-action-bg: linear-gradient(180deg, var(--tactile-primary), var(--tactile-primary-hover));
    --tactile-action-hover-bg: linear-gradient(180deg, var(--tactile-primary-hover), var(--tactile-primary));
    --tactile-progress-fill: linear-gradient(90deg, var(--tactile-success), var(--tactile-primary));
    --tactile-keyline: rgb(var(--tactile-text-rgb) / max(.46, calc(var(--tactile-border-alpha) * .78)));
    --tactile-panel-shadow: inset 0 2px 0 var(--tactile-bevel-highlight), inset 0 -2px 0 var(--tactile-bevel-shadow), 0 .55rem 1.25rem rgb(var(--tactile-text-rgb) / var(--tactile-shadow-alpha));
    --tactile-button-shadow: inset 0 2px 0 var(--tactile-bevel-highlight), inset 0 -2px 0 var(--tactile-bevel-shadow), 0 .32rem .68rem rgb(var(--tactile-text-rgb) / calc(var(--tactile-shadow-alpha) * .92));
    --tactile-inset-shadow: inset .16rem .16rem .34rem rgb(var(--tactile-text-rgb) / .2), inset -.08rem -.08rem .2rem rgb(var(--tactile-surface-strong-rgb) / .38);
    --tactile-deep-inset-shadow: inset .16rem .16rem .32rem #00000094, inset -.08rem -.08rem .16rem rgb(var(--tactile-surface-strong-rgb) / .14);
    --tactile-sidebar-bg: linear-gradient(180deg, rgb(var(--tactile-text-rgb) / var(--tactile-sidebar-alpha)), rgb(var(--tactile-text-rgb) / calc(var(--tactile-sidebar-alpha) - .06)));
    --tactile-sidebar-fg: rgb(var(--tactile-bg-rgb));
    --tactile-sidebar-muted: rgb(var(--tactile-bg-rgb) / .74);
    --tactile-rail: var(--tactile-primary);
    --tactile-spinner-track: rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));
    --tactile-spinner-stroke: var(--tactile-primary);
    --tactile-spinner-accent: var(--tactile-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="tactile"][data-mode] {
      --tactile-border: color-mix(in srgb, rgb(var(--tactile-border-rgb) / max(var(--tactile-border-alpha), var(--usk-border-min-alpha))), var(--tactile-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="tactile"] {
    background: var(--tactile-paper-grain),var(--tactile-paper-bg),var(--tactile-bg);
    color: var(--tactile-text);
    font-family: var(--tactile-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="tactile"] *, [data-ui="tactile"] :before, [data-ui="tactile"] :after {
    box-sizing: border-box;
  }

  [data-ui="tactile"][data-mode] {
    background: var(--tactile-theme-bg);
    background-size: var(--tactile-theme-bg-size);
  }

  .tactile-title, .tactile-heading {
    font-family: var(--tactile-font-heading);
  }

  .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link {
    font-family: var(--tactile-font-control);
  }

  .tactile-title {
    color: var(--tactile-text);
    font-family: var(--tactile-font-display);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: .98;
  }

  .tactile-heading {
    color: var(--tactile-text);
    letter-spacing: -.02em;
    margin: 0;
    font-size: clamp(1.25rem, 2.5vw, 2.1rem);
    line-height: 1.08;
  }

  .tactile-kicker {
    color: var(--tactile-text);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .78rem;
    font-weight: 900;
  }

  .tactile-subtitle, .tactile-copy {
    color: var(--tactile-text-muted);
    margin: 0;
    line-height: 1.58;
  }

  .tactile-text-muted {
    color: var(--tactile-text-muted);
  }

  .tactile-divider {
    background: rgb(var(--tactile-border-rgb)/.62);
    width: 100%;
    height: 1px;
    box-shadow: 0 1px 0 rgb(var(--tactile-surface-strong-rgb)/.48);
    border: 0;
  }

  .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .usk-card, :where([data-ui="tactile"]) .usk-toolbar, :where([data-ui="tactile"]) .usk-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap {
    background: var(--tactile-card-bg);
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
    transition: transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);
    position: relative;
  }

  .tactile-toolbar, :where([data-ui="tactile"]) .usk-toolbar, :where([data-ui="tactile"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--tactile-space-4);
    padding: var(--tactile-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .tactile-surface-sm {
    border-radius: var(--tactile-radius-md);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-surface-lg {
    border-radius: var(--tactile-radius-xl);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb)/.72),0 .9rem 2rem rgb(var(--tactile-text-rgb)/calc(var(--tactile-shadow-alpha) + .08));
  }

  .tactile-well, .tactile-inset {
    background: var(--tactile-inset-bg);
    color: var(--tactile-text);
    border: 1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.82));
    border-radius: var(--tactile-radius-md);
    padding: var(--tactile-space-5);
    box-shadow: var(--tactile-inset-shadow);
  }

  .tactile-hover-lift:hover {
    box-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb)/.8),0 .9rem 1.8rem rgb(var(--tactile-text-rgb)/calc(var(--tactile-shadow-alpha) + .08));
    transform: translateY(-1px);
  }

  .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--tactile-space-2);
    background: var(--tactile-control-bg);
    min-height: 3rem;
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    box-shadow: var(--tactile-button-shadow);
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);
    padding: .72rem 1.15rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .tactile-button-primary:hover, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--tactile-action-hover-bg);
    border-color: var(--tactile-primary-hover);
  }

  .tactile-button-secondary:hover, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--tactile-field-bg);
    border-color: var(--tactile-primary);
  }

  .tactile-icon-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-icon-button {
    border-radius: var(--tactile-radius-sm);
    width: 3rem;
    padding: 0;
  }

  .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .usk-button:disabled, :where([data-ui="tactile"]) .usk-icon-button:disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .usk-card, :where([data-ui="tactile"]) .usk-toolbar, :where([data-ui="tactile"]) .usk-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap {
    background: var(--tactile-card-bg);
  }

  .tactile-button:where(:not([data-ui-variant])):not(:is(.tactile-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.tactile-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.tactile-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.tactile-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.tactile-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.tactile-button-outline-heavy), .tactile-icon-button, :where([data-ui="tactile"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.tactile-button-outline-heavy), :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.tactile-button-outline-heavy), :where([data-ui="tactile"]) .ui-icon-button {
    background: var(--tactile-control-bg);
  }

  .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link {
    font-family: var(--tactile-font-control);
  }

  .tactile-field, :where([data-ui="tactile"]) .usk-field, :where([data-ui="tactile"]) .ui-field {
    gap: var(--tactile-space-2);
    flex-direction: column;
    display: flex;
  }

  .tactile-label, :where([data-ui="tactile"]) .usk-label, :where([data-ui="tactile"]) .ui-label {
    color: var(--tactile-text);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .78rem;
    font-weight: 900;
  }

  .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .usk-input, :where([data-ui="tactile"]) .usk-textarea, :where([data-ui="tactile"]) .usk-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select {
    background: var(--tactile-field-bg);
    width: 100%;
    min-height: 3rem;
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    box-shadow: var(--tactile-inset-shadow);
    font: inherit;
    transition: background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);
    outline: none;
    padding: .74rem 1rem;
  }

  .tactile-textarea, :where([data-ui="tactile"]) .usk-textarea, :where([data-ui="tactile"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover, :where([data-ui="tactile"]) .usk-input:hover, :where([data-ui="tactile"]) .usk-textarea:hover, :where([data-ui="tactile"]) .usk-select:hover, :where([data-ui="tactile"]) .ui-input:hover, :where([data-ui="tactile"]) .ui-textarea:hover, :where([data-ui="tactile"]) .ui-select:hover {
    border-color: rgb(var(--tactile-primary-rgb)/.58);
  }

  .tactile-help-text, :where([data-ui="tactile"]) .usk-help-text, :where([data-ui="tactile"]) .ui-help-text {
    color: var(--tactile-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .tactile-check, .tactile-radio, :where([data-ui="tactile"]) .usk-check, :where([data-ui="tactile"]) .usk-radio, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio {
    align-items: center;
    gap: var(--tactile-space-2);
    color: var(--tactile-text);
    cursor: pointer;
    display: inline-flex;
  }

  .tactile-check input, .tactile-radio input, :where([data-ui="tactile"]) .usk-check input, :where([data-ui="tactile"]) .usk-radio input, :where([data-ui="tactile"]) .ui-check input, :where([data-ui="tactile"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .usk-check-control, :where([data-ui="tactile"]) .usk-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control {
    background: var(--tactile-field-bg);
    border: 1px solid var(--tactile-keyline);
    width: 1.35rem;
    height: 1.35rem;
    box-shadow: var(--tactile-inset-shadow);
    transition: background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .tactile-check-control, :where([data-ui="tactile"]) .usk-check-control, :where([data-ui="tactile"]) .ui-check-control {
    border-radius: var(--tactile-radius-xs);
  }

  .tactile-radio-control, :where([data-ui="tactile"]) .usk-radio-control, :where([data-ui="tactile"]) .ui-radio-control {
    border-radius: 50%;
  }

  .tactile-check input:checked+.tactile-check-control:after, :where([data-ui="tactile"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--tactile-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .tactile-radio input:checked+.tactile-radio-control:after, :where([data-ui="tactile"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--tactile-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .tactile-switch, :where([data-ui="tactile"]) .usk-switch, :where([data-ui="tactile"]) .ui-switch {
    align-items: center;
    gap: var(--tactile-space-3);
    color: var(--tactile-text);
    cursor: pointer;
    display: inline-flex;
  }

  .tactile-switch input, :where([data-ui="tactile"]) .usk-switch input, :where([data-ui="tactile"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .tactile-switch-track, :where([data-ui="tactile"]) .usk-switch-track, :where([data-ui="tactile"]) .ui-switch-track {
    background: var(--tactile-recessed-track);
    border: 1px solid var(--tactile-track-rim);
    border-radius: var(--tactile-radius-sm);
    width: 4.35rem;
    height: 1.9rem;
    box-shadow: var(--tactile-deep-inset-shadow);
    transition: background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);
    position: relative;
  }

  .tactile-switch-thumb, :where([data-ui="tactile"]) .usk-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb {
    background: var(--tactile-thumb-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-xs);
    width: 1.58rem;
    height: 1.58rem;
    box-shadow: var(--tactile-button-shadow);
    transition: left var(--tactile-transition-fast),background var(--tactile-transition-fast);
    position: absolute;
    top: .16rem;
    left: .16rem;
  }

  .tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--tactile-thumb-bg);
    left: calc(100% - 1.74rem);
  }

  .tactile-badge, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .ui-badge {
    align-items: center;
    gap: var(--tactile-space-1);
    background: var(--tactile-field-bg);
    min-height: 1.65rem;
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-sm);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb)/.58);
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .32rem .68rem;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
  }

  .tactile-badge-primary, :where([data-ui="tactile"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--tactile-action-solid);
    color: var(--tactile-on-primary);
    border-color: var(--tactile-primary);
  }

  .tactile-badge-secondary, :where([data-ui="tactile"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--tactile-secondary);
    color: var(--tactile-on-secondary);
    border-color: var(--tactile-secondary);
  }

  .tactile-badge-success, :where([data-ui="tactile"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--tactile-success);
    color: var(--tactile-on-success);
    border-color: var(--tactile-success);
  }

  .tactile-badge-warning, :where([data-ui="tactile"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--tactile-warning);
    color: var(--tactile-on-warning);
    border-color: var(--tactile-warning);
  }

  .tactile-badge-danger, :where([data-ui="tactile"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--tactile-danger);
    color: var(--tactile-on-danger);
    border-color: var(--tactile-danger);
  }

  .tactile-nav, :where([data-ui="tactile"]) .usk-nav, :where([data-ui="tactile"]) .ui-nav {
    align-items: center;
    gap: var(--tactile-space-2);
    padding: var(--tactile-space-2);
    background: var(--tactile-sidebar-bg);
    border: 1px solid rgb(var(--tactile-text-rgb)/.88);
    border-radius: var(--tactile-radius-lg);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-bg-rgb)/.08),0 .75rem 1.5rem rgb(var(--tactile-text-rgb)/calc(var(--tactile-shadow-alpha) + .12));
    flex-wrap: wrap;
    display: flex;
  }

  .tactile-nav-link, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-nav-link {
    min-height: 2.75rem;
    color: var(--tactile-sidebar-muted);
    border-radius: var(--tactile-radius-md);
    transition: color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    padding: .72rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .tactile-tooltip, [data-ui="tactile"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="tactile"]) .usk-tooltip, :where([data-ui="tactile"]) .ui-tooltip {
    background: var(--tactile-sidebar-bg);
    max-inline-size: 16rem;
    color: var(--tactile-sidebar-fg);
    border: 1px solid rgb(var(--tactile-bg-rgb)/.18);
    border-radius: var(--tactile-radius-md);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-bg-rgb)/.08),0 .7rem 1.4rem rgb(var(--tactile-text-rgb)/var(--tactile-shadow-alpha));
    align-items: center;
    gap: .45rem;
    padding: .6rem .82rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
  }

  .tactile-tooltip-arrow {
    background: rgb(var(--tactile-text-rgb)/.9);
    border: 1px solid rgb(var(--tactile-bg-rgb)/.18);
    border-radius: .12rem;
    flex: none;
    block-size: .6rem;
    inline-size: .6rem;
    transform: rotate(45deg);
  }

  .tactile-progress, :where([data-ui="tactile"]) .usk-progress, :where([data-ui="tactile"]) .ui-progress {
    background: var(--tactile-recessed-track);
    border: 1px solid var(--tactile-track-rim);
    border-radius: var(--tactile-radius-sm);
    width: 100%;
    height: .8rem;
    box-shadow: var(--tactile-deep-inset-shadow);
    overflow: hidden;
  }

  .tactile-progress-bar, :where([data-ui="tactile"]) .usk-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar {
    height: 100%;
    width: var(--tactile-progress-value, 50%);
    background: var(--tactile-progress-fill);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb)/.2);
    border-radius: .12rem;
  }

  .tactile-alert, :where([data-ui="tactile"]) .usk-alert, :where([data-ui="tactile"]) .ui-alert {
    gap: var(--tactile-space-2);
    padding: var(--tactile-space-4);
    background: var(--tactile-card-bg);
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
    border-inline-start-width: .28rem;
    display: grid;
  }

  .tactile-alert-success, :where([data-ui="tactile"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--tactile-success);
  }

  .tactile-alert-warning, :where([data-ui="tactile"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--tactile-warning);
  }

  .tactile-alert-danger, :where([data-ui="tactile"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--tactile-danger);
  }

  .tactile-alert-title, :where([data-ui="tactile"]) .usk-alert-title, :where([data-ui="tactile"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .tactile-alert-body, :where([data-ui="tactile"]) .usk-alert-body, :where([data-ui="tactile"]) .ui-alert-body {
    color: var(--tactile-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .tactile-table-wrap, :where([data-ui="tactile"]) .usk-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap {
    overflow: auto;
  }

  .tactile-table, :where([data-ui="tactile"]) .usk-table, :where([data-ui="tactile"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid rgb(var(--tactile-border-rgb)/.58);
    padding: .9rem 1rem;
  }

  .tactile-table th, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .ui-table th {
    color: var(--tactile-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: var(--tactile-field-bg);
    box-shadow: inset 0-1px 0 rgb(var(--tactile-text-rgb)/.08);
    font-size: .78rem;
    font-weight: 900;
  }

  .tactile-table td, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table td {
    color: var(--tactile-text-muted);
  }

  .tactile-table tr:hover td, :where([data-ui="tactile"]) .usk-table tr:hover td, :where([data-ui="tactile"]) .ui-table tr:hover td {
    background: rgb(var(--tactile-primary-rgb)/.045);
  }

  .tactile-text-primary {
    color: var(--usk-primary-ink, var(--tactile-primary));
  }

  .tactile-text-secondary {
    color: var(--tactile-secondary);
  }

  .tactile-text-accent {
    color: var(--usk-accent-ink, var(--tactile-accent));
  }

  .tactile-text-success {
    color: var(--tactile-success);
  }

  .tactile-text-warning {
    color: var(--tactile-warning);
  }

  .tactile-text-danger {
    color: var(--tactile-danger);
  }

  .tactile-bg-primary {
    background: var(--tactile-primary);
    color: var(--tactile-on-primary);
  }

  .tactile-bg-secondary {
    background: var(--tactile-secondary);
    color: var(--tactile-on-secondary);
  }

  .tactile-border {
    border: 1px solid var(--tactile-border);
  }

  .tactile-rounded {
    border-radius: var(--tactile-radius-md);
  }

  .tactile-rounded-lg {
    border-radius: var(--tactile-radius-lg);
  }

  .tactile-rounded-xl {
    border-radius: var(--tactile-radius-xl);
  }

  .tactile-pill {
    border-radius: var(--tactile-radius-pill);
  }

  .tactile-sr-only, .tactile-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .tactile-skip-link {
    z-index: 9999;
    background: var(--tactile-primary);
    color: var(--tactile-on-primary);
    border-radius: var(--tactile-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .tactile-skip-link:focus {
    transform: translateY(0);
  }

  .tactile-bevel {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
  }

  .tactile-pressed {
    background: var(--tactile-inset-bg);
    box-shadow: var(--tactile-inset-shadow);
    transform: translateY(1px);
  }

  .tactile-knob {
    background: radial-gradient(circle at 35% 30%,rgb(var(--tactile-surface-strong-rgb)/.72),transparent 30%),var(--tactile-thumb-bg);
    border: 1px solid var(--tactile-keyline);
    block-size: 3.25rem;
    inline-size: 3.25rem;
    box-shadow: var(--tactile-button-shadow);
    border-radius: 50%;
  }

  .tactile-spinner, .tactile-loading-spinner, [data-ui="tactile"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="tactile"]) .usk-spinner, :where([data-ui="tactile"]) .ui-spinner {
    border: .18rem solid rgb(var(--tactile-border-rgb)/.55);
    border-block-start-color: var(--tactile-spinner-stroke);
    border-inline-end-color: var(--tactile-spinner-accent);
    background: var(--tactile-thumb-bg);
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: var(--tactile-button-shadow);
    vertical-align: -.2em;
    border-radius: 50%;
    animation: .85s cubic-bezier(.2, .8, .2, 1) infinite tactile-spin;
    display: inline-block;
  }

  .tactile-spinner-sm {
    border-width: .12rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .tactile-spinner-lg {
    border-width: .24rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="tactile"]) .usk-button[aria-busy="true"], :where([data-ui="tactile"]) .usk-icon-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .usk-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--tactile-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite tactile-spin;
    display: inline-block;
  }

  @keyframes tactile-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .tactile-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    inline-size: 100%;
    box-shadow: var(--tactile-inset-shadow);
    display: block;
  }

  .tactile-card-service {
    gap: var(--tactile-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .tactile-card-service > .tactile-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .tactile-card-service > .tactile-card-media + .tactile-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .tactile-card-feature {
    gap: var(--tactile-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .tactile-card-accent-edge {
    border-inline-start: .28rem solid var(--tactile-primary);
  }

  .tactile-icon-medallion {
    background: var(--tactile-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--tactile-on-primary);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .tactile-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .tactile-button.tactile-button-cut, .tactile-button-cut, :where([data-ui="tactile"]) .usk-button.tactile-button-cut, :where([data-ui="tactile"]) .ui-button.tactile-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .tactile-button.tactile-button-cut:focus-visible, .tactile-button-cut:focus-visible, :where([data-ui="tactile"]) .usk-button.tactile-button-cut:focus-visible, :where([data-ui="tactile"]) .ui-button.tactile-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .tactile-button.tactile-button-outline-heavy, .tactile-button-outline-heavy, :where([data-ui="tactile"]) .usk-button.tactile-button-outline-heavy, :where([data-ui="tactile"]) .ui-button.tactile-button-outline-heavy {
    color: var(--usk-primary-ink, var(--tactile-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--tactile-primary);
    box-shadow: none;
    background: none;
  }

  .tactile-button.tactile-button-outline-heavy:hover, .tactile-button-outline-heavy:hover, :where([data-ui="tactile"]) .usk-button.tactile-button-outline-heavy:hover, :where([data-ui="tactile"]) .ui-button.tactile-button-outline-heavy:hover {
    background: var(--tactile-primary);
    color: var(--tactile-on-primary);
    border-color: var(--tactile-primary-hover);
  }

  .tactile-badge-seal {
    aspect-ratio: 1;
    background: var(--tactile-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--tactile-text);
    border: 1px solid var(--tactile-primary);
    text-align: center;
    font-family: var(--tactile-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .tactile-feature-strip {
    background: var(--tactile-card-bg);
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .tactile-feature-item {
    align-items: center;
    gap: var(--tactile-space-3);
    min-inline-size: 0;
    padding: var(--tactile-space-4);
    border-inline-end: 1px solid rgb(var(--tactile-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .tactile-feature-item:last-child {
    border-inline-end: 0;
  }

  .tactile-feature-item > :where(p, small) {
    color: var(--tactile-text-muted);
    margin: 0;
  }

  .tactile-callout-bar {
    align-items: center;
    gap: var(--tactile-space-4);
    padding: var(--tactile-space-4) var(--tactile-space-5);
    background: var(--tactile-card-bg);
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .tactile-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .tactile-eyebrow {
    color: var(--usk-primary-ink, var(--tactile-primary));
    font-family: var(--tactile-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .tactile-media-scrim {
    isolation: isolate;
    background: var(--tactile-inset-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .tactile-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .tactile-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .tactile-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .tactile-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .tactile-callout-bar>:where(.tactile-button,a,button):last-child, :where([data-ui="tactile"]) .tactile-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="tactile"]) .tactile-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .tactile-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--tactile-border-rgb)/.62);
    }

    .tactile-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .tactile-card-service, .tactile-card-feature, .tactile-feature-strip, .tactile-callout-bar {
    box-shadow: var(--tactile-panel-shadow);
  }

  .tactile-icon-medallion, .tactile-badge-seal {
    background: var(--tactile-action-bg);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-button-outline-heavy {
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-button.tactile-button-cut, .tactile-button-cut, :where([data-ui="tactile"]) .usk-button.tactile-button-cut, :where([data-ui="tactile"]) .ui-button.tactile-button-cut {
    clip-path: polygon(.38rem 0, calc(100% - .38rem) 0, 100% .38rem, 100% calc(100% - .38rem), calc(100% - .38rem) 100%, .38rem 100%, 0 calc(100% - .38rem), 0 .38rem);
    justify-content: center;
    justify-self: center;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .tactile-button.tactile-button-outline-heavy, .tactile-button-outline-heavy, :where([data-ui="tactile"]) .usk-button.tactile-button-outline-heavy, :where([data-ui="tactile"]) .ui-button.tactile-button-outline-heavy {
    clip-path: polygon(.28rem 0, calc(100% - .28rem) 0, 100% .28rem, 100% calc(100% - .28rem), calc(100% - .28rem) 100%, .28rem 100%, 0 calc(100% - .28rem), 0 .28rem);
    box-shadow: var(--tactile-button-shadow);
    border-width: 2px;
    border-radius: 0;
  }

  .tactile-card-service, .tactile-media-scrim, .tactile-feature-strip, .tactile-callout-bar, .tactile-well {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
  }

  [data-ui="tactile"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--tactile-control-bg);
    color: var(--tactile-text);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    box-shadow: var(--tactile-button-shadow);
  }

  [data-ui="tactile"][data-mode] :where(dialog) {
    background-color: var(--tactile-surface);
    background-image: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
  }

  [data-ui="tactile"][data-mode] {
    --tactile-card-bg: var(--tactile-paper-grain), var(--tactile-paper-bg), var(--tactile-surface);
    --tactile-control-bg: linear-gradient(180deg, var(--tactile-bevel-highlight), transparent .28rem), linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / .94), rgb(var(--tactile-surface-soft-rgb) / .76));
    --tactile-field-bg: linear-gradient(180deg, rgb(var(--tactile-text-rgb) / .055), transparent .2rem), linear-gradient(180deg, rgb(var(--tactile-surface-soft-rgb) / .78), rgb(var(--tactile-surface-strong-rgb) / .62));
    --tactile-inset-bg: linear-gradient(180deg, rgb(var(--tactile-text-rgb) / .07), transparent .28rem), rgb(var(--tactile-surface-soft-rgb) / .72);
    --tactile-keyline: rgb(var(--tactile-text-rgb) / max(.58, calc(var(--tactile-border-alpha) * .86)));
    --tactile-panel-shadow: inset 0 2px 0 var(--tactile-bevel-highlight), inset 0 -3px 0 var(--tactile-bevel-shadow), 0 2px 0 var(--tactile-keyline), 0 .42rem .9rem rgb(var(--tactile-text-rgb) / var(--tactile-shadow-alpha));
    --tactile-button-shadow: inset 0 2px 0 var(--tactile-bevel-highlight), inset 0 -3px 0 var(--tactile-bevel-shadow), 0 2px 0 var(--tactile-keyline), 0 .3rem .58rem rgb(var(--tactile-text-rgb) / calc(var(--tactile-shadow-alpha) * .82));
    --tactile-inset-shadow: inset .18rem .2rem .38rem rgb(var(--tactile-text-rgb) / .25), inset -.08rem -.08rem .16rem rgb(var(--tactile-surface-strong-rgb) / .34);
    --tactile-deep-inset-shadow: inset .2rem .22rem .38rem #000000ad, inset -.08rem -.08rem .14rem rgb(var(--tactile-surface-strong-rgb) / .12);
    --tactile-progress-fill: repeating-linear-gradient(90deg, var(--tactile-success) 0 calc(12.5% - .16rem), transparent calc(12.5% - .16rem) 12.5%), var(--tactile-primary);
    --usk-native-panel-padding: 1.2rem;
    --usk-native-control-min-block-size: 3.05rem;
    --usk-native-control-padding-block: .7rem;
    --usk-native-control-padding-inline: .9rem;
    --usk-native-subcontrol-padding-block: .52rem;
    --usk-native-subcontrol-padding-inline: .7rem;
    --usk-native-choice-size: 1.3rem;
    --usk-native-choice-background: var(--tactile-field-bg);
    --usk-native-choice-border: 1px solid var(--tactile-keyline);
    --usk-native-choice-shadow: var(--tactile-inset-shadow);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-range-track-size: .68rem;
    --usk-native-range-track-border: 2px solid var(--tactile-track-rim);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
    --usk-native-range-thumb-size: 1.65rem;
    --usk-native-range-thumb-border: 2px solid var(--tactile-keyline);
    --usk-native-range-thumb-radius: .08rem;
    --usk-native-range-thumb-shadow: var(--tactile-button-shadow);
    --usk-native-progress-size: .85rem;
    --usk-native-progress-track-border: 2px solid var(--tactile-track-rim);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: var(--tactile-deep-inset-shadow);
    --usk-native-progress-value-background: var(--tactile-progress-fill);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--tactile-surface-strong-rgb) / .24);
    --usk-native-file-button-border: 2px solid var(--tactile-keyline);
    --usk-native-file-button-radius: .08rem;
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-radius: 0;
  }

  .tactile-title {
    font-family: var(--tactile-font-display);
    letter-spacing: -.035em;
    font-weight: 750;
  }

  .tactile-heading {
    font-family: var(--tactile-font-heading);
    letter-spacing: -.018em;
    font-weight: 750;
  }

  .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button {
    border: 1px solid var(--tactile-keyline);
    min-height: 3.05rem;
    box-shadow: var(--tactile-button-shadow);
    clip-path: polygon(.24rem 0, calc(100% - .24rem) 0, 100% .24rem, 100% calc(100% - .24rem), calc(100% - .24rem) 100%, .24rem 100%, 0 calc(100% - .24rem), 0 .24rem);
    letter-spacing: .025em;
    border-radius: 0;
    padding: .7rem 1.05rem;
    font-weight: 850;
  }

  .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .usk-button:hover, :where([data-ui="tactile"]) .usk-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover {
    box-shadow: inset 0 2px 0 var(--tactile-bevel-highlight),inset 0-3px 0 var(--tactile-bevel-shadow),0 3px 0 var(--tactile-keyline),0 .4rem .72rem rgb(var(--tactile-text-rgb)/var(--tactile-shadow-alpha));
    transform: translateY(-1px);
  }

  .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus, :where([data-ui="tactile"]) .usk-input:focus, :where([data-ui="tactile"]) .usk-textarea:focus, :where([data-ui="tactile"]) .usk-select:focus, :where([data-ui="tactile"]) .ui-input:focus, :where([data-ui="tactile"]) .ui-textarea:focus, :where([data-ui="tactile"]) .ui-select:focus {
    border-color: var(--tactile-focus);
    box-shadow: var(--tactile-inset-shadow),var(--tactile-focus-ring);
  }

  .tactile-badge, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .ui-badge {
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-xs);
    min-height: 1.6rem;
    box-shadow: inset 0 1px 0 var(--tactile-bevel-highlight),0 1px 0 var(--tactile-keyline);
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .28rem .58rem;
    font-size: .7rem;
    font-weight: 900;
  }

  .tactile-nav, :where([data-ui="tactile"]) .usk-nav, :where([data-ui="tactile"]) .ui-nav {
    background: var(--tactile-sidebar-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-md);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-bg-rgb)/.1),inset 0-2px 0 #00000073,0 .35rem .8rem rgb(var(--tactile-text-rgb)/var(--tactile-shadow-alpha));
    gap: .2rem;
    padding: .4rem;
  }

  .tactile-nav-link, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-nav-link {
    border-radius: var(--tactile-radius-xs);
    letter-spacing: .08em;
    text-transform: uppercase;
    min-height: 2.55rem;
    padding: .62rem .82rem;
    font-size: .75rem;
    font-weight: 900;
  }

  .tactile-alert-title, :where([data-ui="tactile"]) .usk-alert-title, :where([data-ui="tactile"]) .ui-alert-title {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .76rem;
    font-weight: 900;
  }

  .tactile-table, :where([data-ui="tactile"]) .usk-table, :where([data-ui="tactile"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td {
    border-inline-end: 1px solid var(--tactile-keyline);
    border-bottom: 1px solid var(--tactile-keyline);
    padding: .72rem .82rem;
  }

  .tactile-table th, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .ui-table th {
    color: var(--tactile-sidebar-fg);
    background: var(--tactile-sidebar-bg);
    box-shadow: inset 0 -2px #0000006b;
  }

  .tactile-table td, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table td {
    background: var(--tactile-field-bg);
    box-shadow: inset 0 1px 0 var(--tactile-bevel-highlight);
  }

  .tactile-card-service, .tactile-card-feature, .tactile-feature-strip, .tactile-callout-bar {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
    padding: 1rem;
  }

  .tactile-card-service {
    text-align: start;
  }

  .tactile-feature-item {
    background: var(--tactile-inset-bg);
    border-inline-end: 1px solid var(--tactile-keyline);
    box-shadow: inset 0 1px 0 var(--tactile-bevel-highlight),inset 0-1px 0 var(--tactile-bevel-shadow);
    padding: .85rem 1rem;
  }

  .tactile-callout-bar {
    color: var(--tactile-sidebar-fg);
    background: var(--tactile-sidebar-bg);
    border-width: 2px;
  }

  .tactile-callout-bar>:where(.tactile-button,a,button):last-child, :where([data-ui="tactile"]) .tactile-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="tactile"]) .tactile-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  [data-ui="tactile"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background-color: var(--tactile-surface);
    background-image: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
  }

  [data-ui="tactile"][data-mode] :where(legend) {
    background: var(--tactile-control-bg);
    border: 1px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-xs);
    box-shadow: var(--tactile-button-shadow);
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .32rem .58rem;
    font-size: .7rem;
    font-weight: 900;
  }

  [data-ui="tactile"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-button-shadow);
    clip-path: polygon(.2rem 0, calc(100% - .2rem) 0, 100% .2rem, 100% calc(100% - .2rem), calc(100% - .2rem) 100%, .2rem 100%, 0 calc(100% - .2rem), 0 .2rem);
    border-radius: 0;
  }

  [data-ui="tactile"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):active {
    box-shadow: var(--tactile-inset-shadow);
    transform: translateY(2px);
  }

  [data-ui="tactile"][data-mode] :where(dialog) {
    border: 2px solid var(--tactile-keyline);
    border-radius: var(--tactile-radius-lg);
    box-shadow: var(--tactile-panel-shadow);
  }

  .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .usk-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after {
    border: .14em solid;
    clip-path: none;
    background: none;
    border-block-start-color: #0000;
    border-inline-start-color: #0000;
    border-radius: 50%;
    animation: .88s linear infinite tactile-spin;
    box-shadow: 0 .08em .16em #00000038;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="tactile"] *, [data-ui="tactile"] :before, [data-ui="tactile"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="tactile"] {
      --tactile-border-alpha: 1;
      --tactile-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="tactile"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="tactile"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="tactile"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="tactile"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="tactile"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .tactile-input[aria-invalid="true"], .tactile-textarea[aria-invalid="true"], .tactile-select[aria-invalid="true"], :where([data-ui="tactile"]) .usk-input[aria-invalid="true"], :where([data-ui="tactile"]) .usk-textarea[aria-invalid="true"], :where([data-ui="tactile"]) .usk-select[aria-invalid="true"], :where([data-ui="tactile"]) .ui-input[aria-invalid="true"], :where([data-ui="tactile"]) .ui-textarea[aria-invalid="true"], :where([data-ui="tactile"]) .ui-select[aria-invalid="true"] {
    border-color: var(--tactile-danger);
    box-shadow: 0 0 0 2px rgb(var(--tactile-danger-rgb)/.18);
  }

  .tactile-input[readonly], .tactile-textarea[readonly], :where([data-ui="tactile"]) .usk-input[readonly], :where([data-ui="tactile"]) .usk-textarea[readonly], :where([data-ui="tactile"]) .ui-input[readonly], :where([data-ui="tactile"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .tactile-title {
    font-family: var(--tactile-font-display);
    letter-spacing: max(.022em, .5px);
    margin-block: .75rem;
    font-weight: 750;
  }

  .tactile-label, :where([data-ui="tactile"]) .usk-label, :where([data-ui="tactile"]) .ui-label {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 900;
  }

  .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button {
    background: var(--tactile-control-bg);
    border: 1px solid var(--tactile-keyline);
    min-height: 3.05rem;
    box-shadow: var(--tactile-button-shadow);
    clip-path: polygon(.24rem 0, calc(100% - .24rem) 0, 100% .24rem, 100% calc(100% - .24rem), calc(100% - .24rem) 100%, .24rem 100%, 0 calc(100% - .24rem), 0 .24rem);
    border-radius: 0;
    padding: .7rem 1.05rem;
    font-weight: 850;
  }

  .tactile-icon-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-icon-button {
    padding: 0;
  }

  .tactile-button-primary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--tactile-action-bg);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-button-secondary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--tactile-control-bg);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-button-danger, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--tactile-danger);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .usk-button:active, :where([data-ui="tactile"]) .usk-icon-button:active, :where([data-ui="tactile"]) .usk-button[aria-pressed="true"], :where([data-ui="tactile"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"] {
    box-shadow: var(--tactile-inset-shadow);
    transform: translateY(2px);
  }

  .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .usk-input, :where([data-ui="tactile"]) .usk-textarea, :where([data-ui="tactile"]) .usk-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select {
    background: var(--tactile-field-bg);
    border: 1px solid var(--tactile-keyline);
    min-height: 3.05rem;
    box-shadow: var(--tactile-inset-shadow);
    border-radius: .28rem;
    padding: .7rem .9rem;
  }

  .tactile-well, .tactile-inset {
    background: var(--tactile-inset-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-inset-shadow);
    border-radius: .28rem;
  }

  .tactile-badge, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .ui-badge {
    border-radius: var(--tactile-radius-xs);
    min-height: 1.6rem;
    padding: .28rem .58rem;
  }

  .tactile-alert, :where([data-ui="tactile"]) .usk-alert, :where([data-ui="tactile"]) .ui-alert {
    background: var(--tactile-card-bg);
    border: 2px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-inline-start-width: .45rem;
    border-radius: .28rem;
  }

  .tactile-progress, :where([data-ui="tactile"]) .usk-progress, :where([data-ui="tactile"]) .ui-progress {
    background: var(--tactile-recessed-track);
    border: 2px solid var(--tactile-track-rim);
    height: .85rem;
    box-shadow: var(--tactile-deep-inset-shadow);
  }

  .tactile-progress-bar, :where([data-ui="tactile"]) .usk-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar {
    background: var(--tactile-progress-fill);
    border-radius: 0;
  }

  .tactile-table-wrap, :where([data-ui="tactile"]) .usk-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap {
    background: var(--tactile-card-bg);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .4rem;
  }

  .tactile-table th, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .ui-table th {
    background: var(--tactile-sidebar-bg);
    padding: .72rem .82rem;
    font-weight: 900;
  }

  .tactile-table td, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table td {
    background: var(--tactile-field-bg);
    padding: .72rem .82rem;
  }

  .tactile-nav, :where([data-ui="tactile"]) .usk-nav, :where([data-ui="tactile"]) .ui-nav {
    background: var(--tactile-sidebar-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .35rem;
  }

  .tactile-nav-link, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-nav-link {
    border-radius: .12rem;
    min-height: 2.55rem;
    padding: .62rem .82rem;
  }

  .tactile-tooltip, [data-ui="tactile"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="tactile"]) .usk-tooltip, :where([data-ui="tactile"]) .ui-tooltip {
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .2rem;
  }

  .tactile-feature-item {
    background: var(--tactile-inset-bg);
    padding: .85rem 1rem;
  }

  [data-ui="tactile"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .4rem;
  }

  .tactile-button-primary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--tactile-primary);
    color: var(--tactile-on-primary);
    border-color: var(--tactile-primary);
  }

  .tactile-button-ghost, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--tactile-primary));
    background: none;
    border-color: #0000;
  }

  .tactile-feature-item > .tactile-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .tactile-callout-bar > .tactile-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  :root {
    --tactile-font-sans: "Segoe UI", Tahoma, Arial, sans-serif;
    --tactile-font-display: Georgia, Cambria, "Times New Roman", Times, serif;
    --tactile-font-body: var(--tactile-font-sans);
    --tactile-font-heading: var(--tactile-font-display);
    --tactile-font-control: "Arial Narrow", "Aptos Narrow", "Segoe UI", Tahoma, Arial, sans-serif;
    --tactile-radius-xs: .12rem;
    --tactile-radius-sm: .18rem;
    --tactile-radius-md: .24rem;
    --tactile-radius-lg: .38rem;
    --tactile-radius-xl: .5rem;
  }

  [data-ui="tactile"][data-mode="light"] {
    --tactile-paper-rgb: 246 240 224;
    --tactile-paper-deep-rgb: 229 218 194;
    --tactile-paper-highlight-rgb: 255 252 241;
    --tactile-ink-rgb: 45 40 34;
    --tactile-muted-ink-rgb: 96 86 73;
    --tactile-keyline-rgb: 158 135 99;
    --tactile-material-shadow-rgb: 74 61 43;
    --tactile-track-rgb: 37 33 31;
    --tactile-sidebar-rgb: 45 41 36;
    --tactile-sidebar-text-rgb: 236 221 190;
    --tactile-copper-rgb: 177 60 28;
    --tactile-olive-rgb: 91 104 67;
    --tactile-brass-rgb: 197 160 82;
  }

  [data-ui="tactile"][data-mode="dark"] {
    --tactile-paper-rgb: 57 51 44;
    --tactile-paper-deep-rgb: 42 38 34;
    --tactile-paper-highlight-rgb: 84 75 63;
    --tactile-ink-rgb: 241 232 214;
    --tactile-muted-ink-rgb: 198 184 158;
    --tactile-keyline-rgb: 151 128 91;
    --tactile-material-shadow-rgb: 0 0 0;
    --tactile-track-rgb: 25 23 21;
    --tactile-sidebar-rgb: 27 25 23;
    --tactile-sidebar-text-rgb: 236 218 184;
    --tactile-copper-rgb: 211 83 43;
    --tactile-olive-rgb: 131 145 92;
    --tactile-brass-rgb: 222 181 91;
  }

  [data-ui="tactile"][data-mode="contrast"] {
    --tactile-paper-rgb: 0 0 0;
    --tactile-paper-deep-rgb: 0 0 0;
    --tactile-paper-highlight-rgb: 255 255 255;
    --tactile-ink-rgb: 255 255 255;
    --tactile-muted-ink-rgb: 255 255 255;
    --tactile-keyline-rgb: 255 255 255;
    --tactile-material-shadow-rgb: 0 0 0;
    --tactile-track-rgb: 0 0 0;
    --tactile-sidebar-rgb: 0 0 0;
    --tactile-sidebar-text-rgb: 255 255 255;
    --tactile-copper-rgb: 255 110 48;
    --tactile-olive-rgb: 196 232 112;
    --tactile-brass-rgb: 255 214 102;
  }

  [data-ui="tactile"][data-theme][data-mode] {
    --tactile-paper-rgb: var(--usk-bg-rgb);
    --tactile-paper-deep-rgb: var(--usk-surface-soft-rgb);
    --tactile-paper-highlight-rgb: var(--usk-surface-strong-rgb);
    --tactile-ink-rgb: var(--usk-text-rgb);
    --tactile-muted-ink-rgb: var(--usk-text-muted-rgb);
    --tactile-keyline-rgb: var(--usk-border-rgb);
    --tactile-material-shadow-rgb: var(--usk-text-rgb);
    --tactile-track-rgb: var(--usk-text-rgb);
    --tactile-sidebar-rgb: var(--usk-text-rgb);
    --tactile-sidebar-text-rgb: var(--usk-bg-rgb);
    --tactile-copper-rgb: var(--usk-primary-rgb);
    --tactile-olive-rgb: var(--usk-success-rgb);
    --tactile-brass-rgb: var(--usk-accent-rgb);
  }

  [data-ui="tactile"][data-mode] {
    --tactile-paper: rgb(var(--tactile-paper-rgb));
    --tactile-paper-deep: rgb(var(--tactile-paper-deep-rgb));
    --tactile-paper-highlight: rgb(var(--tactile-paper-highlight-rgb));
    --tactile-ink: rgb(var(--tactile-ink-rgb));
    --tactile-muted-ink: rgb(var(--tactile-muted-ink-rgb));
    --tactile-copper: rgb(var(--tactile-copper-rgb));
    --tactile-olive: rgb(var(--tactile-olive-rgb));
    --tactile-brass: rgb(var(--tactile-brass-rgb));
    --tactile-bg: var(--tactile-paper);
    --tactile-surface: var(--tactile-paper);
    --tactile-surface-strong: var(--tactile-paper-highlight);
    --tactile-surface-soft: var(--tactile-paper-deep);
    --tactile-text: var(--tactile-ink);
    --tactile-text-muted: var(--tactile-muted-ink);
    --tactile-fg: var(--tactile-ink);
    --tactile-surface-fg: var(--tactile-ink);
    --tactile-muted: var(--tactile-muted-ink);
    --tactile-control-fg: var(--tactile-ink);
    --tactile-border: rgb(var(--tactile-keyline-rgb) / .72);
    --tactile-keyline: rgb(var(--tactile-keyline-rgb) / .78);
    --tactile-bevel-highlight: rgb(var(--tactile-paper-highlight-rgb) / .88);
    --tactile-bevel-shadow: rgb(var(--tactile-material-shadow-rgb) / .24);
    --tactile-paper-wash: rgb(var(--tactile-brass-rgb) / .06);
    --tactile-paper-grain: radial-gradient(circle at 16% 22%, rgb(var(--tactile-ink-rgb) / .025) 0 1px, transparent 1.2px), radial-gradient(circle at 72% 64%, rgb(var(--tactile-brass-rgb) / .04) 0 1px, transparent 1.3px), repeating-linear-gradient(96deg, transparent 0 2.4rem, rgb(var(--tactile-ink-rgb) / .012) 2.45rem 2.5rem);
    --tactile-paper-bg: linear-gradient(180deg, rgb(var(--tactile-paper-highlight-rgb) / .34), transparent 11rem), linear-gradient(102deg, rgb(var(--tactile-brass-rgb) / .035), transparent 32rem), var(--tactile-paper);
    --tactile-theme-bg: var(--tactile-paper-grain), var(--tactile-paper-bg);
    --tactile-card-bg: var(--tactile-paper-grain), var(--tactile-paper-bg);
    --tactile-control-bg: linear-gradient(180deg, var(--tactile-paper-highlight) 0, var(--tactile-paper) 48%, var(--tactile-paper-deep) 100%);
    --tactile-field-bg: linear-gradient(180deg, rgb(var(--tactile-material-shadow-rgb) / .075), transparent .24rem), linear-gradient(180deg, var(--tactile-paper) 0, rgb(var(--tactile-paper-highlight-rgb) / .7) 100%);
    --tactile-inset-bg: linear-gradient(180deg, rgb(var(--tactile-material-shadow-rgb) / .1), transparent .28rem), var(--tactile-paper);
    --tactile-recessed-track: rgb(var(--tactile-track-rgb));
    --tactile-track-rim: rgb(var(--tactile-keyline-rgb) / .9);
    --tactile-progress-track: linear-gradient(180deg, var(--tactile-paper-deep), var(--tactile-paper-highlight));
    --tactile-thumb-bg: linear-gradient(90deg, var(--tactile-paper-deep), var(--tactile-paper-highlight) 42%, var(--tactile-paper) 58%, var(--tactile-paper-deep));
    --tactile-select-endcap: linear-gradient(90deg, transparent calc(100% - 2.25rem), rgb(var(--tactile-keyline-rgb) / .56) calc(100% - 2.25rem), rgb(var(--tactile-keyline-rgb) / .56) calc(100% - 2.2rem), transparent calc(100% - 2.2rem)), linear-gradient(135deg, transparent 50%, var(--tactile-ink) 50%), linear-gradient(45deg, var(--tactile-ink) 50%, transparent 50%), linear-gradient(45deg, transparent 50%, var(--tactile-ink) 50%), linear-gradient(135deg, var(--tactile-ink) 50%, transparent 50%), var(--tactile-field-bg);
    --tactile-sidebar-bg: linear-gradient(90deg, rgb(var(--tactile-sidebar-rgb) / .98), rgb(var(--tactile-sidebar-rgb)));
    --tactile-sidebar-fg: rgb(var(--tactile-sidebar-text-rgb));
    --tactile-sidebar-muted: rgb(var(--tactile-sidebar-text-rgb) / .78);
    --tactile-rail: var(--tactile-copper);
    --tactile-panel-shadow: inset 0 1px 0 var(--tactile-bevel-highlight), inset 0 -1px 0 rgb(var(--tactile-material-shadow-rgb) / .18), 0 1px 2px rgb(var(--tactile-material-shadow-rgb) / .2), 0 .28rem .62rem rgb(var(--tactile-material-shadow-rgb) / .09);
    --tactile-button-shadow: inset 0 1px 0 var(--tactile-bevel-highlight), inset 0 -2px 0 rgb(var(--tactile-material-shadow-rgb) / .22), 0 1px 2px rgb(var(--tactile-material-shadow-rgb) / .22);
    --tactile-inset-shadow: inset .1rem .12rem .22rem rgb(var(--tactile-material-shadow-rgb) / .2), inset -.04rem -.04rem .12rem rgb(var(--tactile-paper-highlight-rgb) / .34);
    --tactile-deep-inset-shadow: inset .12rem .14rem .2rem #000000b8, inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb) / .12);
    --tactile-progress-fill: repeating-linear-gradient(90deg, var(--tactile-olive) 0 calc(14.285% - 1px), rgb(var(--tactile-keyline-rgb) / .84) calc(14.285% - 1px) 14.285%);
    --usk-native-surface: var(--tactile-paper);
    --usk-native-surface-strong: var(--tactile-paper-highlight);
    --usk-native-surface-soft: var(--tactile-paper-deep);
    --usk-native-card-bg: var(--tactile-card-bg);
    --usk-native-control-bg: var(--tactile-field-bg);
    --usk-native-text: var(--tactile-ink);
    --usk-native-text-muted: var(--tactile-muted-ink);
    --usk-native-border: var(--tactile-keyline);
    --usk-native-font-body: var(--tactile-font-body);
    --usk-native-font-heading: var(--tactile-font-heading);
    --usk-native-font-control: var(--tactile-font-control);
    --usk-native-shadow: var(--tactile-button-shadow);
    --usk-native-shadow-md: var(--tactile-panel-shadow);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .55rem;
    --usk-native-control-padding-inline: .78rem;
    --usk-native-subcontrol-padding-block: .45rem;
    --usk-native-subcontrol-padding-inline: .66rem;
    --usk-native-panel-padding: 1rem;
    --usk-native-choice-size: 1.05rem;
    --usk-native-choice-background: var(--tactile-field-bg);
    --usk-native-choice-border: 1px solid var(--tactile-keyline);
    --usk-native-choice-shadow: var(--tactile-inset-shadow);
    --usk-native-choice-checked-background: var(--tactile-copper);
    --usk-native-choice-mark-color: var(--tactile-paper-highlight);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-select-indicator-size: .36rem .36rem, .36rem .36rem;
    --usk-native-select-indicator-position: calc(100% - 1.05rem) calc(50% - .22rem), calc(100% - 1.05rem) calc(50% + .22rem);
    --usk-native-select-padding-inline-end: 2.6rem;
    --usk-native-range-track-size: .55rem;
    --usk-native-range-track-background: var(--tactile-recessed-track);
    --usk-native-range-track-border: 1px solid var(--tactile-track-rim);
    --usk-native-range-track-radius: .16rem;
    --usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
    --usk-native-range-thumb-radius: .16rem;
    --usk-native-range-thumb-shadow: var(--tactile-button-shadow);
    --usk-native-progress-size: .68rem;
    --usk-native-progress-track-background: var(--tactile-progress-track);
    --usk-native-progress-track-border: 1px solid var(--tactile-keyline);
    --usk-native-progress-track-radius: .14rem;
    --usk-native-progress-track-shadow: var(--tactile-inset-shadow);
    --usk-native-progress-value-background: var(--tactile-progress-fill);
    --usk-native-progress-value-radius: .08rem;
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb) / .3);
    --usk-native-meter-optimum-background: var(--tactile-olive);
    --usk-native-meter-suboptimum-background: var(--tactile-brass);
    --usk-native-meter-critical-background: var(--tactile-copper);
    --usk-native-file-button-background: var(--tactile-control-bg);
    --usk-native-file-button-border: 1px solid var(--tactile-keyline);
    --usk-native-file-button-radius: .2rem;
    --usk-native-file-button-shadow: var(--tactile-button-shadow);
    --usk-native-color-swatch-border: 1px solid var(--tactile-keyline);
    --usk-native-color-swatch-radius: .12rem;
    --usk-native-scrollbar-track: var(--tactile-paper-deep);
    --usk-native-scrollbar-thumb: var(--tactile-thumb-bg);
    --usk-native-scrollbar-radius: .14rem;
  }

  [data-ui="tactile"] {
    background: var(--tactile-theme-bg);
    color: var(--tactile-ink);
    font-family: var(--tactile-font-body);
    font-size: .875rem;
    line-height: 1.42;
  }

  .tactile-title {
    font-family: var(--tactile-font-display);
    letter-spacing: max(.022em, .5px);
    margin-block: .75rem;
    font-size: clamp(2rem, 4.2vw, 3.05rem);
    font-weight: 700;
    line-height: 1.02;
  }

  .tactile-heading {
    font-family: var(--tactile-font-heading);
    letter-spacing: -.015em;
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 700;
    line-height: 1.08;
  }

  .tactile-kicker, .tactile-eyebrow {
    font-family: var(--tactile-font-control);
    letter-spacing: .075em;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 700;
  }

  .tactile-label, :where([data-ui="tactile"]) .usk-label, :where([data-ui="tactile"]) .ui-label {
    color: var(--tactile-ink);
    font-family: var(--tactile-font-control);
    letter-spacing: .01em;
    text-transform: none;
    font-size: .74rem;
    font-weight: 650;
  }

  .tactile-subtitle, .tactile-copy, .tactile-help-text, .tactile-alert-body, :where([data-ui="tactile"]) .usk-help-text, :where([data-ui="tactile"]) .usk-alert-body, :where([data-ui="tactile"]) .ui-help-text, :where([data-ui="tactile"]) .ui-alert-body {
    color: var(--tactile-muted-ink);
  }

  .tactile-divider {
    background: rgb(var(--tactile-keyline-rgb)/.44);
    box-shadow: 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.58);
  }

  .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .usk-card, :where([data-ui="tactile"]) .usk-toolbar, :where([data-ui="tactile"]) .usk-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .38rem;
  }

  .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .usk-card, :where([data-ui="tactile"]) .ui-card {
    padding: 1rem;
  }

  .tactile-toolbar, :where([data-ui="tactile"]) .usk-toolbar, :where([data-ui="tactile"]) .ui-toolbar {
    padding: .72rem .82rem;
  }

  .tactile-well, .tactile-inset {
    background: var(--tactile-inset-bg);
    border: 1px solid rgb(var(--tactile-keyline-rgb)/.64);
    box-shadow: var(--tactile-inset-shadow);
    border-radius: .28rem;
    padding: .82rem;
  }

  .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .usk-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button {
    background: var(--tactile-control-bg);
    min-height: 2.75rem;
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-button-shadow);
    clip-path: none;
    font-family: var(--tactile-font-control);
    letter-spacing: .005em;
    text-transform: none;
    border-radius: .24rem;
    padding: .55rem .9rem;
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .tactile-icon-button, :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-icon-button {
    width: 2.75rem;
    padding: 0;
  }

  .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .usk-button:hover, :where([data-ui="tactile"]) .usk-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover {
    border-color: rgb(var(--tactile-keyline-rgb)/.96);
    box-shadow: inset 0 1px 0 var(--tactile-bevel-highlight),inset 0-2px 0 rgb(var(--tactile-material-shadow-rgb)/.26),0 2px 3px rgb(var(--tactile-material-shadow-rgb)/.2);
    transform: translateY(-1px);
  }

  .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active, :where([data-ui="tactile"]) .usk-button:active, :where([data-ui="tactile"]) .usk-icon-button:active, :where([data-ui="tactile"]) .usk-button[aria-pressed="true"], :where([data-ui="tactile"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .usk-button.is-active, :where([data-ui="tactile"]) .usk-icon-button.is-active, :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button.is-active, :where([data-ui="tactile"]) .ui-icon-button.is-active {
    box-shadow: var(--tactile-inset-shadow);
    transform: translateY(1px);
  }

  .tactile-button-primary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(180deg,var(--tactile-primary-hover),var(--tactile-primary) 48%,rgb(var(--tactile-primary-rgb)/.84));
    color: var(--tactile-on-primary);
    border-color: var(--tactile-primary);
    box-shadow: inset 0 1px 0 #ffffff6b,inset 0-2px 0 #00000040,0 1px 2px rgb(var(--tactile-material-shadow-rgb)/.3);
  }

  .tactile-button-secondary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--tactile-control-bg);
    color: var(--tactile-ink);
    border-color: var(--tactile-keyline);
  }

  .tactile-button-danger, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(180deg,rgb(var(--tactile-danger-rgb)/.88),var(--tactile-danger) 52%,rgb(var(--tactile-danger-rgb)/.76));
    color: var(--tactile-on-danger);
    border-color: var(--tactile-danger);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .tactile-button-primary, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) {
      background: linear-gradient(180deg,var(--tactile-primary-hover),var(--tactile-primary) 48%,var(--tactile-primary));
      border-color: color-mix(in srgb,var(--tactile-primary),black 34%);
      box-shadow: inset 0 1px 0 #ffffff6b,inset 0-2px 0 #00000040,0 1px 2px rgb(var(--tactile-material-shadow-rgb)/.3);
    }

    .tactile-button-danger, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) {
      background: linear-gradient(180deg,color-mix(in srgb,var(--tactile-danger),white 12%),var(--tactile-danger) 52%,color-mix(in srgb,var(--tactile-danger),black 18%));
      border-color: color-mix(in srgb,var(--tactile-danger),black 30%);
    }
  }

  .tactile-button-ghost, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--tactile-link));
    box-shadow: none;
    background: none;
    border-color: #0000;
  }

  .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .usk-button:disabled, :where([data-ui="tactile"]) .usk-icon-button:disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled {
    opacity: .46;
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.38),inset 0-1px 0 rgb(var(--tactile-material-shadow-rgb)/.12);
    transform: none;
  }

  .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .usk-input, :where([data-ui="tactile"]) .usk-textarea, :where([data-ui="tactile"]) .usk-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select {
    background: var(--tactile-field-bg);
    min-height: 2.75rem;
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-inset-shadow);
    font-family: var(--tactile-font-control);
    border-radius: .24rem;
    padding: .55rem .72rem;
    font-size: .84rem;
    font-weight: 500;
  }

  .tactile-select, :where([data-ui="tactile"]) .usk-select, :where([data-ui="tactile"]) .ui-select {
    appearance: none;
    background-image: var(--tactile-select-endcap);
    background-position: 0 0, calc(100% - 1.18rem) calc(50% - .36rem), calc(100% - .9rem) calc(50% - .36rem), calc(100% - 1.18rem) calc(50% + .34rem), calc(100% - .9rem) calc(50% + .34rem), 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%, .28rem .28rem, .28rem .28rem, .28rem .28rem, .28rem .28rem, 100% 100%;
    padding-inline-end: 2.75rem;
  }

  .tactile-input::placeholder, .tactile-textarea::placeholder, :where([data-ui="tactile"]) .usk-input::placeholder, :where([data-ui="tactile"]) .usk-textarea::placeholder, :where([data-ui="tactile"]) .ui-input::placeholder, :where([data-ui="tactile"]) .ui-textarea::placeholder {
    color: var(--tactile-muted-ink);
    opacity: .72;
  }

  .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .usk-check-control, :where([data-ui="tactile"]) .usk-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control {
    background: var(--tactile-field-bg);
    border: 1px solid var(--tactile-keyline);
    width: 1.05rem;
    height: 1.05rem;
    box-shadow: var(--tactile-inset-shadow);
  }

  .tactile-check input:checked+.tactile-check-control, .tactile-radio input:checked+.tactile-radio-control, :where([data-ui="tactile"]) .usk-check input:checked+.usk-check-control, :where([data-ui="tactile"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--tactile-copper);
    border-color: rgb(var(--tactile-copper-rgb)/.96);
    box-shadow: inset 0 1px 0 #ffffff4d,var(--tactile-focus-ring);
  }

  .tactile-radio input:checked+.tactile-radio-control, :where([data-ui="tactile"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--tactile-field-bg);
  }

  .tactile-radio input:checked+.tactile-radio-control:after, :where([data-ui="tactile"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after {
    background: var(--tactile-copper);
    width: .52rem;
    height: .52rem;
  }

  .tactile-switch-track, :where([data-ui="tactile"]) .usk-switch-track, :where([data-ui="tactile"]) .ui-switch-track {
    background: var(--tactile-recessed-track);
    border: 1px solid var(--tactile-track-rim);
    width: 4.1rem;
    height: 1.75rem;
    box-shadow: var(--tactile-deep-inset-shadow);
    border-radius: .2rem;
  }

  .tactile-switch-thumb, :where([data-ui="tactile"]) .usk-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb {
    background: var(--tactile-thumb-bg);
    border: 1px solid var(--tactile-keyline);
    width: 1.42rem;
    height: 1.42rem;
    box-shadow: var(--tactile-button-shadow);
    border-radius: .16rem;
    top: .14rem;
    left: .14rem;
  }

  .tactile-switch input:checked+.tactile-switch-track, :where([data-ui="tactile"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track {
    background: linear-gradient(90deg,var(--tactile-recessed-track)0 50%,var(--tactile-olive) 50% 100%);
    border-color: var(--tactile-keyline);
  }

  .tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    left: calc(100% - 1.56rem);
  }

  .tactile-nav, :where([data-ui="tactile"]) .usk-nav, :where([data-ui="tactile"]) .ui-nav {
    background: var(--tactile-sidebar-bg);
    border: 1px solid rgb(var(--tactile-keyline-rgb)/.72);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-sidebar-text-rgb)/.1),inset 0-1px 0 #00000085,0 2px 5px #0000002e;
    border-radius: .28rem;
    gap: .2rem;
    padding: .35rem;
  }

  .tactile-nav-link, :where([data-ui="tactile"]) .usk-nav-link, :where([data-ui="tactile"]) .ui-nav-link {
    min-height: 2.65rem;
    color: var(--tactile-sidebar-muted);
    font-family: var(--tactile-font-control);
    letter-spacing: .01em;
    text-transform: none;
    border-radius: .18rem;
    padding: .58rem .76rem;
    font-size: .84rem;
    font-weight: 500;
  }

  .tactile-nav-link:hover, :where([data-ui="tactile"]) .usk-nav-link:hover, :where([data-ui="tactile"]) .ui-nav-link:hover {
    color: var(--tactile-sidebar-fg);
    background: rgb(var(--tactile-sidebar-text-rgb)/.055);
    border-color: rgb(var(--tactile-sidebar-text-rgb)/.14);
  }

  .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active, :where([data-ui="tactile"]) .usk-nav-link[aria-current="page"], :where([data-ui="tactile"]) .usk-nav-link.is-active, :where([data-ui="tactile"]) .ui-nav-link[aria-current="page"], :where([data-ui="tactile"]) .ui-nav-link.is-active {
    color: var(--tactile-sidebar-fg);
    background: rgb(var(--tactile-sidebar-text-rgb)/.06);
    border-color: rgb(var(--tactile-sidebar-text-rgb)/.18);
    box-shadow: inset .18rem 0 0 var(--tactile-copper),inset .08rem .08rem .18rem #00000061;
  }

  .tactile-progress, :where([data-ui="tactile"]) .usk-progress, :where([data-ui="tactile"]) .ui-progress {
    background: var(--tactile-progress-track);
    border: 1px solid var(--tactile-keyline);
    height: .68rem;
    box-shadow: var(--tactile-inset-shadow);
    border-radius: .14rem;
    padding: .08rem;
  }

  .tactile-progress-bar, :where([data-ui="tactile"]) .usk-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar {
    background: var(--tactile-progress-fill);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.26);
    border-radius: .06rem;
  }

  .tactile-badge, :where([data-ui="tactile"]) .usk-badge, :where([data-ui="tactile"]) .ui-badge {
    border: 1px solid var(--tactile-keyline);
    min-height: 1.45rem;
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.34);
    letter-spacing: .045em;
    border-radius: .12rem;
    padding: .22rem .48rem;
    font-size: .68rem;
    font-weight: 700;
  }

  .tactile-alert, :where([data-ui="tactile"]) .usk-alert, :where([data-ui="tactile"]) .ui-alert {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-inline-start-width: .28rem;
    border-radius: .3rem;
    padding: .82rem .9rem;
  }

  .tactile-alert-title, :where([data-ui="tactile"]) .usk-alert-title, :where([data-ui="tactile"]) .ui-alert-title {
    letter-spacing: .045em;
    font-size: .72rem;
    font-weight: 700;
  }

  .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td {
    border-color: rgb(var(--tactile-keyline-rgb)/.52);
    padding: .62rem .72rem;
  }

  .tactile-table th, :where([data-ui="tactile"]) .usk-table th, :where([data-ui="tactile"]) .ui-table th {
    color: var(--tactile-sidebar-fg);
    background: var(--tactile-sidebar-bg);
    font-family: var(--tactile-font-control);
    letter-spacing: .055em;
    font-size: .7rem;
    font-weight: 700;
  }

  .tactile-table td, :where([data-ui="tactile"]) .usk-table td, :where([data-ui="tactile"]) .ui-table td {
    color: var(--tactile-ink);
    background: var(--tactile-field-bg);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.28);
  }

  .tactile-tooltip, [data-ui="tactile"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="tactile"]) .usk-tooltip, :where([data-ui="tactile"]) .ui-tooltip {
    background: var(--tactile-sidebar-bg);
    color: var(--tactile-sidebar-fg);
    border: 1px solid rgb(var(--tactile-keyline-rgb)/.72);
    font-family: var(--tactile-font-control);
    border-radius: .2rem;
    font-size: .75rem;
    box-shadow: 0 .28rem .6rem #0000003d;
  }

  .tactile-card-service, .tactile-card-feature, .tactile-feature-strip, .tactile-callout-bar {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .38rem;
    padding: .9rem;
  }

  .tactile-feature-item {
    background: var(--tactile-inset-bg);
    border-color: rgb(var(--tactile-keyline-rgb)/.54);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.3);
    padding: .72rem .82rem;
  }

  .tactile-icon-medallion, .tactile-badge-seal {
    background: var(--tactile-sidebar-bg);
    color: var(--tactile-sidebar-fg);
    border-color: rgb(var(--tactile-keyline-rgb)/.82);
    box-shadow: var(--tactile-button-shadow);
  }

  .tactile-badge-seal {
    color: var(--tactile-sidebar-fg);
  }

  .tactile-badge-seal > :where(strong, small) {
    color: inherit;
  }

  .tactile-callout-bar {
    color: var(--tactile-sidebar-fg);
    background: var(--tactile-sidebar-bg);
  }

  [data-ui="tactile"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background-color: var(--tactile-paper);
    background-image: var(--tactile-card-bg);
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .38rem;
  }

  [data-ui="tactile"][data-mode] :where(legend) {
    background: var(--tactile-control-bg);
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-button-shadow);
    font-family: var(--tactile-font-control);
    letter-spacing: .055em;
    border-radius: .16rem;
    padding: .26rem .5rem;
    font-size: .68rem;
    font-weight: 700;
  }

  [data-ui="tactile"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--tactile-control-bg);
    min-height: 2.75rem;
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-button-shadow);
    clip-path: none;
    font-family: var(--tactile-font-control);
    border-radius: .24rem;
    padding: .55rem .9rem;
    font-size: .84rem;
    font-weight: 600;
  }

  [data-ui="tactile"][data-mode] :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select) {
    background-color: var(--tactile-paper);
    background-image: var(--tactile-field-bg);
    min-height: 2.75rem;
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-inset-shadow);
    font-family: var(--tactile-font-control);
    border-radius: .24rem;
    font-size: .84rem;
    font-weight: 500;
  }

  [data-ui="tactile"][data-mode] :where(select) {
    appearance: none;
    background-image: var(--tactile-select-endcap);
    background-position: 0 0, calc(100% - 1.18rem) calc(50% - .36rem), calc(100% - .9rem) calc(50% - .36rem), calc(100% - 1.18rem) calc(50% + .34rem), calc(100% - .9rem) calc(50% + .34rem), 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%, .28rem .28rem, .28rem .28rem, .28rem .28rem, .28rem .28rem, 100% 100%;
    padding-inline-end: 2.75rem;
  }

  [data-ui="tactile"][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--tactile-copper);
  }

  [data-ui="tactile"][data-mode] :where(input[type="file"])::file-selector-button {
    background: var(--tactile-control-bg);
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-button-shadow);
    font-family: var(--tactile-font-control);
    border-radius: .2rem;
    font-weight: 600;
  }

  .tactile-input:focus-visible, .tactile-textarea:focus-visible, .tactile-select:focus-visible, :where([data-ui="tactile"]) .usk-input:focus-visible, :where([data-ui="tactile"]) .usk-textarea:focus-visible, :where([data-ui="tactile"]) .usk-select:focus-visible, :where([data-ui="tactile"]) .ui-input:focus-visible, :where([data-ui="tactile"]) .ui-textarea:focus-visible, :where([data-ui="tactile"]) .ui-select:focus-visible {
    border-color: var(--tactile-focus);
    box-shadow: var(--tactile-inset-shadow),var(--tactile-focus-ring);
    outline: 2px solid var(--tactile-focus);
    outline-offset: 2px;
  }

  .tactile-input[aria-invalid="true"], .tactile-textarea[aria-invalid="true"], .tactile-select[aria-invalid="true"], [data-ui="tactile"][data-mode] :where(input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]), :where([data-ui="tactile"]) .usk-input[aria-invalid="true"], :where([data-ui="tactile"]) .usk-textarea[aria-invalid="true"], :where([data-ui="tactile"]) .usk-select[aria-invalid="true"], :where([data-ui="tactile"]) .ui-input[aria-invalid="true"], :where([data-ui="tactile"]) .ui-textarea[aria-invalid="true"], :where([data-ui="tactile"]) .ui-select[aria-invalid="true"] {
    border-color: var(--tactile-danger);
    box-shadow: var(--tactile-inset-shadow),0 0 0 2px rgb(var(--tactile-danger-rgb)/.24);
  }

  .tactile-input[readonly], .tactile-textarea[readonly], [data-ui="tactile"][data-mode] :where(input[readonly]:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea[readonly]), :where([data-ui="tactile"]) .usk-input[readonly], :where([data-ui="tactile"]) .usk-textarea[readonly], :where([data-ui="tactile"]) .ui-input[readonly], :where([data-ui="tactile"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .tactile-workspace-shell {
    background: var(--tactile-card-bg);
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .38rem;
    overflow: hidden;
  }

  .tactile-workspace-shell, .tactile-workspace-shell *, .tactile-workspace-shell :before, .tactile-workspace-shell :after {
    box-sizing: border-box;
  }

  .tactile-workspace-shell > .tactile-workspace-sidebar {
    background: var(--tactile-sidebar-bg);
    min-width: 0;
    color: var(--tactile-sidebar-fg);
    border: 0;
    border-inline-end: 1px solid rgb(var(--tactile-keyline-rgb)/.82);
    box-shadow: inset -1px 0 0 #00000057,inset 0 1px 0 rgb(var(--tactile-sidebar-text-rgb)/.08);
    border-radius: 0;
    flex-direction: column;
    padding: 1.35rem 1rem 1rem;
    display: flex;
  }

  .tactile-workspace-brand {
    color: var(--tactile-sidebar-fg);
    align-items: center;
    gap: .7rem;
    text-decoration: none;
    display: grid;
  }

  .tactile-workspace-brand-mark {
    background: linear-gradient(180deg,rgb(var(--tactile-copper-rgb)/.92),var(--tactile-copper));
    width: 2.3rem;
    height: 2.3rem;
    color: var(--tactile-paper-highlight);
    border: 1px solid rgb(var(--tactile-brass-rgb)/.72);
    font-family: var(--tactile-font-display);
    border-radius: .16rem;
    place-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    display: grid;
    box-shadow: inset 0 1px #ffffff40, 0 1px 2px #0000006b;
  }

  .tactile-workspace-brand :where(strong, small) {
    display: block;
  }

  .tactile-workspace-brand strong {
    color: var(--tactile-sidebar-fg);
    font-family: var(--tactile-font-display);
    font-size: 1.18rem;
    line-height: 1.05;
  }

  .tactile-workspace-brand small {
    color: var(--tactile-sidebar-muted);
    font-family: var(--tactile-font-control);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-top: .18rem;
    font-size: .64rem;
    font-weight: 700;
  }

  .tactile-workspace-menu {
    gap: .3rem;
    margin-top: 2.4rem;
    display: grid;
  }

  .tactile-workspace-link {
    min-height: 2.65rem;
    color: var(--tactile-sidebar-muted);
    font-family: var(--tactile-font-control);
    border: 1px solid #0000;
    border-radius: .14rem;
    align-items: center;
    gap: .68rem;
    padding: .62rem .7rem;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    display: grid;
  }

  .tactile-workspace-link small {
    color: inherit;
    letter-spacing: .08em;
    font-size: .6rem;
  }

  .tactile-workspace-link:hover {
    color: var(--tactile-sidebar-fg);
    background: rgb(var(--tactile-sidebar-text-rgb)/.055);
    border-color: rgb(var(--tactile-sidebar-text-rgb)/.16);
  }

  .tactile-workspace-link.is-active, .tactile-workspace-link[aria-current="page"] {
    color: var(--tactile-brass);
    background: rgb(var(--tactile-sidebar-text-rgb)/.06);
    border-color: rgb(var(--tactile-sidebar-text-rgb)/.14);
    box-shadow: inset .2rem 0 0 var(--tactile-copper),inset .08rem .08rem .2rem #0006;
  }

  .tactile-workspace-icon {
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    display: inline-grid;
  }

  .tactile-workspace-icon svg {
    stroke-width: 1.7px;
    width: 100%;
    height: 100%;
    display: block;
  }

  .tactile-workspace-sidebar-note {
    border: 1px solid rgb(var(--tactile-sidebar-text-rgb)/.13);
    background: #00000029;
    border-radius: .18rem;
    margin-top: auto;
    padding: .82rem;
    box-shadow: inset .08rem .1rem .18rem #00000057;
  }

  .tactile-workspace-sidebar-note p {
    color: var(--tactile-sidebar-muted);
    margin: .52rem 0 0;
    font-size: .7rem;
    line-height: 1.4;
  }

  .tactile-workspace-main {
    background: var(--tactile-card-bg);
  }

  .tactile-workspace-header {
    border-bottom: 1px solid rgb(var(--tactile-keyline-rgb)/.55);
    box-shadow: 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.62);
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    padding: 1.5rem 1.6rem 1.3rem;
    display: flex;
  }

  .tactile-workspace-header :where(p, h2) {
    margin: 0;
  }

  .tactile-workspace-title {
    font-family: var(--tactile-font-display);
    letter-spacing: -.035em;
    margin-top: .26rem;
    font-size: clamp(2.15rem, 4vw, 2.8rem);
    font-weight: 700;
    line-height: 1.02;
  }

  .tactile-workspace-header .tactile-copy {
    max-width: 40rem;
    margin-top: .55rem;
    font-size: .8rem;
  }

  .tactile-workspace-body {
    align-items: start;
    gap: 1rem;
    padding: 1.25rem 1.6rem 1.5rem;
    display: grid;
  }

  .tactile-workspace-settings {
    background: var(--tactile-card-bg);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .28rem;
    overflow: hidden;
  }

  .tactile-workspace-row {
    border-bottom: 1px solid rgb(var(--tactile-keyline-rgb)/.46);
    box-shadow: inset 0 1px 0 rgb(var(--tactile-paper-highlight-rgb)/.46);
    gap: 1.25rem;
    padding: 1.15rem 1.2rem;
    display: grid;
  }

  .tactile-workspace-row:last-child {
    border-bottom: 0;
  }

  .tactile-workspace-row :where(h3, p) {
    margin: 0;
  }

  .tactile-workspace-row h3 {
    font-family: var(--tactile-font-display);
    font-size: 1rem;
    line-height: 1.15;
  }

  .tactile-workspace-row > div:first-child p {
    color: var(--tactile-muted-ink);
    margin-top: .3rem;
    font-size: .68rem;
  }

  .tactile-workspace-fields, .tactile-workspace-switches {
    gap: .8rem;
    display: grid;
  }

  .tactile-workspace-switches .tactile-switch, :where([data-ui="tactile"]) .tactile-workspace-switches .usk-switch, :where([data-ui="tactile"]) .tactile-workspace-switches .ui-switch {
    background: var(--tactile-inset-bg);
    border: 1px solid rgb(var(--tactile-keyline-rgb)/.52);
    width: 100%;
    box-shadow: var(--tactile-inset-shadow);
    border-radius: .2rem;
    justify-content: flex-start;
    padding: .7rem .74rem;
  }

  .tactile-workspace-switches .tactile-switch>span:last-child, :where([data-ui="tactile"]) .tactile-workspace-switches .usk-switch>span:last-child, :where([data-ui="tactile"]) .tactile-workspace-switches .ui-switch>span:last-child {
    gap: .08rem;
    display: grid;
  }

  .tactile-workspace-switches small, .tactile-workspace-security small {
    color: var(--tactile-muted-ink);
    font-size: .66rem;
  }

  .tactile-workspace-security {
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    display: flex;
  }

  .tactile-workspace-security > div {
    gap: .35rem;
    display: grid;
  }

  .tactile-workspace-readiness {
    background: var(--tactile-card-bg);
    color: var(--tactile-ink);
    border: 1px solid var(--tactile-keyline);
    box-shadow: var(--tactile-panel-shadow);
    border-radius: .28rem;
    padding: 1rem;
  }

  .tactile-workspace-gauge {
    aspect-ratio: 1;
    background: radial-gradient(circle,var(--tactile-paper-highlight)0 52%,transparent 52.5%),repeating-conic-gradient(from 218deg,var(--tactile-keyline)0 1deg,transparent 1deg 11deg),var(--tactile-paper-deep);
    border: .42rem solid var(--tactile-paper);
    width: min(100%, 11rem);
    box-shadow: inset 0 0 0 1px var(--tactile-keyline),inset .18rem .2rem .42rem rgb(var(--tactile-material-shadow-rgb)/.18),0 1px 2px rgb(var(--tactile-material-shadow-rgb)/.22);
    border-radius: 999px;
    place-items: center;
    margin: 1rem auto .55rem;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .tactile-workspace-gauge:after {
    content: "";
    background: var(--tactile-copper);
    width: .16rem;
    height: 35%;
    box-shadow: 0 0 0 1px rgb(var(--tactile-material-shadow-rgb)/.26);
    transform-origin: 50% 100%;
    border-radius: .08rem;
    position: absolute;
    bottom: 48%;
    left: 50%;
    transform: translateX(-50%) rotate(44deg);
  }

  .tactile-workspace-gauge > span {
    z-index: 1;
    background: var(--tactile-control-bg);
    border: 1px solid var(--tactile-keyline);
    width: 4.8rem;
    height: 4.8rem;
    box-shadow: var(--tactile-button-shadow);
    border-radius: 999px;
    place-items: center;
    display: grid;
    position: relative;
  }

  .tactile-workspace-gauge :where(strong, small) {
    text-align: center;
    display: block;
  }

  .tactile-workspace-gauge strong {
    font-family: var(--tactile-font-display);
    align-self: end;
    font-size: 1.65rem;
    line-height: 1;
  }

  .tactile-workspace-gauge small {
    color: var(--tactile-muted-ink);
    font-family: var(--tactile-font-control);
    letter-spacing: .08em;
    text-transform: uppercase;
    align-self: start;
    font-size: .6rem;
    font-weight: 700;
  }

  .tactile-workspace-gauge-key {
    color: var(--tactile-muted-ink);
    font-family: var(--tactile-font-control);
    letter-spacing: .06em;
    text-transform: uppercase;
    justify-content: space-between;
    font-size: .6rem;
    font-weight: 700;
    display: flex;
  }

  .tactile-workspace-readiness .tactile-alert, :where([data-ui="tactile"]) .tactile-workspace-readiness .usk-alert, :where([data-ui="tactile"]) .tactile-workspace-readiness .ui-alert {
    margin-top: 1rem;
  }

  .tactile-workspace-shelf {
    z-index: 2;
    background: var(--tactile-control-bg);
    border-top: 1px solid var(--tactile-keyline);
    box-shadow: inset 0 1px 0 var(--tactile-bevel-highlight),0-.2rem .55rem rgb(var(--tactile-material-shadow-rgb)/.12);
    align-items: center;
    gap: 1.25rem;
    padding: .9rem 1.6rem;
    display: grid;
    position: sticky;
    bottom: 0;
  }

  .tactile-workspace-progress {
    align-items: center;
    gap: .8rem;
    display: grid;
  }

  .tactile-workspace-progress > span {
    gap: .08rem;
    display: grid;
  }

  .tactile-workspace-progress small {
    color: var(--tactile-muted-ink);
    font-size: .65rem;
  }

  .tactile-workspace-progress .tactile-progress, :where([data-ui="tactile"]) .tactile-workspace-progress .usk-progress, :where([data-ui="tactile"]) .tactile-workspace-progress .ui-progress {
    width: 100%;
  }

  @media (max-width: 52rem) {
    .tactile-workspace-shell > .tactile-workspace-sidebar {
      border-inline-end: 0;
      border-bottom: 1px solid rgb(var(--tactile-keyline-rgb)/.82);
    }

    .tactile-workspace-menu {
      margin-top: 1rem;
      overflow-x: auto;
    }

    .tactile-workspace-sidebar-note {
      display: none;
    }
  }

  @media (max-width: 38rem) {
    .tactile-workspace-header, .tactile-workspace-security {
      flex-direction: column;
      align-items: stretch;
    }

    .tactile-workspace-header, .tactile-workspace-body, .tactile-workspace-shelf {
      padding-inline: 1rem;
    }

    .tactile-workspace-row {
      gap: .8rem;
    }
  }

  [data-ui="tactile"][data-mode] .tactile-button.tactile-button-warning, :where([data-ui="tactile"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="tactile"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--tactile-warning);
    color: var(--tactile-on-warning);
    border-color: var(--tactile-warning);
    text-shadow: none;
  }
}


/* styles/neumorphism.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --neo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --neo-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --neo-font-body: var(--neo-font-sans);
    --neo-font-heading: var(--neo-font-display);
    --neo-font-control: var(--neo-font-display);
    --neo-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --neo-radius-xs: .52rem;
    --neo-radius-sm: .82rem;
    --neo-radius-md: 1.15rem;
    --neo-radius-lg: 1.55rem;
    --neo-radius-xl: 2.25rem;
    --neo-radius-pill: 999px;
    --neo-soft-edge: 1px solid rgb(var(--neo-border-rgb) / .28);
    --neo-sunken-edge: 1px solid rgb(var(--neo-border-rgb) / .18);
    --neo-space-1: .25rem;
    --neo-space-2: .5rem;
    --neo-space-3: .75rem;
    --neo-space-4: 1rem;
    --neo-space-5: 1.25rem;
    --neo-space-6: 1.5rem;
    --neo-space-8: 2rem;
    --neo-transition-fast: .15s ease;
    --neo-transition-base: .24s ease;
  }

  [data-ui="neumorphism"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --neo-fallback-bg-rgb: 241 245 255;
    --neo-fallback-surface-rgb: 255 255 255;
    --neo-fallback-surface-strong-rgb: 248 251 255;
    --neo-fallback-surface-soft-rgb: 223 231 246;
    --neo-fallback-text-rgb: 20 27 46;
    --neo-fallback-text-muted-rgb: 88 100 122;
    --neo-fallback-border-rgb: 190 203 227;
    --neo-fallback-primary-rgb: 64 94 184;
    --neo-fallback-primary-hover-rgb: 49 72 148;
    --neo-fallback-primary-text-rgb: 255 255 255;
    --neo-fallback-secondary-rgb: 46 125 157;
    --neo-fallback-secondary-hover-rgb: 35 97 122;
    --neo-fallback-secondary-text-rgb: 255 255 255;
    --neo-fallback-accent-rgb: 123 147 232;
    --neo-fallback-accent-text-rgb: 0 0 0;
    --neo-fallback-success-rgb: 47 125 84;
    --neo-fallback-success-text-rgb: 255 255 255;
    --neo-fallback-warning-rgb: 166 106 0;
    --neo-fallback-warning-text-rgb: 0 0 0;
    --neo-fallback-danger-rgb: 182 64 82;
    --neo-fallback-danger-text-rgb: 255 255 255;
    --neo-fallback-link-rgb: 49 72 148;
    --neo-fallback-focus-rgb: 123 147 232;
    --neo-panel-alpha: .98;
    --neo-panel-soft-alpha: .78;
    --neo-border-alpha: .58;
    --neo-shadow-alpha: .12;
    --neo-focus-alpha: .34;
  }

  [data-ui="neumorphism"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --neo-fallback-bg-rgb: 6 10 22;
    --neo-fallback-surface-rgb: 16 24 43;
    --neo-fallback-surface-strong-rgb: 24 35 66;
    --neo-fallback-surface-soft-rgb: 10 16 32;
    --neo-fallback-text-rgb: 237 243 255;
    --neo-fallback-text-muted-rgb: 178 191 217;
    --neo-fallback-border-rgb: 58 75 120;
    --neo-fallback-primary-rgb: 145 168 255;
    --neo-fallback-primary-hover-rgb: 183 197 255;
    --neo-fallback-primary-text-rgb: 5 8 22;
    --neo-fallback-secondary-rgb: 118 216 243;
    --neo-fallback-secondary-hover-rgb: 165 234 255;
    --neo-fallback-secondary-text-rgb: 4 17 22;
    --neo-fallback-accent-rgb: 194 206 255;
    --neo-fallback-accent-text-rgb: 0 0 0;
    --neo-fallback-success-rgb: 114 219 166;
    --neo-fallback-success-text-rgb: 0 0 0;
    --neo-fallback-warning-rgb: 255 209 102;
    --neo-fallback-warning-text-rgb: 0 0 0;
    --neo-fallback-danger-rgb: 255 125 145;
    --neo-fallback-danger-text-rgb: 0 0 0;
    --neo-fallback-link-rgb: 183 197 255;
    --neo-fallback-focus-rgb: 145 168 255;
    --neo-panel-alpha: .92;
    --neo-panel-soft-alpha: .64;
    --neo-border-alpha: .52;
    --neo-shadow-alpha: .34;
    --neo-focus-alpha: .42;
  }

  [data-ui="neumorphism"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --neo-fallback-bg-rgb: 0 0 0;
    --neo-fallback-surface-rgb: 3 8 22;
    --neo-fallback-surface-strong-rgb: 8 18 42;
    --neo-fallback-surface-soft-rgb: 0 0 0;
    --neo-fallback-text-rgb: 255 255 255;
    --neo-fallback-text-muted-rgb: 238 244 255;
    --neo-fallback-border-rgb: 255 255 255;
    --neo-fallback-primary-rgb: 111 140 255;
    --neo-fallback-primary-hover-rgb: 255 255 255;
    --neo-fallback-primary-text-rgb: 0 0 0;
    --neo-fallback-secondary-rgb: 0 217 255;
    --neo-fallback-secondary-hover-rgb: 255 255 255;
    --neo-fallback-secondary-text-rgb: 0 0 0;
    --neo-fallback-accent-rgb: 184 196 255;
    --neo-fallback-accent-text-rgb: 0 0 0;
    --neo-fallback-success-rgb: 0 255 144;
    --neo-fallback-success-text-rgb: 0 0 0;
    --neo-fallback-warning-rgb: 255 225 0;
    --neo-fallback-warning-text-rgb: 0 0 0;
    --neo-fallback-danger-rgb: 255 63 95;
    --neo-fallback-danger-text-rgb: 0 0 0;
    --neo-fallback-link-rgb: 159 178 255;
    --neo-fallback-focus-rgb: 255 255 255;
    --neo-panel-alpha: 1;
    --neo-panel-soft-alpha: .92;
    --neo-border-alpha: 1;
    --neo-shadow-alpha: .5;
    --neo-focus-alpha: .72;
  }

  [data-ui="neumorphism"][data-theme][data-mode] {
    --neo-bg-rgb: var(--usk-bg-rgb);
    --neo-surface-rgb: var(--usk-surface-rgb);
    --neo-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --neo-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --neo-text-rgb: var(--usk-text-rgb);
    --neo-text-muted-rgb: var(--usk-text-muted-rgb);
    --neo-border-rgb: var(--usk-border-rgb);
    --neo-primary-rgb: var(--usk-primary-rgb);
    --neo-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --neo-primary-text-rgb: var(--usk-primary-text-rgb);
    --neo-secondary-rgb: var(--usk-secondary-rgb);
    --neo-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --neo-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --neo-accent-rgb: var(--usk-accent-rgb);
    --neo-accent-text-rgb: var(--usk-accent-text-rgb);
    --neo-success-rgb: var(--usk-success-rgb);
    --neo-success-text-rgb: var(--usk-success-text-rgb);
    --neo-warning-rgb: var(--usk-warning-rgb);
    --neo-warning-text-rgb: var(--usk-warning-text-rgb);
    --neo-danger-rgb: var(--usk-danger-rgb);
    --neo-danger-text-rgb: var(--usk-danger-text-rgb);
    --neo-link-rgb: var(--usk-link-rgb);
    --neo-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="neumorphism"][data-mode] {
    --usk-native-bg: var(--neo-bg);
    --neo-bg-rgb: var(--usk-bg-rgb, var(--neo-fallback-bg-rgb));
    --neo-surface-rgb: var(--usk-surface-rgb, var(--neo-fallback-surface-rgb));
    --neo-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--neo-fallback-surface-strong-rgb));
    --neo-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--neo-fallback-surface-soft-rgb));
    --neo-text-rgb: var(--usk-text-rgb, var(--neo-fallback-text-rgb));
    --neo-text-muted-rgb: var(--usk-text-muted-rgb, var(--neo-fallback-text-muted-rgb));
    --neo-border-rgb: var(--usk-border-rgb, var(--neo-fallback-border-rgb));
    --neo-primary-rgb: var(--usk-primary-rgb, var(--neo-fallback-primary-rgb));
    --neo-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--neo-fallback-primary-hover-rgb));
    --neo-primary-text-rgb: var(--usk-primary-text-rgb, var(--neo-fallback-primary-text-rgb));
    --neo-secondary-rgb: var(--usk-secondary-rgb, var(--neo-fallback-secondary-rgb));
    --neo-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--neo-fallback-secondary-hover-rgb));
    --neo-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--neo-fallback-secondary-text-rgb));
    --neo-accent-rgb: var(--usk-accent-rgb, var(--neo-fallback-accent-rgb));
    --neo-accent-text-rgb: var(--usk-accent-text-rgb, var(--neo-fallback-accent-text-rgb));
    --neo-success-rgb: var(--usk-success-rgb, var(--neo-fallback-success-rgb));
    --neo-success-text-rgb: var(--usk-success-text-rgb, var(--neo-fallback-success-text-rgb));
    --neo-warning-rgb: var(--usk-warning-rgb, var(--neo-fallback-warning-rgb));
    --neo-warning-text-rgb: var(--usk-warning-text-rgb, var(--neo-fallback-warning-text-rgb));
    --neo-danger-rgb: var(--usk-danger-rgb, var(--neo-fallback-danger-rgb));
    --neo-danger-text-rgb: var(--usk-danger-text-rgb, var(--neo-fallback-danger-text-rgb));
    --neo-link-rgb: var(--usk-link-rgb, var(--neo-fallback-link-rgb));
    --neo-focus-rgb: var(--usk-focus-rgb, var(--neo-fallback-focus-rgb));
    --usk-native-surface: var(--neo-surface);
    --usk-native-surface-strong: var(--neo-surface-strong);
    --usk-native-surface-soft: var(--neo-surface-soft);
    --usk-native-card-bg: var(--neo-card-bg);
    --usk-native-control-bg: var(--neo-control-bg);
    --usk-native-text: var(--neo-text);
    --usk-native-text-muted: var(--neo-text-muted);
    --usk-native-border: var(--neo-border);
    --usk-native-primary: var(--neo-primary);
    --usk-native-primary-hover: var(--neo-primary-hover);
    --usk-native-on-primary: var(--neo-on-primary);
    --usk-native-secondary: var(--neo-secondary);
    --usk-native-on-secondary: var(--neo-on-secondary);
    --usk-native-accent: var(--neo-accent);
    --usk-native-on-accent: var(--neo-on-accent);
    --usk-native-on-success: var(--neo-on-success);
    --usk-native-on-warning: var(--neo-on-warning);
    --usk-native-on-danger: var(--neo-on-danger);
    --usk-native-focus: var(--neo-focus);
    --usk-native-success: var(--neo-success);
    --usk-native-warning: var(--neo-warning);
    --usk-native-danger: var(--neo-danger);
    --usk-native-link: var(--neo-link);
    --usk-native-font-body: var(--neo-font-body);
    --usk-native-font-heading: var(--neo-font-heading);
    --usk-native-font-control: var(--neo-font-control);
    --usk-native-font-mono: var(--neo-font-mono);
    --usk-native-radius-sm: var(--neo-radius-sm);
    --usk-native-radius: var(--neo-radius-md);
    --usk-native-radius-lg: var(--neo-radius-lg);
    --usk-native-shadow: var(--neo-shadow-sm);
    --usk-native-shadow-md: var(--neo-shadow-md);
    --usk-native-focus-ring: var(--neo-focus-ring, 0 0 0 3px rgb(var(--neo-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--neo-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.55rem;
    --usk-native-choice-background: var(--neo-control-bg);
    --usk-native-choice-border: 1px solid var(--neo-border);
    --usk-native-checkbox-radius: .45rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 4px 4px 8px #00000038;
    --usk-native-choice-checked-background: var(--neo-primary);
    --usk-native-choice-mark-color: var(--neo-on-primary);
    --usk-native-select-indicator-image: linear-gradient(42deg, transparent 50%, var(--neo-primary) 50%), linear-gradient(138deg, var(--neo-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .34rem .34rem, .34rem .34rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .62rem;
    --usk-native-range-track-background: var(--neo-surface-soft);
    --usk-native-range-track-border: 1px solid var(--neo-border);
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: 4px 4px 8px #00000038;
    --usk-native-range-progress-background: var(--neo-primary);
    --usk-native-range-thumb-size: 1.45rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--neo-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 4px 4px 8px #00000038;
    --usk-native-progress-size: .82rem;
    --usk-native-progress-track-background: var(--neo-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--neo-border);
    --usk-native-progress-track-radius: 999px;
    --usk-native-progress-track-shadow: 4px 4px 8px #00000038;
    --usk-native-progress-value-background: var(--neo-primary);
    --usk-native-progress-value-radius: 999px;
    --usk-native-progress-value-shadow: 4px 4px 8px #00000038;
    --usk-native-meter-optimum-background: var(--neo-success);
    --usk-native-meter-suboptimum-background: var(--neo-warning);
    --usk-native-meter-critical-background: var(--neo-danger);
    --usk-native-file-button-background: var(--neo-primary);
    --usk-native-file-button-border: 1px solid var(--neo-border);
    --usk-native-file-button-radius: .45rem;
    --usk-native-file-button-shadow: 4px 4px 8px #00000038;
    --usk-native-color-swatch-border: 1px solid var(--neo-border);
    --usk-native-color-swatch-radius: .45rem;
    --usk-native-indicator-opacity: .72;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .8rem;
    --usk-native-scrollbar-track: var(--neo-surface-soft);
    --usk-native-scrollbar-thumb: var(--neo-primary);
    --usk-native-scrollbar-radius: 999px;
    --neo-bg: rgb(var(--neo-bg-rgb));
    --neo-surface: rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));
    --neo-surface-strong: rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));
    --neo-surface-soft: rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));
    --neo-text: rgb(var(--neo-text-rgb));
    --neo-text-muted: rgb(var(--neo-text-muted-rgb));
    --neo-fg: var(--neo-text);
    --neo-surface-fg: var(--neo-text);
    --neo-muted: var(--neo-text-muted);
    --neo-border: rgb(var(--neo-border-rgb) / max(var(--neo-border-alpha), var(--usk-border-min-alpha)));
    --neo-control-fg: var(--neo-text);
    --neo-primary: rgb(var(--neo-primary-rgb));
    --neo-primary-hover: rgb(var(--neo-primary-hover-rgb));
    --neo-primary-text: rgb(var(--neo-primary-text-rgb));
    --neo-secondary: rgb(var(--neo-secondary-rgb));
    --neo-secondary-hover: rgb(var(--neo-secondary-hover-rgb));
    --neo-secondary-text: rgb(var(--neo-secondary-text-rgb));
    --neo-on-primary: var(--neo-primary-text);
    --neo-on-secondary: var(--neo-secondary-text);
    --neo-on-accent: rgb(var(--neo-accent-text-rgb));
    --neo-on-success: rgb(var(--neo-success-text-rgb));
    --neo-on-warning: rgb(var(--neo-warning-text-rgb));
    --neo-on-danger: rgb(var(--neo-danger-text-rgb));
    --neo-accent: rgb(var(--neo-accent-rgb));
    --neo-success: rgb(var(--neo-success-rgb));
    --neo-warning: rgb(var(--neo-warning-rgb));
    --neo-danger: rgb(var(--neo-danger-rgb));
    --neo-link: rgb(var(--neo-link-rgb));
    --neo-focus: rgb(var(--neo-focus-rgb));
    --neo-focus-ring: 0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));
    --neo-theme-bg-size: auto;
    --neo-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);
    --neo-card-bg: linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);
    --neo-control-bg: linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));
    --neo-spinner-track: rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));
    --neo-spinner-stroke: var(--neo-primary);
    --neo-spinner-accent: var(--neo-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="neumorphism"][data-mode] {
      --neo-border: color-mix(in srgb, rgb(var(--neo-border-rgb) / max(var(--neo-border-alpha), var(--usk-border-min-alpha))), var(--neo-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="neumorphism"] {
    background: radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);
    color: var(--neo-text);
    font-family: var(--neo-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="neumorphism"] *, [data-ui="neumorphism"] :before, [data-ui="neumorphism"] :after {
    box-sizing: border-box;
  }

  [data-ui="neumorphism"][data-mode] {
    background: var(--neo-theme-bg);
    background-size: var(--neo-theme-bg-size);
  }

  .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .usk-button, :where([data-ui="neumorphism"]) .usk-badge, :where([data-ui="neumorphism"]) .usk-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link {
    font-family: var(--neo-font-heading);
  }

  .neo-title {
    color: var(--neo-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .neo-heading {
    color: var(--neo-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .neo-kicker {
    color: var(--usk-primary-ink, var(--neo-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .neo-subtitle, .neo-copy {
    color: var(--neo-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .neo-text-muted {
    color: var(--neo-text-muted);
  }

  .neo-divider {
    background: var(--neo-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .usk-card, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);
    color: var(--neo-text);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-lg);
    box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);
    transition: transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);
    position: relative;
  }

  .neo-toolbar, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--neo-space-4);
    padding: var(--neo-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .neo-surface-lg {
    border-radius: var(--neo-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--neo-shadow-alpha) + .08));
  }

  .neo-well, .neo-inset {
    background: var(--neo-surface-soft);
    color: var(--neo-text);
    border: 1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));
    border-radius: var(--neo-radius-md);
    padding: var(--neo-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .neo-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--neo-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button, :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--neo-space-2);
    background: var(--neo-surface);
    min-height: 2.75rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--neo-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .neo-button:hover, .neo-icon-button:hover, :where([data-ui="neumorphism"]) .usk-button:hover, :where([data-ui="neumorphism"]) .usk-icon-button:hover, :where([data-ui="neumorphism"]) .ui-button:hover, :where([data-ui="neumorphism"]) .ui-icon-button:hover {
    border-color: var(--neo-primary);
    transform: translateY(-1px);
  }

  .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .usk-button:active, :where([data-ui="neumorphism"]) .usk-icon-button:active, :where([data-ui="neumorphism"]) .usk-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-button.is-active, :where([data-ui="neumorphism"]) .usk-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .neo-button-primary, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--neo-primary);
    color: var(--neo-on-primary);
    border-color: var(--neo-primary);
  }

  .neo-button-primary:hover, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--neo-primary-hover);
    border-color: var(--neo-primary-hover);
  }

  .neo-button-secondary, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--neo-secondary);
    color: var(--neo-on-secondary);
    border-color: var(--neo-secondary);
  }

  .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--neo-secondary-hover);
    border-color: var(--neo-secondary-hover);
  }

  .neo-button-danger, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--neo-danger);
    color: var(--neo-on-danger);
    border-color: var(--neo-danger);
  }

  .neo-button-ghost, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--neo-text);
    box-shadow: none;
    background: none;
  }

  .neo-icon-button, :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button {
    border-radius: var(--neo-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .usk-button:disabled, :where([data-ui="neumorphism"]) .usk-icon-button:disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .usk-card, :where([data-ui="neumorphism"]) .ui-card {
    background: var(--neo-card-bg);
  }

  .neo-toolbar, .neo-table-wrap, .neo-button:where(:not([data-ui-variant])):not(:is(.neo-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.neo-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.neo-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.neo-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.neo-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.neo-button-outline-heavy), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.neo-button-outline-heavy), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.neo-button-outline-heavy), :where([data-ui="neumorphism"]) .ui-icon-button {
    background: var(--neo-control-bg);
  }

  .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .usk-button, :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .usk-badge, :where([data-ui="neumorphism"]) .usk-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link {
    font-family: var(--neo-font-control);
  }

  .neo-field, :where([data-ui="neumorphism"]) .usk-field, :where([data-ui="neumorphism"]) .ui-field {
    gap: var(--neo-space-2);
    flex-direction: column;
    display: flex;
  }

  .neo-label, :where([data-ui="neumorphism"]) .usk-label, :where([data-ui="neumorphism"]) .ui-label {
    color: var(--neo-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .usk-input, :where([data-ui="neumorphism"]) .usk-textarea, :where([data-ui="neumorphism"]) .usk-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select {
    background: var(--neo-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-md);
    font: inherit;
    transition: background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .neo-textarea, :where([data-ui="neumorphism"]) .usk-textarea, :where([data-ui="neumorphism"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .neo-input::placeholder, .neo-textarea::placeholder, :where([data-ui="neumorphism"]) .usk-input::placeholder, :where([data-ui="neumorphism"]) .usk-textarea::placeholder, :where([data-ui="neumorphism"]) .ui-input::placeholder, :where([data-ui="neumorphism"]) .ui-textarea::placeholder {
    color: var(--neo-text-muted);
    opacity: .82;
  }

  .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .usk-input:focus, :where([data-ui="neumorphism"]) .usk-textarea:focus, :where([data-ui="neumorphism"]) .usk-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus {
    border-color: var(--neo-focus);
    box-shadow: var(--neo-focus-ring);
  }

  .neo-help-text, :where([data-ui="neumorphism"]) .usk-help-text, :where([data-ui="neumorphism"]) .ui-help-text {
    color: var(--neo-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .neo-check, .neo-radio, :where([data-ui="neumorphism"]) .usk-check, :where([data-ui="neumorphism"]) .usk-radio, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio {
    align-items: center;
    gap: var(--neo-space-2);
    color: var(--neo-text);
    cursor: pointer;
    display: inline-flex;
  }

  .neo-check input, .neo-radio input, :where([data-ui="neumorphism"]) .usk-check input, :where([data-ui="neumorphism"]) .usk-radio input, :where([data-ui="neumorphism"]) .ui-check input, :where([data-ui="neumorphism"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .neo-check-control, .neo-radio-control, :where([data-ui="neumorphism"]) .usk-check-control, :where([data-ui="neumorphism"]) .usk-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control {
    background: var(--neo-surface-soft);
    border: 1px solid var(--neo-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .neo-radio-control, :where([data-ui="neumorphism"]) .usk-radio-control, :where([data-ui="neumorphism"]) .ui-radio-control {
    border-radius: 50%;
  }

  .neo-check input:checked+.neo-check-control:after, :where([data-ui="neumorphism"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--neo-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .neo-radio input:checked+.neo-radio-control:after, :where([data-ui="neumorphism"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--neo-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .neo-switch, :where([data-ui="neumorphism"]) .usk-switch, :where([data-ui="neumorphism"]) .ui-switch {
    align-items: center;
    gap: var(--neo-space-3);
    color: var(--neo-text);
    cursor: pointer;
    display: inline-flex;
  }

  .neo-switch input, :where([data-ui="neumorphism"]) .usk-switch input, :where([data-ui="neumorphism"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .neo-switch-track, :where([data-ui="neumorphism"]) .usk-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track {
    background: var(--neo-surface-soft);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);
    position: relative;
  }

  .neo-switch-thumb, :where([data-ui="neumorphism"]) .usk-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb {
    background: var(--neo-surface-strong);
    border: 1px solid var(--neo-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--neo-shadow-alpha));
    transition: left var(--neo-transition-fast),background var(--neo-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .neo-switch input:checked+.neo-switch-track, :where([data-ui="neumorphism"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--neo-primary);
    border-color: var(--neo-primary);
  }

  .neo-switch input:checked+.neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--neo-on-primary);
    left: calc(100% - 1.56rem);
  }

  .neo-badge, :where([data-ui="neumorphism"]) .usk-badge, :where([data-ui="neumorphism"]) .ui-badge {
    align-items: center;
    gap: var(--neo-space-1);
    background: var(--neo-surface-soft);
    min-height: 1.75rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .neo-badge-primary, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--neo-primary);
    color: var(--neo-on-primary);
    border-color: var(--neo-primary);
  }

  .neo-badge-secondary, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--neo-secondary);
    color: var(--neo-on-secondary);
    border-color: var(--neo-secondary);
  }

  .neo-badge-success, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--neo-success);
    color: var(--neo-on-success);
    border-color: var(--neo-success);
  }

  .neo-badge-warning, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--neo-warning);
    color: var(--neo-on-warning);
    border-color: var(--neo-warning);
  }

  .neo-badge-danger, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--neo-danger);
    color: var(--neo-on-danger);
    border-color: var(--neo-danger);
  }

  .neo-nav, :where([data-ui="neumorphism"]) .usk-nav, :where([data-ui="neumorphism"]) .ui-nav {
    align-items: center;
    gap: var(--neo-space-2);
    padding: var(--neo-space-2);
    background: var(--neo-surface);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--neo-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .neo-nav-link, :where([data-ui="neumorphism"]) .usk-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--neo-text-muted);
    border-radius: var(--neo-radius-pill);
    transition: color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .neo-nav-link:hover, :where([data-ui="neumorphism"]) .usk-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover {
    color: var(--neo-text);
    background: var(--neo-surface-soft);
  }

  .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .usk-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .usk-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active {
    color: var(--neo-on-primary);
    background: var(--neo-primary);
  }

  .neo-tooltip, [data-ui="neumorphism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="neumorphism"]) .usk-tooltip, :where([data-ui="neumorphism"]) .ui-tooltip {
    background: var(--neo-surface);
    max-inline-size: 16rem;
    color: var(--neo-text);
    border-radius: var(--neo-radius-pill);
    border: 1px solid #0000;
    align-items: center;
    gap: .45rem;
    padding: .62rem .86rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: -.35rem -.35rem .8rem #ffffff47, .35rem .35rem .8rem #0000002e;
  }

  .neo-tooltip-arrow {
    background: var(--neo-surface);
    border-radius: 50%;
    flex: none;
    block-size: .58rem;
    inline-size: .58rem;
    box-shadow: inset .12rem .12rem .24rem #0000001f;
  }

  .neo-progress, :where([data-ui="neumorphism"]) .usk-progress, :where([data-ui="neumorphism"]) .ui-progress {
    background: var(--neo-surface-soft);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .neo-progress-bar, :where([data-ui="neumorphism"]) .usk-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar {
    height: 100%;
    width: var(--neo-progress-value, 50%);
    background: linear-gradient(90deg,var(--neo-primary),var(--neo-accent));
    border-radius: inherit;
  }

  .neo-alert, :where([data-ui="neumorphism"]) .usk-alert, :where([data-ui="neumorphism"]) .ui-alert {
    gap: var(--neo-space-2);
    padding: var(--neo-space-4);
    background: var(--neo-surface);
    color: var(--neo-text);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--neo-shadow-alpha));
    display: grid;
  }

  .neo-alert-success, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--neo-success);
  }

  .neo-alert-warning, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--neo-warning);
  }

  .neo-alert-danger, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--neo-danger);
  }

  .neo-alert-title, :where([data-ui="neumorphism"]) .usk-alert-title, :where([data-ui="neumorphism"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .neo-alert-body, :where([data-ui="neumorphism"]) .usk-alert-body, :where([data-ui="neumorphism"]) .ui-alert-body {
    color: var(--neo-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .neo-table-wrap, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .ui-table-wrap {
    overflow: auto;
  }

  .neo-table, :where([data-ui="neumorphism"]) .usk-table, :where([data-ui="neumorphism"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .usk-table th, :where([data-ui="neumorphism"]) .usk-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--neo-border);
    padding: .95rem 1rem;
  }

  .neo-table th, :where([data-ui="neumorphism"]) .usk-table th, :where([data-ui="neumorphism"]) .ui-table th {
    color: var(--neo-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--neo-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .neo-table td, :where([data-ui="neumorphism"]) .usk-table td, :where([data-ui="neumorphism"]) .ui-table td {
    color: var(--neo-text);
  }

  .neo-table tr:hover td, :where([data-ui="neumorphism"]) .usk-table tr:hover td, :where([data-ui="neumorphism"]) .ui-table tr:hover td {
    background: rgb(var(--neo-primary-rgb)/.045);
  }

  .neo-text-primary {
    color: var(--usk-primary-ink, var(--neo-primary));
  }

  .neo-text-secondary {
    color: var(--neo-secondary);
  }

  .neo-text-accent {
    color: var(--usk-accent-ink, var(--neo-accent));
  }

  .neo-text-success {
    color: var(--neo-success);
  }

  .neo-text-warning {
    color: var(--neo-warning);
  }

  .neo-text-danger {
    color: var(--neo-danger);
  }

  .neo-bg-primary {
    background: var(--neo-primary);
    color: var(--neo-on-primary);
  }

  .neo-bg-secondary {
    background: var(--neo-secondary);
    color: var(--neo-on-secondary);
  }

  .neo-border {
    border: 1px solid var(--neo-border);
  }

  .neo-rounded {
    border-radius: var(--neo-radius-md);
  }

  .neo-rounded-lg {
    border-radius: var(--neo-radius-lg);
  }

  .neo-rounded-xl {
    border-radius: var(--neo-radius-xl);
  }

  .neo-pill {
    border-radius: var(--neo-radius-pill);
  }

  .neo-sr-only, .neo-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .neo-skip-link {
    z-index: 9999;
    background: var(--neo-primary);
    color: var(--neo-on-primary);
    border-radius: var(--neo-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .neo-skip-link:focus {
    transform: translateY(0);
  }

  :root {
    --neo-font-sans: "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --neo-font-display: "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
    --neo-radius-xs: .45rem;
    --neo-radius-sm: .65rem;
    --neo-radius-md: .85rem;
    --neo-radius-lg: 1.15rem;
    --neo-radius-xl: 1.45rem;
  }

  [data-ui="neumorphism"][data-mode="light"] {
    --neo-material-canvas: #f1eeec;
    --neo-material-raised: #f1eeec;
    --neo-material-inset: #eae7e5;
    --neo-material-top-light: #ffffff4d;
    --neo-material-hairline: #beb8b5;
    --neo-material-edge: #857f7c;
    --neo-nm-light: #ffffffeb;
    --neo-nm-dark: #a9a19d66;
    --neo-nm-primary-glow: rgb(var(--neo-primary-rgb) / .26);
  }

  [data-ui="neumorphism"][data-mode="dark"] {
    --neo-material-canvas: #1a2434;
    --neo-material-raised: #1a2434;
    --neo-material-inset: #151e2c;
    --neo-material-top-light: #ffffff12;
    --neo-material-hairline: #4b5b71;
    --neo-material-edge: #6d7e95;
    --neo-nm-light: #344257b8;
    --neo-nm-dark: #050910c7;
    --neo-nm-primary-glow: rgb(var(--neo-primary-rgb) / .34);
  }

  [data-ui="neumorphism"][data-mode="contrast"] {
    --neo-material-canvas: #0a0e16;
    --neo-material-raised: #0a0e16;
    --neo-material-inset: #03060b;
    --neo-material-top-light: #ffffff1f;
    --neo-material-hairline: #fff;
    --neo-material-edge: #fff;
    --neo-nm-light: #ffffff57;
    --neo-nm-dark: #000;
    --neo-nm-primary-glow: rgb(var(--neo-primary-rgb) / .5);
  }

  [data-ui="neumorphism"][data-mode] {
    --neo-bg: var(--neo-material-canvas);
    --neo-surface: var(--neo-material-raised);
    --neo-surface-strong: var(--neo-material-raised);
    --neo-surface-soft: var(--neo-material-inset);
    --neo-theme-bg: var(--neo-material-canvas);
    --neo-theme-bg-size: auto;
    --neo-card-bg: var(--neo-material-raised);
    --neo-control-bg: var(--neo-material-inset);
    --neo-muted-divider: var(--neo-material-hairline);
    --neo-raised-shadow: -.72rem -.72rem 1.45rem var(--neo-nm-light), .76rem .76rem 1.5rem var(--neo-nm-dark);
    --neo-raised-shadow-sm: -.3rem -.3rem .68rem var(--neo-nm-light), .34rem .34rem .72rem var(--neo-nm-dark);
    --neo-raised-shadow-lg: -.92rem -.92rem 1.8rem var(--neo-nm-light), 1rem 1rem 1.95rem var(--neo-nm-dark);
    --neo-inset-shadow: inset .42rem .42rem .82rem var(--neo-nm-dark), inset -.42rem -.42rem .82rem var(--neo-nm-light);
    --neo-inset-shadow-sm: inset .22rem .22rem .46rem var(--neo-nm-dark), inset -.22rem -.22rem .46rem var(--neo-nm-light);
    --neo-button-shadow: -.28rem -.28rem .62rem var(--neo-nm-light), .32rem .32rem .68rem var(--neo-nm-dark);
    --neo-button-primary-shadow: -.24rem -.24rem .56rem var(--neo-nm-light), .34rem .34rem .72rem var(--neo-nm-primary-glow);
    --neo-control-shadow: var(--neo-inset-shadow-sm);
    --neo-focus-ring: 0 0 0 .2rem rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha)), var(--neo-inset-shadow-sm);
    --usk-native-surface: var(--neo-material-raised);
    --usk-native-surface-strong: var(--neo-material-raised);
    --usk-native-surface-soft: var(--neo-material-inset);
    --usk-native-card-bg: var(--neo-material-raised);
    --usk-native-control-bg: var(--neo-material-inset);
    --usk-native-border: var(--neo-material-edge);
    --usk-native-radius-sm: var(--neo-radius-sm);
    --usk-native-radius: var(--neo-radius-md);
    --usk-native-radius-lg: var(--neo-radius-lg);
    --usk-native-border-width: 1px;
    --usk-native-panel-padding: 1.5rem;
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .8rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .62rem;
    --usk-native-subcontrol-padding-inline: .85rem;
    --usk-native-choice-size: 1.5rem;
    --usk-native-choice-background: var(--neo-material-inset);
    --usk-native-choice-border: 1px solid var(--neo-material-edge);
    --usk-native-choice-shadow: var(--neo-inset-shadow-sm);
    --usk-native-checkbox-radius: var(--neo-radius-xs);
    --usk-native-range-track-size: .65rem;
    --usk-native-range-track-background: var(--neo-material-inset);
    --usk-native-range-track-border: 1px solid var(--neo-material-edge);
    --usk-native-range-track-radius: var(--neo-radius-pill);
    --usk-native-range-track-shadow: var(--neo-inset-shadow-sm);
    --usk-native-range-thumb-size: 1.65rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--neo-material-edge);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: var(--neo-button-shadow);
    --usk-native-progress-size: .95rem;
    --usk-native-progress-track-background: var(--neo-material-inset);
    --usk-native-progress-track-border: 1px solid var(--neo-material-edge);
    --usk-native-progress-track-radius: var(--neo-radius-pill);
    --usk-native-progress-track-shadow: var(--neo-inset-shadow-sm);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--neo-primary), var(--neo-primary-hover));
    --usk-native-progress-value-radius: var(--neo-radius-pill);
    --usk-native-progress-value-shadow: inset 0 1px 0 #ffffff6b, 0 .12rem .38rem rgb(var(--neo-primary-rgb) / .3);
    --usk-native-file-button-background: var(--neo-material-raised);
    --usk-native-file-button-border: 1px solid var(--neo-material-edge);
    --usk-native-file-button-radius: var(--neo-radius-md);
    --usk-native-file-button-shadow: var(--neo-button-shadow);
    --usk-native-color-swatch-border: 1px solid var(--neo-material-edge);
    --usk-native-color-swatch-radius: var(--neo-radius-md);
    --usk-native-scrollbar-size: .85rem;
    --usk-native-scrollbar-track: var(--neo-material-inset);
    --usk-native-scrollbar-thumb: var(--neo-primary);
    --usk-native-scrollbar-radius: var(--neo-radius-pill);
    --usk-native-shadow: var(--neo-raised-shadow-sm);
    --usk-native-shadow-md: var(--neo-raised-shadow);
  }

  [data-ui="neumorphism"] {
    background: var(--neo-material-canvas);
  }

  .neo-title {
    letter-spacing: max(.016em, .5px);
    margin-block: .75rem;
    font-weight: 680;
  }

  .neo-heading {
    letter-spacing: -.028em;
    font-weight: 680;
  }

  .neo-label, :where([data-ui="neumorphism"]) .usk-label, :where([data-ui="neumorphism"]) .ui-label {
    letter-spacing: 0;
    font-size: .86rem;
    font-weight: 680;
  }

  .neo-subtitle, .neo-copy, .neo-help-text, :where([data-ui="neumorphism"]) .usk-help-text, :where([data-ui="neumorphism"]) .ui-help-text {
    color: var(--neo-text-muted);
  }

  .neo-divider {
    background: var(--neo-muted-divider);
  }

  .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .usk-card, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 44%);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-hairline);
    border-radius: var(--neo-radius-xl);
    box-shadow: var(--neo-raised-shadow);
  }

  .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .usk-card, :where([data-ui="neumorphism"]) .ui-card {
    padding: clamp(1.25rem, 3vw, 2rem);
  }

  .neo-toolbar, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar {
    padding: 1rem 1.25rem;
  }

  .neo-surface-sm {
    border-radius: var(--neo-radius-lg);
    box-shadow: var(--neo-raised-shadow-sm);
  }

  .neo-surface-lg, .neo-hover-lift:hover {
    box-shadow: var(--neo-raised-shadow-lg);
  }

  .neo-well, .neo-inset {
    background: var(--neo-material-inset);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-lg);
    box-shadow: var(--neo-inset-shadow);
  }

  :where(.neo-well, .neo-inset).neo-surface-sm {
    padding: var(--neo-space-3);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-inset-shadow-sm);
  }

  .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button, :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    min-height: 3rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-button-shadow);
    padding: .8rem 1.2rem;
    font-weight: 680;
  }

  .neo-icon-button, :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button {
    border-radius: 50%;
    inline-size: 3rem;
    padding: 0;
  }

  .neo-button:not(:disabled):hover, .neo-icon-button:not(:disabled):hover, :where([data-ui="neumorphism"]) .usk-button:not(:disabled):hover, :where([data-ui="neumorphism"]) .usk-icon-button:not(:disabled):hover, :where([data-ui="neumorphism"]) .ui-button:not(:disabled):hover, :where([data-ui="neumorphism"]) .ui-icon-button:not(:disabled):hover {
    box-shadow: var(--neo-raised-shadow-sm);
    transform: translateY(-1px);
  }

  .neo-button:focus-visible, .neo-icon-button:focus-visible, .neo-nav-link:focus-visible, :where([data-ui="neumorphism"]) .usk-button:focus-visible, :where([data-ui="neumorphism"]) .usk-icon-button:focus-visible, :where([data-ui="neumorphism"]) .usk-nav-link:focus-visible, :where([data-ui="neumorphism"]) .ui-button:focus-visible, :where([data-ui="neumorphism"]) .ui-icon-button:focus-visible, :where([data-ui="neumorphism"]) .ui-nav-link:focus-visible {
    outline: 2px solid var(--neo-focus);
    outline-offset: 3px;
  }

  .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .usk-button:active, :where([data-ui="neumorphism"]) .usk-icon-button:active, :where([data-ui="neumorphism"]) .usk-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-button.is-active, :where([data-ui="neumorphism"]) .usk-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active {
    box-shadow: var(--neo-inset-shadow-sm);
    background-image: none;
    transform: translateY(1px);
  }

  .neo-button-primary, .neo-button-secondary, .neo-button-danger, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) {
    background-image: linear-gradient(155deg, #ffffff47, #0000 20% 80%, #00000014);
  }

  .neo-button-primary, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) {
    background-color: var(--neo-primary);
    color: var(--neo-on-primary);
    border-color: var(--neo-primary);
    box-shadow: var(--neo-button-primary-shadow);
  }

  .neo-button-primary:hover, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background-color: var(--neo-primary-hover);
  }

  .neo-button-secondary, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) {
    background-color: var(--neo-secondary);
    color: var(--neo-on-secondary);
    border-color: var(--neo-secondary);
  }

  .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background-color: var(--neo-secondary-hover);
  }

  .neo-button-danger, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) {
    background-color: var(--neo-danger);
    color: var(--neo-on-danger);
    border-color: var(--neo-danger);
    box-shadow: var(--neo-button-primary-shadow);
  }

  .neo-button-primary:active, .neo-button-secondary:active, .neo-button-danger:active, .neo-button-primary[aria-pressed="true"], .neo-button-secondary[aria-pressed="true"], .neo-button-danger[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"]):active, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"]):active, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="danger"]):active, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="primary"])[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="secondary"])[aria-pressed="true"], :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="danger"])[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):active, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):active, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]):active, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"])[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"])[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"])[aria-pressed="true"] {
    background-image: none;
    box-shadow: inset .28rem .28rem .58rem #00000057, inset -.22rem -.22rem .5rem #ffffff38;
  }

  .neo-button-ghost, .neo-button:where(:not([data-ui-variant])):not(:is(.neo-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.neo-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.neo-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.neo-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.neo-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.neo-button-outline-heavy), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.neo-button-outline-heavy), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.neo-button-outline-heavy), :where([data-ui="neumorphism"]) .ui-icon-button {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    color: var(--neo-text);
  }

  .neo-button.neo-button-cut, .neo-button-cut, :where([data-ui="neumorphism"]) .usk-button.neo-button-cut, :where([data-ui="neumorphism"]) .ui-button.neo-button-cut {
    border-radius: var(--neo-radius-md);
    justify-content: center;
    justify-self: center;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .neo-button.neo-button-outline-heavy, .neo-button-outline-heavy, :where([data-ui="neumorphism"]) .usk-button.neo-button-outline-heavy, :where([data-ui="neumorphism"]) .ui-button.neo-button-outline-heavy {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    color: var(--usk-primary-ink, var(--neo-text));
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-button-shadow);
  }

  .neo-button.neo-button-outline-heavy:hover, .neo-button-outline-heavy:hover, :where([data-ui="neumorphism"]) .usk-button.neo-button-outline-heavy:hover, :where([data-ui="neumorphism"]) .ui-button.neo-button-outline-heavy:hover {
    color: var(--usk-primary-ink, var(--neo-primary-hover));
    border-color: var(--neo-primary);
  }

  .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .usk-button:disabled, :where([data-ui="neumorphism"]) .usk-icon-button:disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: -.14rem -.14rem .3rem var(--neo-nm-light),.16rem .16rem .34rem var(--neo-nm-dark);
    transform: none;
  }

  .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .usk-input, :where([data-ui="neumorphism"]) .usk-textarea, :where([data-ui="neumorphism"]) .usk-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select {
    background: var(--neo-material-inset);
    min-height: 3rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-control-shadow);
    padding: .8rem 1rem;
  }

  .neo-input:hover, .neo-textarea:hover, .neo-select:hover, :where([data-ui="neumorphism"]) .usk-input:hover, :where([data-ui="neumorphism"]) .usk-textarea:hover, :where([data-ui="neumorphism"]) .usk-select:hover, :where([data-ui="neumorphism"]) .ui-input:hover, :where([data-ui="neumorphism"]) .ui-textarea:hover, :where([data-ui="neumorphism"]) .ui-select:hover {
    border-color: var(--neo-primary);
  }

  .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .usk-input:focus, :where([data-ui="neumorphism"]) .usk-textarea:focus, :where([data-ui="neumorphism"]) .usk-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus {
    background: var(--neo-material-inset);
    border-color: var(--neo-focus);
    box-shadow: var(--neo-focus-ring);
  }

  .neo-input[aria-invalid="true"], .neo-textarea[aria-invalid="true"], .neo-select[aria-invalid="true"], :where([data-ui="neumorphism"]) .usk-input[aria-invalid="true"], :where([data-ui="neumorphism"]) .usk-textarea[aria-invalid="true"], :where([data-ui="neumorphism"]) .usk-select[aria-invalid="true"], :where([data-ui="neumorphism"]) .ui-input[aria-invalid="true"], :where([data-ui="neumorphism"]) .ui-textarea[aria-invalid="true"], :where([data-ui="neumorphism"]) .ui-select[aria-invalid="true"] {
    border-color: var(--neo-danger);
    box-shadow: 0 0 0 2px rgb(var(--neo-danger-rgb)/.2),var(--neo-inset-shadow-sm);
  }

  .neo-input[readonly], .neo-textarea[readonly], :where([data-ui="neumorphism"]) .usk-input[readonly], :where([data-ui="neumorphism"]) .usk-textarea[readonly], :where([data-ui="neumorphism"]) .ui-input[readonly], :where([data-ui="neumorphism"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
  }

  .neo-check-control, .neo-radio-control, .neo-switch-track, :where([data-ui="neumorphism"]) .usk-check-control, :where([data-ui="neumorphism"]) .usk-radio-control, :where([data-ui="neumorphism"]) .usk-switch-track, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control, :where([data-ui="neumorphism"]) .ui-switch-track {
    background: var(--neo-material-inset);
    border: 1px solid var(--neo-material-edge);
    box-shadow: var(--neo-control-shadow);
  }

  .neo-check-control, :where([data-ui="neumorphism"]) .usk-check-control, :where([data-ui="neumorphism"]) .ui-check-control {
    border-radius: var(--neo-radius-xs);
  }

  .neo-check input:checked+.neo-check-control, .neo-radio input:checked+.neo-radio-control, :where([data-ui="neumorphism"]) .usk-check input:checked+.usk-check-control, :where([data-ui="neumorphism"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--neo-primary);
    border-color: var(--neo-primary);
    box-shadow: var(--neo-button-primary-shadow);
  }

  .neo-check input:checked+.neo-check-control:after, :where([data-ui="neumorphism"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    border: solid var(--neo-on-primary);
    border-width: 0 .14rem .14rem 0;
    block-size: .72rem;
    inline-size: .42rem;
    transform: rotate(45deg) translateY(-.04rem);
  }

  .neo-switch-track, :where([data-ui="neumorphism"]) .usk-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track {
    block-size: 1.9rem;
    inline-size: 3.6rem;
  }

  .neo-switch-thumb, :where([data-ui="neumorphism"]) .usk-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb {
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-edge);
    box-shadow: var(--neo-button-shadow);
    inset-block-start: .23rem;
    inset-inline-start: .23rem;
  }

  .neo-switch input:checked+.neo-switch-track, :where([data-ui="neumorphism"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--neo-primary);
    border-color: var(--neo-primary);
    box-shadow: inset .2rem .2rem .45rem rgb(var(--neo-primary-hover-rgb)/.72),inset -.2rem -.2rem .45rem #ffffff42;
  }

  .neo-switch input:checked+.neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--neo-on-primary);
  }

  .neo-badge, :where([data-ui="neumorphism"]) .usk-badge, :where([data-ui="neumorphism"]) .ui-badge {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    min-height: 1.8rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-pill);
    box-shadow: var(--neo-raised-shadow-sm);
    padding: .38rem .78rem;
    font-size: .76rem;
    font-weight: 680;
  }

  .neo-badge-primary, .neo-badge-secondary, .neo-badge-success, .neo-badge-warning, .neo-badge-danger, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) {
    background-image: linear-gradient(145deg, #ffffff3d, #0000 52%, #0000000f);
  }

  .neo-badge-primary, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) {
    background-color: var(--neo-primary);
    color: var(--neo-on-primary);
    border-color: var(--neo-primary);
  }

  .neo-badge-secondary, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background-color: var(--neo-secondary);
    color: var(--neo-on-secondary);
    border-color: var(--neo-secondary);
  }

  .neo-badge-success, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) {
    background-color: var(--neo-success);
    color: var(--neo-on-success);
    border-color: var(--neo-success);
  }

  .neo-badge-warning, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) {
    background-color: var(--neo-warning);
    color: var(--neo-on-warning);
    border-color: var(--neo-warning);
  }

  .neo-badge-danger, :where([data-ui="neumorphism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) {
    background-color: var(--neo-danger);
    color: var(--neo-on-danger);
    border-color: var(--neo-danger);
  }

  .neo-nav, :where([data-ui="neumorphism"]) .usk-nav, :where([data-ui="neumorphism"]) .ui-nav {
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-hairline);
    border-radius: var(--neo-radius-xl);
    box-shadow: var(--neo-raised-shadow-sm);
    gap: .35rem;
    padding: .55rem;
  }

  .neo-nav-link, :where([data-ui="neumorphism"]) .usk-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link {
    min-height: 2.7rem;
    color: var(--neo-text-muted);
    border-radius: var(--neo-radius-md);
    border: 1px solid #0000;
    padding: .68rem 1rem;
    font-weight: 680;
  }

  .neo-nav-link:hover, :where([data-ui="neumorphism"]) .usk-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover {
    color: var(--neo-text);
    background: var(--neo-material-inset);
    border-color: var(--neo-material-edge);
    box-shadow: var(--neo-inset-shadow-sm);
  }

  .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .usk-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .usk-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active {
    color: var(--neo-on-primary);
    background: var(--neo-primary);
    border-color: var(--neo-primary);
    box-shadow: inset .2rem .2rem .42rem rgb(var(--neo-primary-hover-rgb)/.62),inset -.16rem -.16rem .35rem #fff3;
  }

  .neo-tooltip, [data-ui="neumorphism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="neumorphism"]) .usk-tooltip, :where([data-ui="neumorphism"]) .ui-tooltip {
    background: var(--neo-material-raised);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-raised-shadow-sm);
  }

  .neo-tooltip-arrow {
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-edge);
    box-shadow: var(--neo-inset-shadow-sm);
  }

  .neo-progress, :where([data-ui="neumorphism"]) .usk-progress, :where([data-ui="neumorphism"]) .ui-progress {
    background: var(--neo-material-inset);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-pill);
    height: 1rem;
    box-shadow: var(--neo-inset-shadow);
    padding: .14rem;
  }

  .neo-progress-bar, :where([data-ui="neumorphism"]) .usk-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--neo-primary),var(--neo-primary-hover));
    border-radius: inherit;
    box-shadow: inset 0 1px 0 #ffffff61,0 .12rem .38rem rgb(var(--neo-primary-rgb)/.3);
  }

  .neo-alert, :where([data-ui="neumorphism"]) .usk-alert, :where([data-ui="neumorphism"]) .ui-alert {
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-hairline);
    border-radius: var(--neo-radius-xl);
    box-shadow: var(--neo-raised-shadow);
    padding: 1.35rem 1.5rem;
  }

  .neo-alert-success, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) {
    box-shadow: var(--neo-raised-shadow),inset .3rem 0 0 var(--neo-success);
  }

  .neo-alert-warning, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) {
    box-shadow: var(--neo-raised-shadow),inset .3rem 0 0 var(--neo-warning);
  }

  .neo-alert-danger, :where([data-ui="neumorphism"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) {
    box-shadow: var(--neo-raised-shadow),inset .3rem 0 0 var(--neo-danger);
  }

  .neo-table, :where([data-ui="neumorphism"]) .usk-table, :where([data-ui="neumorphism"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0 .42rem;
  }

  .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .usk-table th, :where([data-ui="neumorphism"]) .usk-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td {
    background: var(--neo-material-inset);
    box-shadow: var(--neo-inset-shadow-sm);
    border-block-end: 0;
    padding: .9rem 1rem;
  }

  .neo-table th:first-child, .neo-table td:first-child, :where([data-ui="neumorphism"]) .usk-table th:first-child, :where([data-ui="neumorphism"]) .usk-table td:first-child, :where([data-ui="neumorphism"]) .ui-table th:first-child, :where([data-ui="neumorphism"]) .ui-table td:first-child {
    border-radius: var(--neo-radius-md)0 0 var(--neo-radius-md);
  }

  .neo-table th:last-child, .neo-table td:last-child, :where([data-ui="neumorphism"]) .usk-table th:last-child, :where([data-ui="neumorphism"]) .usk-table td:last-child, :where([data-ui="neumorphism"]) .ui-table th:last-child, :where([data-ui="neumorphism"]) .ui-table td:last-child {
    border-radius: 0 var(--neo-radius-md) var(--neo-radius-md)0;
  }

  .neo-spinner, .neo-loading-spinner, [data-ui="neumorphism"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="neumorphism"]) .usk-spinner, :where([data-ui="neumorphism"]) .ui-spinner {
    border: .18rem solid var(--neo-material-edge);
    border-block-start-color: var(--neo-spinner-stroke);
    border-inline-end-color: var(--neo-spinner-accent);
    background: var(--neo-material-raised);
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: var(--neo-button-shadow),inset 0 0 0 .28rem var(--neo-material-inset);
    vertical-align: -.2em;
    border-radius: 50%;
    animation: 1s linear infinite neo-spin;
    display: inline-block;
  }

  .neo-spinner-sm {
    border-width: .12rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .neo-spinner-lg {
    border-width: .26rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="neumorphism"]) .usk-button[aria-busy="true"], :where([data-ui="neumorphism"]) .usk-icon-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="neumorphism"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .12em solid;
    border-block-start-color: #0000;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .78s linear infinite neo-spin;
    display: inline-block;
    box-shadow: inset 0 0 0 .1em #ffffff29;
  }

  @keyframes neo-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .neo-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-lg);
    inline-size: 100%;
    box-shadow: var(--neo-inset-shadow-sm);
    display: block;
  }

  .neo-card-service {
    gap: var(--neo-space-3);
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .neo-card-service > .neo-icon-medallion, .neo-card-service > .neo-card-media + .neo-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.1rem;
    position: relative;
  }

  .neo-card-feature {
    gap: var(--neo-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .neo-card-accent-edge {
    border-inline-start: .3rem solid var(--neo-primary);
  }

  .neo-card-service, .neo-card-feature, .neo-feature-strip, .neo-callout-bar {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 44%);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-hairline);
    border-radius: var(--neo-radius-xl);
    box-shadow: var(--neo-raised-shadow);
    padding: 1.4rem;
  }

  .neo-icon-medallion {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--usk-primary-ink, var(--neo-primary));
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-lg);
    box-shadow: var(--neo-button-shadow);
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .neo-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .neo-badge-seal {
    aspect-ratio: 1;
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    box-shadow: var(--neo-button-shadow);
    text-align: center;
    font-family: var(--neo-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .neo-badge-seal :where(strong, small, span) {
    color: inherit;
  }

  .neo-feature-strip {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .neo-feature-item {
    align-items: center;
    gap: var(--neo-space-3);
    background: var(--neo-material-inset);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-lg);
    min-inline-size: 0;
    box-shadow: var(--neo-inset-shadow-sm);
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1rem;
    display: grid;
  }

  .neo-feature-item > :where(p, small) {
    color: var(--neo-text-muted);
    margin: 0;
  }

  .neo-callout-bar {
    align-items: center;
    gap: var(--neo-space-4);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .neo-callout-bar > .neo-icon-medallion {
    block-size: clamp(4.75rem, 8vw, 6rem);
    inline-size: clamp(4.75rem, 8vw, 6rem);
    text-shadow: 0 1px 0 var(--neo-material-highlight),0-1px 1px var(--neo-shadow-dark);
    justify-self: start;
    padding: 1rem;
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    font-weight: 800;
  }

  .neo-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .neo-callout-bar>:where(.neo-button,a,button):last-child, :where([data-ui="neumorphism"]) .neo-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="neumorphism"]) .neo-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .neo-eyebrow {
    color: var(--usk-primary-ink, var(--neo-primary));
    font-family: var(--neo-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .neo-media-scrim {
    isolation: isolate;
    background: var(--neo-material-inset);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-xl);
    min-block-size: 12rem;
    box-shadow: var(--neo-inset-shadow);
    position: relative;
    overflow: hidden;
  }

  .neo-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .neo-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .neo-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  [data-ui="neumorphism"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 44%);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-hairline);
    border-radius: var(--neo-radius-xl);
    box-shadow: var(--neo-raised-shadow);
  }

  [data-ui="neumorphism"][data-mode] :where(legend) {
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-raised-shadow-sm);
    padding: .4rem .75rem;
  }

  [data-ui="neumorphism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background-color: var(--neo-material-raised);
    background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-button-shadow);
  }

  [data-ui="neumorphism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):active {
    box-shadow: var(--neo-inset-shadow-sm);
    background-image: none;
    transform: translateY(1px);
  }

  [data-ui="neumorphism"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select) {
    background-color: var(--neo-material-inset);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-control-shadow);
  }

  [data-ui="neumorphism"][data-mode] :where(.neo-input,.neo-textarea,.neo-select):focus, :where([data-ui="neumorphism"])[data-mode] :where(.usk-input,.usk-textarea,.usk-select):focus, :where([data-ui="neumorphism"])[data-mode] :where(.ui-input,.ui-textarea,.ui-select):focus {
    border-color: var(--neo-focus);
    box-shadow: var(--neo-focus-ring);
  }

  [data-ui="neumorphism"][data-mode] :where(.neo-input,.neo-textarea,.neo-select)[aria-invalid="true"], [data-ui="neumorphism"][data-mode] :where(input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]), :where([data-ui="neumorphism"])[data-mode] :where(.usk-input,.usk-textarea,.usk-select)[aria-invalid="true"], :where([data-ui="neumorphism"])[data-mode] :where(.ui-input,.ui-textarea,.ui-select)[aria-invalid="true"] {
    border-color: var(--neo-danger);
    box-shadow: 0 0 0 2px rgb(var(--neo-danger-rgb)/.2),var(--neo-inset-shadow-sm);
  }

  [data-ui="neumorphism"][data-mode] :where(input[readonly]:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea[readonly]) {
    filter: saturate(.72);
    opacity: .78;
  }

  [data-ui="neumorphism"][data-mode] :where(input[type="file"])::file-selector-button {
    color: var(--neo-text);
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-button-shadow);
  }

  [data-ui="neumorphism"][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
    color: var(--neo-text);
    background: var(--neo-material-raised);
    border: 1px solid var(--neo-material-edge);
    border-radius: var(--neo-radius-md);
    box-shadow: var(--neo-button-shadow);
  }

  [data-ui="neumorphism"][data-mode] :where(dialog) {
    background-color: var(--neo-material-raised);
    color: var(--neo-text);
    border: 1px solid var(--neo-material-hairline);
    box-shadow: var(--neo-raised-shadow-lg);
  }

  .neo-button, :where([data-ui="neumorphism"]) .usk-button, :where([data-ui="neumorphism"]) .ui-button {
    border-radius: var(--neo-radius-md);
  }

  @media (max-width: 42rem) {
    .neo-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .neo-callout-bar>:where(.neo-button,a,button):last-child, :where([data-ui="neumorphism"]) .neo-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="neumorphism"]) .neo-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .neo-feature-strip {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="neumorphism"] *, [data-ui="neumorphism"] :before, [data-ui="neumorphism"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="neumorphism"] {
      --neo-border-alpha: 1;
      --neo-focus-alpha: .75;
      --neo-material-edge: currentColor;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="neumorphism"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="neumorphism"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="neumorphism"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="neumorphism"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="neumorphism"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .neo-feature-item > .neo-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .neo-callout-bar > .neo-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="neumorphism"][data-mode] .neo-button.neo-button-warning, :where([data-ui="neumorphism"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="neumorphism"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--neo-warning);
    color: var(--neo-on-warning);
    border-color: var(--neo-warning);
    text-shadow: none;
  }
}


/* styles/retrofuturism.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --retro-font-sans: "Avenir Next", Avenir, "Segoe UI", Trebuchet MS, Arial, sans-serif;
    --retro-font-display: "Arial Narrow", "Aptos Narrow", Bahnschrift, "Roboto Condensed", "Franklin Gothic Medium", sans-serif;
    --retro-font-body: var(--retro-font-sans);
    --retro-font-heading: var(--retro-font-display);
    --retro-font-control: Bahnschrift, "Arial Narrow", "Aptos Narrow", "Roboto Condensed", sans-serif;
    --retro-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --retro-radius-xs: .3rem;
    --retro-radius-sm: .55rem;
    --retro-radius-md: .8rem;
    --retro-radius-lg: 1.25rem;
    --retro-radius-xl: 2rem;
    --retro-radius-pill: 999px;
    --retro-space-1: .25rem;
    --retro-space-2: .5rem;
    --retro-space-3: .75rem;
    --retro-space-4: 1rem;
    --retro-space-5: 1.25rem;
    --retro-space-6: 1.5rem;
    --retro-space-8: 2rem;
    --retro-transition-fast: .15s ease;
    --retro-transition-base: .24s ease;
  }

  [data-ui="retrofuturism"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --retro-fallback-bg-rgb: 245 247 250;
    --retro-fallback-surface-rgb: 255 255 255;
    --retro-fallback-surface-strong-rgb: 252 252 253;
    --retro-fallback-surface-soft-rgb: 232 235 240;
    --retro-fallback-text-rgb: 17 36 59;
    --retro-fallback-text-muted-rgb: 90 104 119;
    --retro-fallback-border-rgb: 200 207 217;
    --retro-fallback-primary-rgb: 13 59 102;
    --retro-fallback-primary-hover-rgb: 11 49 85;
    --retro-fallback-primary-text-rgb: 255 255 255;
    --retro-fallback-secondary-rgb: 214 43 43;
    --retro-fallback-secondary-hover-rgb: 178 35 35;
    --retro-fallback-secondary-text-rgb: 255 255 255;
    --retro-fallback-accent-rgb: 233 90 90;
    --retro-fallback-accent-text-rgb: 0 0 0;
    --retro-fallback-success-rgb: 47 125 84;
    --retro-fallback-success-text-rgb: 255 255 255;
    --retro-fallback-warning-rgb: 164 106 0;
    --retro-fallback-warning-text-rgb: 0 0 0;
    --retro-fallback-danger-rgb: 198 40 40;
    --retro-fallback-danger-text-rgb: 255 255 255;
    --retro-fallback-link-rgb: 11 49 85;
    --retro-fallback-focus-rgb: 214 43 43;
    --retro-panel-alpha: .98;
    --retro-panel-soft-alpha: .78;
    --retro-border-alpha: .58;
    --retro-shadow-alpha: .12;
    --retro-focus-alpha: .34;
  }

  [data-ui="retrofuturism"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --retro-fallback-bg-rgb: 8 17 28;
    --retro-fallback-surface-rgb: 16 32 48;
    --retro-fallback-surface-strong-rgb: 24 49 73;
    --retro-fallback-surface-soft-rgb: 11 23 36;
    --retro-fallback-text-rgb: 243 247 251;
    --retro-fallback-text-muted-rgb: 188 200 213;
    --retro-fallback-border-rgb: 71 96 121;
    --retro-fallback-primary-rgb: 108 169 227;
    --retro-fallback-primary-hover-rgb: 147 193 237;
    --retro-fallback-primary-text-rgb: 0 0 0;
    --retro-fallback-secondary-rgb: 255 106 106;
    --retro-fallback-secondary-hover-rgb: 255 146 146;
    --retro-fallback-secondary-text-rgb: 0 0 0;
    --retro-fallback-accent-rgb: 255 154 154;
    --retro-fallback-accent-text-rgb: 0 0 0;
    --retro-fallback-success-rgb: 143 223 182;
    --retro-fallback-success-text-rgb: 0 0 0;
    --retro-fallback-warning-rgb: 255 210 122;
    --retro-fallback-warning-text-rgb: 0 0 0;
    --retro-fallback-danger-rgb: 255 143 143;
    --retro-fallback-danger-text-rgb: 0 0 0;
    --retro-fallback-link-rgb: 165 203 241;
    --retro-fallback-focus-rgb: 255 106 106;
    --retro-panel-alpha: .92;
    --retro-panel-soft-alpha: .64;
    --retro-border-alpha: .52;
    --retro-shadow-alpha: .34;
    --retro-focus-alpha: .42;
  }

  [data-ui="retrofuturism"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --retro-fallback-bg-rgb: 0 0 0;
    --retro-fallback-surface-rgb: 6 16 26;
    --retro-fallback-surface-strong-rgb: 10 29 48;
    --retro-fallback-surface-soft-rgb: 0 0 0;
    --retro-fallback-text-rgb: 255 255 255;
    --retro-fallback-text-muted-rgb: 238 244 255;
    --retro-fallback-border-rgb: 255 255 255;
    --retro-fallback-primary-rgb: 102 181 255;
    --retro-fallback-primary-hover-rgb: 255 255 255;
    --retro-fallback-primary-text-rgb: 0 0 0;
    --retro-fallback-secondary-rgb: 255 102 102;
    --retro-fallback-secondary-hover-rgb: 255 255 255;
    --retro-fallback-secondary-text-rgb: 0 0 0;
    --retro-fallback-accent-rgb: 255 170 170;
    --retro-fallback-accent-text-rgb: 0 0 0;
    --retro-fallback-success-rgb: 0 255 144;
    --retro-fallback-success-text-rgb: 0 0 0;
    --retro-fallback-warning-rgb: 255 212 0;
    --retro-fallback-warning-text-rgb: 0 0 0;
    --retro-fallback-danger-rgb: 255 92 92;
    --retro-fallback-danger-text-rgb: 0 0 0;
    --retro-fallback-link-rgb: 140 198 255;
    --retro-fallback-focus-rgb: 255 255 255;
    --retro-panel-alpha: 1;
    --retro-panel-soft-alpha: .92;
    --retro-border-alpha: 1;
    --retro-shadow-alpha: .5;
    --retro-focus-alpha: .72;
  }

  [data-ui="retrofuturism"][data-theme][data-mode] {
    --retro-bg-rgb: var(--usk-bg-rgb);
    --retro-surface-rgb: var(--usk-surface-rgb);
    --retro-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --retro-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --retro-text-rgb: var(--usk-text-rgb);
    --retro-text-muted-rgb: var(--usk-text-muted-rgb);
    --retro-border-rgb: var(--usk-border-rgb);
    --retro-primary-rgb: var(--usk-primary-rgb);
    --retro-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --retro-primary-text-rgb: var(--usk-primary-text-rgb);
    --retro-secondary-rgb: var(--usk-secondary-rgb);
    --retro-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --retro-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --retro-accent-rgb: var(--usk-accent-rgb);
    --retro-accent-text-rgb: var(--usk-accent-text-rgb);
    --retro-success-rgb: var(--usk-success-rgb);
    --retro-success-text-rgb: var(--usk-success-text-rgb);
    --retro-warning-rgb: var(--usk-warning-rgb);
    --retro-warning-text-rgb: var(--usk-warning-text-rgb);
    --retro-danger-rgb: var(--usk-danger-rgb);
    --retro-danger-text-rgb: var(--usk-danger-text-rgb);
    --retro-link-rgb: var(--usk-link-rgb);
    --retro-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="retrofuturism"][data-mode] {
    --usk-native-bg: var(--retro-bg);
    --retro-bg-rgb: var(--usk-bg-rgb, var(--retro-fallback-bg-rgb));
    --retro-surface-rgb: var(--usk-surface-rgb, var(--retro-fallback-surface-rgb));
    --retro-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--retro-fallback-surface-strong-rgb));
    --retro-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--retro-fallback-surface-soft-rgb));
    --retro-text-rgb: var(--usk-text-rgb, var(--retro-fallback-text-rgb));
    --retro-text-muted-rgb: var(--usk-text-muted-rgb, var(--retro-fallback-text-muted-rgb));
    --retro-border-rgb: var(--usk-border-rgb, var(--retro-fallback-border-rgb));
    --retro-primary-rgb: var(--usk-primary-rgb, var(--retro-fallback-primary-rgb));
    --retro-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--retro-fallback-primary-hover-rgb));
    --retro-primary-text-rgb: var(--usk-primary-text-rgb, var(--retro-fallback-primary-text-rgb));
    --retro-secondary-rgb: var(--usk-secondary-rgb, var(--retro-fallback-secondary-rgb));
    --retro-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--retro-fallback-secondary-hover-rgb));
    --retro-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--retro-fallback-secondary-text-rgb));
    --retro-accent-rgb: var(--usk-accent-rgb, var(--retro-fallback-accent-rgb));
    --retro-accent-text-rgb: var(--usk-accent-text-rgb, var(--retro-fallback-accent-text-rgb));
    --retro-success-rgb: var(--usk-success-rgb, var(--retro-fallback-success-rgb));
    --retro-success-text-rgb: var(--usk-success-text-rgb, var(--retro-fallback-success-text-rgb));
    --retro-warning-rgb: var(--usk-warning-rgb, var(--retro-fallback-warning-rgb));
    --retro-warning-text-rgb: var(--usk-warning-text-rgb, var(--retro-fallback-warning-text-rgb));
    --retro-danger-rgb: var(--usk-danger-rgb, var(--retro-fallback-danger-rgb));
    --retro-danger-text-rgb: var(--usk-danger-text-rgb, var(--retro-fallback-danger-text-rgb));
    --retro-link-rgb: var(--usk-link-rgb, var(--retro-fallback-link-rgb));
    --retro-focus-rgb: var(--usk-focus-rgb, var(--retro-fallback-focus-rgb));
    --usk-native-surface: var(--retro-surface);
    --usk-native-surface-strong: var(--retro-surface-strong);
    --usk-native-surface-soft: var(--retro-surface-soft);
    --usk-native-card-bg: var(--retro-card-bg);
    --usk-native-control-bg: var(--retro-control-bg);
    --usk-native-text: var(--retro-text);
    --usk-native-text-muted: var(--retro-text-muted);
    --usk-native-border: var(--retro-border);
    --usk-native-primary: var(--retro-primary);
    --usk-native-primary-hover: var(--retro-primary-hover);
    --usk-native-on-primary: var(--retro-on-primary);
    --usk-native-secondary: var(--retro-secondary);
    --usk-native-on-secondary: var(--retro-on-secondary);
    --usk-native-accent: var(--retro-accent);
    --usk-native-on-accent: var(--retro-on-accent);
    --usk-native-on-success: var(--retro-on-success);
    --usk-native-on-warning: var(--retro-on-warning);
    --usk-native-on-danger: var(--retro-on-danger);
    --usk-native-focus: var(--retro-focus);
    --usk-native-success: var(--retro-success);
    --usk-native-warning: var(--retro-warning);
    --usk-native-danger: var(--retro-danger);
    --usk-native-link: var(--retro-link);
    --usk-native-font-body: var(--retro-font-body);
    --usk-native-font-heading: var(--retro-font-heading);
    --usk-native-font-control: var(--retro-font-control);
    --usk-native-font-mono: var(--retro-font-mono);
    --usk-native-radius-sm: var(--retro-radius-sm);
    --usk-native-radius: var(--retro-radius-md);
    --usk-native-radius-lg: var(--retro-radius-lg);
    --usk-native-shadow: 0 10px 30px rgb(0 0 0 / calc(var(--retro-shadow-alpha) * .72));
    --usk-native-shadow-md: var(--retro-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--retro-focus-ring, 0 0 0 3px rgb(var(--retro-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--retro-space-5);
    --usk-native-control-min-block-size: 3.1rem;
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.55rem;
    --usk-native-choice-background: var(--retro-control-bg);
    --usk-native-choice-border: 1px solid var(--retro-border);
    --usk-native-checkbox-radius: .2rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 10px var(--retro-primary);
    --usk-native-choice-checked-background: var(--retro-primary);
    --usk-native-choice-mark-color: var(--retro-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 50%, var(--retro-primary) 50%), linear-gradient(135deg, var(--retro-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .38rem .38rem, .38rem .38rem;
    --usk-native-select-indicator-position: calc(100% - 1.16rem) 50%, calc(100% - .84rem) 50%;
    --usk-native-select-padding-inline-end: 2.55rem;
    --usk-native-range-track-size: .72rem;
    --usk-native-range-track-background: var(--retro-surface-soft);
    --usk-native-range-track-border: 1px solid var(--retro-border);
    --usk-native-range-track-radius: .18rem;
    --usk-native-range-track-shadow: 0 0 10px var(--retro-primary);
    --usk-native-range-progress-background: var(--retro-primary);
    --usk-native-range-thumb-size: 1.55rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--retro-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 0 10px var(--retro-primary);
    --usk-native-progress-size: .82rem;
    --usk-native-progress-track-background: var(--retro-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--retro-border);
    --usk-native-progress-track-radius: .16rem;
    --usk-native-progress-track-shadow: 0 0 10px var(--retro-primary);
    --usk-native-progress-value-background: var(--retro-primary);
    --usk-native-progress-value-radius: .16rem;
    --usk-native-progress-value-shadow: 0 0 10px var(--retro-primary);
    --usk-native-meter-optimum-background: var(--retro-success);
    --usk-native-meter-suboptimum-background: var(--retro-warning);
    --usk-native-meter-critical-background: var(--retro-danger);
    --usk-native-file-button-background: var(--retro-primary);
    --usk-native-file-button-border: 1px solid var(--retro-border);
    --usk-native-file-button-radius: .2rem;
    --usk-native-file-button-shadow: 0 0 10px var(--retro-primary);
    --usk-native-color-swatch-border: 1px solid var(--retro-border);
    --usk-native-color-swatch-radius: .2rem;
    --usk-native-indicator-opacity: .77;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .78rem;
    --usk-native-scrollbar-track: var(--retro-surface-soft);
    --usk-native-scrollbar-thumb: var(--retro-primary);
    --usk-native-scrollbar-radius: .16rem;
    --retro-bg: rgb(var(--retro-bg-rgb));
    --retro-surface: rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));
    --retro-surface-strong: rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));
    --retro-surface-soft: rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));
    --retro-text: rgb(var(--retro-text-rgb));
    --retro-text-muted: rgb(var(--retro-text-muted-rgb));
    --retro-fg: var(--retro-text);
    --retro-surface-fg: var(--retro-text);
    --retro-muted: var(--retro-text-muted);
    --retro-border: rgb(var(--retro-border-rgb) / max(var(--retro-border-alpha), var(--usk-border-min-alpha)));
    --retro-control-fg: var(--retro-text);
    --retro-primary: rgb(var(--retro-primary-rgb));
    --retro-primary-hover: rgb(var(--retro-primary-hover-rgb));
    --retro-primary-text: rgb(var(--retro-primary-text-rgb));
    --retro-secondary: rgb(var(--retro-secondary-rgb));
    --retro-secondary-hover: rgb(var(--retro-secondary-hover-rgb));
    --retro-secondary-text: rgb(var(--retro-secondary-text-rgb));
    --retro-on-primary: var(--retro-primary-text);
    --retro-on-secondary: var(--retro-secondary-text);
    --retro-on-accent: rgb(var(--retro-accent-text-rgb));
    --retro-on-success: rgb(var(--retro-success-text-rgb));
    --retro-on-warning: rgb(var(--retro-warning-text-rgb));
    --retro-on-danger: rgb(var(--retro-danger-text-rgb));
    --retro-accent: rgb(var(--retro-accent-rgb));
    --retro-success: rgb(var(--retro-success-rgb));
    --retro-warning: rgb(var(--retro-warning-rgb));
    --retro-danger: rgb(var(--retro-danger-rgb));
    --retro-link: rgb(var(--retro-link-rgb));
    --retro-focus: rgb(var(--retro-focus-rgb));
    --retro-focus-ring: 0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));
    --retro-theme-bg-size: auto;
    --retro-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);
    --retro-card-bg: linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);
    --retro-control-bg: linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));
    --retro-spinner-track: rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));
    --retro-spinner-stroke: var(--retro-primary);
    --retro-spinner-accent: var(--retro-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="retrofuturism"][data-mode] {
      --retro-border: color-mix(in srgb, rgb(var(--retro-border-rgb) / max(var(--retro-border-alpha), var(--usk-border-min-alpha))), var(--retro-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="retrofuturism"] {
    background: radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);
    color: var(--retro-text);
    font-family: var(--retro-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="retrofuturism"] *, [data-ui="retrofuturism"] :before, [data-ui="retrofuturism"] :after {
    box-sizing: border-box;
  }

  [data-ui="retrofuturism"][data-mode] {
    background: var(--retro-theme-bg);
    background-size: var(--retro-theme-bg-size);
  }

  .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .usk-button, :where([data-ui="retrofuturism"]) .usk-badge, :where([data-ui="retrofuturism"]) .usk-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link {
    font-family: var(--retro-font-heading);
  }

  .retro-title {
    color: var(--retro-text);
    letter-spacing: -.055em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .retro-heading {
    color: var(--retro-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .retro-kicker {
    color: var(--usk-primary-ink, var(--retro-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .retro-subtitle, .retro-copy {
    color: var(--retro-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .retro-text-muted {
    color: var(--retro-text-muted);
  }

  .retro-divider {
    background: var(--retro-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .usk-card, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap {
    background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-lg);
    box-shadow: 0 12px 34px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);
    transition: transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);
    position: relative;
  }

  .retro-toolbar, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--retro-space-4);
    padding: var(--retro-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .retro-surface-sm {
    border-radius: var(--retro-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--retro-shadow-alpha)*.72));
  }

  .retro-surface-lg {
    border-radius: var(--retro-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--retro-shadow-alpha) + .08));
  }

  .retro-well, .retro-inset {
    background: var(--retro-surface-soft);
    color: var(--retro-text);
    border: 1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));
    border-radius: var(--retro-radius-md);
    padding: var(--retro-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--retro-space-2);
    background: var(--retro-surface);
    min-height: 2.75rem;
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--retro-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .usk-button:hover, :where([data-ui="retrofuturism"]) .usk-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover {
    border-color: var(--retro-primary);
    transform: translateY(-1px);
  }

  .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .usk-button:active, :where([data-ui="retrofuturism"]) .usk-icon-button:active, :where([data-ui="retrofuturism"]) .usk-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .usk-button.is-active, :where([data-ui="retrofuturism"]) .usk-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .retro-button-primary:hover, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--retro-primary-hover);
    border-color: var(--retro-primary-hover);
  }

  .retro-button-secondary:hover, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--retro-secondary-hover);
    border-color: var(--retro-secondary-hover);
  }

  .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button {
    border-radius: var(--retro-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled, :where([data-ui="retrofuturism"]) .usk-button:disabled, :where([data-ui="retrofuturism"]) .usk-icon-button:disabled, :where([data-ui="retrofuturism"]) .ui-button:disabled, :where([data-ui="retrofuturism"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .usk-card, :where([data-ui="retrofuturism"]) .ui-card {
    background: var(--retro-card-bg);
  }

  .retro-toolbar, .retro-table-wrap, .retro-button:where(:not([data-ui-variant])):not(:is(.retro-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.retro-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.retro-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.retro-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.retro-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.retro-button-outline-heavy), .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.retro-button-outline-heavy), :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.retro-button-outline-heavy), :where([data-ui="retrofuturism"]) .ui-icon-button {
    background: var(--retro-control-bg);
  }

  .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .usk-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .usk-badge, :where([data-ui="retrofuturism"]) .usk-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link {
    font-family: var(--retro-font-control);
  }

  .retro-field, :where([data-ui="retrofuturism"]) .usk-field, :where([data-ui="retrofuturism"]) .ui-field {
    gap: var(--retro-space-2);
    flex-direction: column;
    display: flex;
  }

  .retro-label, :where([data-ui="retrofuturism"]) .usk-label, :where([data-ui="retrofuturism"]) .ui-label {
    color: var(--retro-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .usk-input, :where([data-ui="retrofuturism"]) .usk-textarea, :where([data-ui="retrofuturism"]) .usk-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select {
    background: var(--retro-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-md);
    font: inherit;
    transition: background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .retro-textarea, :where([data-ui="retrofuturism"]) .usk-textarea, :where([data-ui="retrofuturism"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .retro-input::placeholder, .retro-textarea::placeholder, :where([data-ui="retrofuturism"]) .usk-input::placeholder, :where([data-ui="retrofuturism"]) .usk-textarea::placeholder, :where([data-ui="retrofuturism"]) .ui-input::placeholder, :where([data-ui="retrofuturism"]) .ui-textarea::placeholder {
    color: var(--retro-text-muted);
    opacity: .82;
  }

  .retro-input:hover, .retro-textarea:hover, .retro-select:hover, :where([data-ui="retrofuturism"]) .usk-input:hover, :where([data-ui="retrofuturism"]) .usk-textarea:hover, :where([data-ui="retrofuturism"]) .usk-select:hover, :where([data-ui="retrofuturism"]) .ui-input:hover, :where([data-ui="retrofuturism"]) .ui-textarea:hover, :where([data-ui="retrofuturism"]) .ui-select:hover {
    border-color: rgb(var(--retro-primary-rgb)/.58);
  }

  .retro-help-text, :where([data-ui="retrofuturism"]) .usk-help-text, :where([data-ui="retrofuturism"]) .ui-help-text {
    color: var(--retro-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .retro-check, .retro-radio, :where([data-ui="retrofuturism"]) .usk-check, :where([data-ui="retrofuturism"]) .usk-radio, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio {
    align-items: center;
    gap: var(--retro-space-2);
    color: var(--retro-text);
    cursor: pointer;
    display: inline-flex;
  }

  .retro-check input, .retro-radio input, :where([data-ui="retrofuturism"]) .usk-check input, :where([data-ui="retrofuturism"]) .usk-radio input, :where([data-ui="retrofuturism"]) .ui-check input, :where([data-ui="retrofuturism"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .usk-check-control, :where([data-ui="retrofuturism"]) .usk-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control {
    background: var(--retro-surface-soft);
    border: 1px solid var(--retro-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .retro-check-control, :where([data-ui="retrofuturism"]) .usk-check-control, :where([data-ui="retrofuturism"]) .ui-check-control {
    border-radius: var(--retro-radius-xs);
  }

  .retro-radio-control, :where([data-ui="retrofuturism"]) .usk-radio-control, :where([data-ui="retrofuturism"]) .ui-radio-control {
    border-radius: 50%;
  }

  .retro-check input:checked+.retro-check-control:after, :where([data-ui="retrofuturism"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--retro-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .retro-radio input:checked+.retro-radio-control:after, :where([data-ui="retrofuturism"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--retro-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .retro-switch, :where([data-ui="retrofuturism"]) .usk-switch, :where([data-ui="retrofuturism"]) .ui-switch {
    align-items: center;
    gap: var(--retro-space-3);
    color: var(--retro-text);
    cursor: pointer;
    display: inline-flex;
  }

  .retro-switch input, :where([data-ui="retrofuturism"]) .usk-switch input, :where([data-ui="retrofuturism"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .retro-switch-track, :where([data-ui="retrofuturism"]) .usk-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track {
    background: var(--retro-surface-soft);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);
    position: relative;
  }

  .retro-switch-thumb, :where([data-ui="retrofuturism"]) .usk-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb {
    background: var(--retro-surface-strong);
    border: 1px solid var(--retro-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--retro-shadow-alpha));
    transition: left var(--retro-transition-fast),background var(--retro-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .retro-badge, :where([data-ui="retrofuturism"]) .usk-badge, :where([data-ui="retrofuturism"]) .ui-badge {
    align-items: center;
    gap: var(--retro-space-1);
    background: var(--retro-surface-soft);
    min-height: 1.75rem;
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .retro-nav, :where([data-ui="retrofuturism"]) .usk-nav, :where([data-ui="retrofuturism"]) .ui-nav {
    align-items: center;
    gap: var(--retro-space-2);
    padding: var(--retro-space-2);
    background: var(--retro-surface);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--retro-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .retro-nav-link, :where([data-ui="retrofuturism"]) .usk-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--retro-text-muted);
    border-radius: var(--retro-radius-pill);
    transition: color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .usk-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover {
    color: var(--retro-text);
    background: var(--retro-surface-soft);
  }

  .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .usk-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .usk-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active {
    color: var(--retro-on-primary);
    background: var(--retro-primary);
  }

  .retro-tooltip, [data-ui="retrofuturism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="retrofuturism"]) .usk-tooltip, :where([data-ui="retrofuturism"]) .ui-tooltip {
    background: radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);
    max-inline-size: 16rem;
    color: var(--retro-text);
    border: 1px solid rgb(var(--retro-primary-rgb)/.62);
    border-radius: var(--retro-radius-pill);
    box-shadow: 0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));
    text-transform: uppercase;
    letter-spacing: .06em;
    align-items: center;
    gap: .45rem;
    padding: .6rem .82rem;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.25;
    display: inline-flex;
  }

  .retro-tooltip-arrow {
    background: var(--retro-accent);
    block-size: .58rem;
    inline-size: .58rem;
    box-shadow: 0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));
    border-radius: 50%;
    flex: none;
  }

  .retro-progress, :where([data-ui="retrofuturism"]) .usk-progress, :where([data-ui="retrofuturism"]) .ui-progress {
    background: var(--retro-surface-soft);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .retro-progress-bar, :where([data-ui="retrofuturism"]) .usk-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar {
    height: 100%;
    width: var(--retro-progress-value, 50%);
    background: linear-gradient(90deg,var(--retro-primary),var(--retro-accent));
    border-radius: inherit;
  }

  .retro-alert, :where([data-ui="retrofuturism"]) .usk-alert, :where([data-ui="retrofuturism"]) .ui-alert {
    gap: var(--retro-space-2);
    padding: var(--retro-space-4);
    background: var(--retro-surface);
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--retro-shadow-alpha));
    display: grid;
  }

  .retro-alert-success, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--retro-success);
  }

  .retro-alert-warning, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--retro-warning);
  }

  .retro-alert-danger, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--retro-danger);
  }

  .retro-alert-title, :where([data-ui="retrofuturism"]) .usk-alert-title, :where([data-ui="retrofuturism"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .retro-alert-body, :where([data-ui="retrofuturism"]) .usk-alert-body, :where([data-ui="retrofuturism"]) .ui-alert-body {
    color: var(--retro-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .retro-table-wrap, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap {
    overflow: auto;
  }

  .retro-table, :where([data-ui="retrofuturism"]) .usk-table, :where([data-ui="retrofuturism"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .retro-table th, .retro-table td, :where([data-ui="retrofuturism"]) .usk-table th, :where([data-ui="retrofuturism"]) .usk-table td, :where([data-ui="retrofuturism"]) .ui-table th, :where([data-ui="retrofuturism"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--retro-border);
    padding: .95rem 1rem;
  }

  .retro-table th, :where([data-ui="retrofuturism"]) .usk-table th, :where([data-ui="retrofuturism"]) .ui-table th {
    color: var(--retro-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--retro-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .retro-table td, :where([data-ui="retrofuturism"]) .usk-table td, :where([data-ui="retrofuturism"]) .ui-table td {
    color: var(--retro-text-muted);
  }

  .retro-text-primary {
    color: var(--usk-primary-ink, var(--retro-primary));
  }

  .retro-text-secondary {
    color: var(--retro-secondary);
  }

  .retro-text-accent {
    color: var(--usk-accent-ink, var(--retro-accent));
  }

  .retro-text-success {
    color: var(--retro-success);
  }

  .retro-text-warning {
    color: var(--retro-warning);
  }

  .retro-text-danger {
    color: var(--retro-danger);
  }

  .retro-bg-primary {
    background: var(--retro-primary);
    color: var(--retro-on-primary);
  }

  .retro-bg-secondary {
    background: var(--retro-secondary);
    color: var(--retro-on-secondary);
  }

  .retro-border {
    border: 1px solid var(--retro-border);
  }

  .retro-rounded {
    border-radius: var(--retro-radius-md);
  }

  .retro-rounded-lg {
    border-radius: var(--retro-radius-lg);
  }

  .retro-rounded-xl {
    border-radius: var(--retro-radius-xl);
  }

  .retro-pill {
    border-radius: var(--retro-radius-pill);
  }

  .retro-sr-only, .retro-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .retro-skip-link {
    z-index: 9999;
    background: var(--retro-primary);
    color: var(--retro-on-primary);
    border-radius: var(--retro-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .retro-skip-link:focus {
    transform: translateY(0);
  }

  [data-ui="retrofuturism"][data-mode] {
    --retro-glow-alpha: .18;
  }

  .retro-spinner, .retro-loading-spinner, [data-ui="retrofuturism"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="retrofuturism"]) .usk-spinner, :where([data-ui="retrofuturism"]) .ui-spinner {
    border: .12rem solid var(--retro-border);
    border-block-start-color: var(--retro-spinner-stroke);
    border-inline-end-color: var(--retro-spinner-accent);
    background: radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: 0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));
    vertical-align: -.2em;
    border-radius: 50%;
    animation: 1.05s linear infinite retro-spin;
    display: inline-block;
  }

  .retro-spinner-sm {
    border-width: .08rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .retro-spinner-lg {
    border-width: .18rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="retrofuturism"]) .usk-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .usk-icon-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .usk-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--retro-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite retro-spin;
    display: inline-block;
  }

  @keyframes retro-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .retro-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--retro-border-rgb)/.72);
    border-radius: var(--retro-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .retro-card-service {
    gap: var(--retro-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .retro-card-service > .retro-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .retro-card-service > .retro-card-media + .retro-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .retro-card-feature {
    gap: var(--retro-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .retro-icon-medallion {
    background: var(--retro-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--retro-on-primary);
    border: 2px solid rgb(var(--retro-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .retro-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .retro-button.retro-button-cut, .retro-button-cut, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .retro-button.retro-button-cut:focus-visible, .retro-button-cut:focus-visible, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut:focus-visible, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .retro-button.retro-button-outline-heavy, .retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .usk-button.retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .ui-button.retro-button-outline-heavy {
    color: var(--usk-primary-ink, var(--retro-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--retro-primary);
    box-shadow: none;
    background: none;
  }

  .retro-button.retro-button-outline-heavy:hover, .retro-button-outline-heavy:hover, :where([data-ui="retrofuturism"]) .usk-button.retro-button-outline-heavy:hover, :where([data-ui="retrofuturism"]) .ui-button.retro-button-outline-heavy:hover {
    background: var(--retro-primary);
    color: var(--retro-on-primary);
    border-color: var(--retro-primary-hover);
  }

  .retro-badge-seal {
    aspect-ratio: 1;
    background: var(--retro-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--retro-text);
    border: 2px solid var(--retro-primary);
    text-align: center;
    font-family: var(--retro-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .retro-feature-strip {
    background: var(--retro-card-bg);
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .retro-feature-item {
    align-items: center;
    gap: var(--retro-space-3);
    min-inline-size: 0;
    padding: var(--retro-space-4);
    border-inline-end: 1px solid rgb(var(--retro-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .retro-feature-item:last-child {
    border-inline-end: 0;
  }

  .retro-feature-item > :where(p, small) {
    color: var(--retro-text-muted);
    margin: 0;
  }

  .retro-callout-bar {
    align-items: center;
    gap: var(--retro-space-4);
    padding: var(--retro-space-4) var(--retro-space-5);
    background: var(--retro-card-bg);
    color: var(--retro-text);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .retro-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .retro-callout-bar>:where(.retro-button,a,button):last-child, :where([data-ui="retrofuturism"]) .retro-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="retrofuturism"]) .retro-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .retro-eyebrow {
    color: var(--usk-primary-ink, var(--retro-primary));
    font-family: var(--retro-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .retro-media-scrim {
    isolation: isolate;
    background: var(--retro-surface-soft);
    border: 1px solid var(--retro-border);
    border-radius: var(--retro-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .retro-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .retro-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .retro-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .retro-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .retro-callout-bar>:where(.retro-button,a,button):last-child, :where([data-ui="retrofuturism"]) .retro-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="retrofuturism"]) .retro-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .retro-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--retro-border-rgb)/.62);
    }

    .retro-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .retro-card-service, .retro-card-feature, .retro-feature-strip, .retro-callout-bar {
    box-shadow: 0 0 0 2px rgb(var(--retro-primary-rgb)/.18),0 1rem 2rem #00000038;
    border-width: 2px;
  }

  .retro-icon-medallion, .retro-badge-seal {
    border: .2rem double var(--retro-border);
    box-shadow: 0 0 0 .18rem rgb(var(--retro-primary-rgb)/.18);
  }

  .retro-eyebrow {
    letter-spacing: .2em;
  }

  .retro-button.retro-button-cut, .retro-button-cut, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut {
    min-block-size: 2.75rem;
    inline-size: min(100%, 18rem);
    min-height: 2.75rem;
    clip-path: polygon(.9rem 0, calc(100% - .9rem) 0, 100% 50%, calc(100% - .9rem) 100%, .9rem 100%, 0 50%);
    justify-content: center;
    justify-self: center;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .retro-button.retro-button-outline-heavy, .retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .usk-button.retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .ui-button.retro-button-outline-heavy {
    border: 3px double var(--retro-primary);
    clip-path: polygon(1.1rem 0, calc(100% - .55rem) 0, 100% 50%, calc(100% - .55rem) 100%, 1.1rem 100%, 0 50%);
    box-shadow: inset 0 0 0 1px rgb(var(--retro-surface-strong-rgb)/.78),0 .25rem .8rem rgb(var(--retro-primary-rgb)/.18);
    border-radius: 0;
  }

  .retro-card-service, .retro-media-scrim, .retro-feature-strip, .retro-callout-bar, .retro-well {
    border: 3px double var(--retro-border);
    border-radius: var(--retro-radius-lg);
    box-shadow: inset 0 0 0 1px rgb(var(--retro-surface-strong-rgb)/.7),0 .75rem 1.6rem rgb(var(--retro-text-rgb)/.18);
  }

  [data-ui="retrofuturism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 3px double var(--retro-primary);
    border-radius: var(--retro-radius-pill);
    box-shadow: inset 0 0 0 1px rgb(var(--retro-surface-strong-rgb)/.72),0 .3rem .8rem rgb(var(--retro-primary-rgb)/.2);
  }

  [data-ui="retrofuturism"][data-mode] :where(dialog) {
    border: 3px double var(--retro-border);
    border-radius: var(--retro-radius-lg);
    box-shadow: inset 0 0 0 1px rgb(var(--retro-surface-strong-rgb)/.72),0 1rem 2.2rem rgb(var(--retro-text-rgb)/.24);
  }

  .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .usk-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after {
    box-shadow: 0 0 0 .1em rgb(var(--retro-primary-rgb)/.2),0 0 .45em rgb(var(--retro-accent-rgb)/.6);
    clip-path: circle(50%);
    background: radial-gradient(circle, currentColor 0 .1em, #0000 .12em), conic-gradient(currentColor, #0000 45%, currentColor);
    border: .09em solid;
    border-radius: 50%;
    animation: 1.08s linear infinite retro-spin;
  }

  [data-ui="retrofuturism"][data-mode="light"] {
    --retro-enamel-opacity: .98;
    --retro-recess-opacity: .82;
    --retro-metal-highlight-alpha: .88;
    --retro-metal-shadow-alpha: .3;
    --retro-instrument-alpha: .22;
    --retro-depth-alpha: .12;
  }

  [data-ui="retrofuturism"][data-mode="dark"] {
    --retro-enamel-opacity: .94;
    --retro-recess-opacity: .72;
    --retro-metal-highlight-alpha: .56;
    --retro-metal-shadow-alpha: .72;
    --retro-instrument-alpha: .34;
    --retro-depth-alpha: .3;
  }

  [data-ui="retrofuturism"][data-mode="contrast"] {
    --retro-enamel-opacity: 1;
    --retro-recess-opacity: 1;
    --retro-metal-highlight-alpha: 1;
    --retro-metal-shadow-alpha: 1;
    --retro-instrument-alpha: .5;
    --retro-depth-alpha: .5;
  }

  [data-ui="retrofuturism"][data-mode] {
    --retro-instrument-radius-sm: .48rem;
    --retro-instrument-radius: .72rem;
    --retro-instrument-radius-lg: 1.35rem;
    --retro-metal-edge: rgb(var(--retro-border-rgb) / max(.76, var(--retro-border-alpha)));
    --retro-metal-rim: linear-gradient(180deg,
    rgb(var(--retro-surface-strong-rgb) / var(--retro-metal-highlight-alpha)),
    rgb(var(--retro-border-rgb) / .92) 28%,
    rgb(var(--retro-text-rgb) / var(--retro-metal-shadow-alpha)) 52%,
    rgb(var(--retro-surface-strong-rgb) / .78) 74%,
    rgb(var(--retro-border-rgb) / .9));
    --retro-enamel-bg: linear-gradient(155deg,
    rgb(var(--retro-surface-strong-rgb) / var(--retro-enamel-opacity)),
    rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha)) 52%,
    rgb(var(--retro-surface-soft-rgb) / var(--retro-recess-opacity)));
    --retro-recess-bg: linear-gradient(180deg,
    rgb(var(--retro-text-rgb) / calc(var(--retro-instrument-alpha) * .72)),
    rgb(var(--retro-secondary-rgb) / var(--retro-instrument-alpha))), var(--retro-surface-soft);
    --retro-field-bg: linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / .92), rgb(var(--retro-surface-rgb) / .98));
    --retro-instrument-bg: linear-gradient(180deg,
    rgb(var(--retro-secondary-rgb) / calc(var(--retro-instrument-alpha) + .1)),
    rgb(var(--retro-primary-rgb) / var(--retro-instrument-alpha))), var(--retro-surface-soft);
    --retro-action-bg: linear-gradient(180deg,
    rgb(var(--retro-primary-hover-rgb)),
    rgb(var(--retro-primary-rgb)) 62%,
    rgb(var(--retro-primary-hover-rgb)));
    --retro-secondary-action-bg: linear-gradient(180deg,
    rgb(var(--retro-surface-strong-rgb) / .22),
    transparent 42%), var(--retro-secondary);
    --retro-danger-action-bg: linear-gradient(180deg,
    rgb(var(--retro-surface-strong-rgb) / .22),
    transparent 42%), var(--retro-danger);
    --retro-panel-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb) / var(--retro-metal-highlight-alpha)), inset 0 -2px 0 rgb(var(--retro-text-rgb) / .14), 0 .45rem 1rem rgb(var(--retro-text-rgb) / var(--retro-depth-alpha));
    --retro-control-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb) / .82), inset 0 -2px 0 rgb(var(--retro-text-rgb) / .18), 0 .18rem .42rem rgb(var(--retro-text-rgb) / calc(var(--retro-depth-alpha) * .82));
    --retro-recess-shadow: inset 0 .24rem .55rem rgb(var(--retro-text-rgb) / calc(var(--retro-depth-alpha) + .08)), inset 0 1px 0 rgb(var(--retro-surface-strong-rgb) / .48);
    --retro-pressed-shadow: inset 0 .3rem .65rem rgb(var(--retro-text-rgb) / calc(var(--retro-depth-alpha) + .16)), inset 0 -1px 0 rgb(var(--retro-surface-strong-rgb) / .36);
    --retro-jewel-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb) / .76), 0 0 .55rem rgb(var(--retro-accent-rgb) / .34);
    --retro-calibration-track: linear-gradient(90deg, var(--retro-secondary), var(--retro-primary) 48%, var(--retro-warning) 74%, var(--retro-danger));
    --retro-progress-fill: repeating-linear-gradient(90deg, var(--retro-primary) 0 .82rem, rgb(var(--retro-accent-rgb) / .82) .82rem .94rem, rgb(var(--retro-surface-strong-rgb) / .34) .94rem 1.04rem);
    --retro-theme-bg: linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .11), transparent 38%), linear-gradient(315deg, rgb(var(--retro-secondary-rgb) / .09), transparent 42%), var(--retro-bg);
    --retro-card-bg: var(--retro-enamel-bg);
    --retro-control-bg: var(--retro-recess-bg);
    --usk-native-surface: var(--retro-enamel-bg);
    --usk-native-surface-strong: var(--retro-surface-strong);
    --usk-native-surface-soft: var(--retro-recess-bg);
    --usk-native-card-bg: var(--retro-enamel-bg);
    --usk-native-control-bg: var(--retro-field-bg);
    --usk-native-border: var(--retro-metal-edge);
    --usk-native-radius-sm: var(--retro-instrument-radius-sm);
    --usk-native-radius: var(--retro-instrument-radius-sm);
    --usk-native-radius-lg: var(--retro-instrument-radius-lg);
    --usk-native-shadow: var(--retro-control-shadow);
    --usk-native-shadow-md: var(--retro-panel-shadow);
    --usk-native-border-width: 2px;
    --usk-native-panel-padding: 1.125rem;
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .58rem;
    --usk-native-control-padding-inline: .82rem;
    --usk-native-subcontrol-padding-block: .42rem;
    --usk-native-subcontrol-padding-inline: .62rem;
    --usk-native-choice-size: 1.18rem;
    --usk-native-choice-background: var(--retro-recess-bg);
    --usk-native-choice-border: 2px solid var(--retro-metal-edge);
    --usk-native-checkbox-radius: .16rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: var(--retro-recess-shadow);
    --usk-native-choice-checked-background: var(--retro-action-bg);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 48%, var(--retro-text) 50%), linear-gradient(135deg, var(--retro-text) 50%, transparent 52%);
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-select-indicator-position: calc(100% - 1.2rem) 50%, calc(100% - .87rem) 50%;
    --usk-native-select-padding-inline-end: 2.7rem;
    --usk-native-range-track-size: .38rem;
    --usk-native-range-track-background: var(--retro-calibration-track);
    --usk-native-range-track-border: 1px solid var(--retro-metal-edge);
    --usk-native-range-track-radius: var(--retro-radius-pill);
    --usk-native-range-track-shadow: var(--retro-recess-shadow);
    --usk-native-range-progress-background: var(--retro-calibration-track);
    --usk-native-range-thumb-size: 1.25rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px double var(--retro-metal-edge);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: var(--retro-control-shadow);
    --usk-native-progress-size: 1rem;
    --usk-native-progress-track-background: var(--retro-recess-bg);
    --usk-native-progress-track-border: 3px double var(--retro-metal-edge);
    --usk-native-progress-track-radius: var(--retro-radius-pill);
    --usk-native-progress-track-shadow: var(--retro-recess-shadow);
    --usk-native-progress-value-background: var(--retro-progress-fill);
    --usk-native-progress-value-radius: var(--retro-radius-pill);
    --usk-native-progress-value-shadow: var(--retro-jewel-shadow);
    --usk-native-file-button-background: var(--retro-enamel-bg);
    --usk-native-file-button-border: 2px solid var(--retro-metal-edge);
    --usk-native-file-button-radius: var(--retro-instrument-radius-sm);
    --usk-native-file-button-shadow: var(--retro-control-shadow);
    --usk-native-color-swatch-border: 3px double var(--retro-metal-edge);
    --usk-native-color-swatch-radius: 50%;
    --usk-native-indicator-opacity: .9;
    --usk-native-scrollbar-size: .9rem;
    --usk-native-scrollbar-track: var(--retro-recess-bg);
    --usk-native-scrollbar-thumb: var(--retro-metal-rim);
    --usk-native-scrollbar-radius: var(--retro-radius-pill);
  }

  [data-ui="retrofuturism"] {
    background: var(--retro-theme-bg);
  }

  .retro-title {
    font-family: var(--retro-font-display);
    letter-spacing: max(.026em, .5px);
    text-transform: none;
    text-shadow: none;
    margin-block: .75rem;
    font-size: clamp(2.3rem, 6vw, 4.6rem);
    font-weight: 900;
    font-stretch: condensed;
    line-height: .92;
  }

  .retro-heading {
    font-family: var(--retro-font-display);
    letter-spacing: -.018em;
    text-transform: none;
    text-shadow: none;
    font-weight: 850;
    font-stretch: condensed;
    line-height: 1;
  }

  .retro-kicker, .retro-eyebrow {
    font-family: var(--retro-font-control);
    letter-spacing: .18em;
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 800;
  }

  .retro-label, :where([data-ui="retrofuturism"]) .usk-label, :where([data-ui="retrofuturism"]) .ui-label {
    font-family: var(--retro-font-control);
    letter-spacing: .11em;
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 800;
  }

  .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .usk-card, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap {
    background: var(--retro-enamel-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-radius-lg);
    box-shadow: var(--retro-panel-shadow);
  }

  .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .usk-card, :where([data-ui="retrofuturism"]) .ui-card {
    padding: 1.125rem;
  }

  .retro-toolbar, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar {
    padding: .82rem 1rem;
  }

  .retro-well, .retro-inset {
    background: var(--retro-recess-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius);
    box-shadow: var(--retro-recess-shadow);
    padding: .92rem;
  }

  .retro-hover-lift:hover {
    box-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb)/.9),0 .7rem 1.15rem rgb(var(--retro-text-rgb)/calc(var(--retro-depth-alpha) + .06));
    transform: translateY(-1px);
  }

  .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button {
    background: var(--retro-enamel-bg);
    min-height: 2.75rem;
    color: var(--retro-text);
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    box-shadow: var(--retro-control-shadow);
    font-family: var(--retro-font-control);
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .62rem 1.15rem;
    font-size: .78rem;
    font-weight: 800;
  }

  .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .usk-button:hover, :where([data-ui="retrofuturism"]) .usk-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover {
    border-color: var(--retro-primary);
    box-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb)/.92),0 .38rem .78rem rgb(var(--retro-primary-rgb)/.24);
    transform: translateY(-1px);
  }

  .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .usk-button:active, :where([data-ui="retrofuturism"]) .usk-icon-button:active, :where([data-ui="retrofuturism"]) .usk-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .usk-button.is-active, :where([data-ui="retrofuturism"]) .usk-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active {
    box-shadow: var(--retro-pressed-shadow);
    transform: translateY(1px);
  }

  .retro-button-primary, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--retro-action-bg);
    color: var(--retro-on-primary);
    border-color: rgb(var(--retro-primary-hover-rgb)/.94);
    box-shadow: var(--retro-control-shadow),0 0 0 1px rgb(var(--retro-primary-text-rgb)/.2);
  }

  .retro-button-ghost, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--retro-text);
    box-shadow: inset 0 0 0 1px rgb(var(--retro-border-rgb)/.42);
    background: none;
  }

  .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button {
    inline-size: 2.75rem;
    padding: 0;
  }

  .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .usk-input, :where([data-ui="retrofuturism"]) .usk-textarea, :where([data-ui="retrofuturism"]) .usk-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select {
    background: var(--retro-recess-bg);
    min-height: 2.55rem;
    color: var(--retro-text);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-sm);
    box-shadow: var(--retro-recess-shadow);
    font-family: var(--retro-font-body);
    padding: .55rem .8rem;
  }

  .retro-input:focus, .retro-textarea:focus, .retro-select:focus, :where([data-ui="retrofuturism"]) .usk-input:focus, :where([data-ui="retrofuturism"]) .usk-textarea:focus, :where([data-ui="retrofuturism"]) .usk-select:focus, :where([data-ui="retrofuturism"]) .ui-input:focus, :where([data-ui="retrofuturism"]) .ui-textarea:focus, :where([data-ui="retrofuturism"]) .ui-select:focus {
    border-color: var(--retro-focus);
    box-shadow: var(--retro-recess-shadow),var(--retro-focus-ring);
  }

  .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .usk-check-control, :where([data-ui="retrofuturism"]) .usk-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control {
    background: var(--retro-recess-bg);
    border: 2px solid var(--retro-metal-edge);
    block-size: 1.18rem;
    inline-size: 1.18rem;
    box-shadow: var(--retro-recess-shadow);
  }

  .retro-check input:checked+.retro-check-control, .retro-radio input:checked+.retro-radio-control, :where([data-ui="retrofuturism"]) .usk-check input:checked+.usk-check-control, :where([data-ui="retrofuturism"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--retro-action-bg);
    border-color: var(--retro-primary);
    box-shadow: var(--retro-jewel-shadow),var(--retro-focus-ring);
  }

  .retro-switch-track, :where([data-ui="retrofuturism"]) .usk-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track {
    background: var(--retro-recess-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    block-size: 1.65rem;
    inline-size: 3.35rem;
    box-shadow: var(--retro-recess-shadow);
  }

  .retro-switch-thumb, :where([data-ui="retrofuturism"]) .usk-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb {
    background: var(--retro-metal-rim);
    border: 2px solid var(--retro-metal-edge);
    block-size: 1.18rem;
    inline-size: 1.18rem;
    box-shadow: var(--retro-control-shadow);
    inset-block-start: .12rem;
    inset-inline-start: .14rem;
  }

  .retro-switch input:checked+.retro-switch-track, :where([data-ui="retrofuturism"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--retro-instrument-bg);
    border-color: var(--retro-primary);
  }

  .retro-switch input:checked+.retro-switch-track .retro-switch-thumb, :where([data-ui="retrofuturism"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--retro-action-bg);
    left: calc(100% - 1.32rem);
  }

  .retro-badge, :where([data-ui="retrofuturism"]) .usk-badge, :where([data-ui="retrofuturism"]) .ui-badge {
    background: var(--retro-enamel-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    min-height: 1.55rem;
    box-shadow: var(--retro-control-shadow);
    font-family: var(--retro-font-control);
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .28rem .62rem;
    font-size: .68rem;
    font-weight: 800;
  }

  .retro-badge-primary, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-primary);
    color: var(--retro-on-primary);
    border-color: var(--retro-primary-hover);
  }

  .retro-badge-secondary, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-secondary);
    color: var(--retro-on-secondary);
    border-color: var(--retro-secondary-hover);
  }

  .retro-badge-success, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-success);
    color: var(--retro-on-success);
    border-color: var(--retro-success);
  }

  .retro-badge-warning, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-warning);
    color: var(--retro-on-warning);
    border-color: var(--retro-warning);
  }

  .retro-badge-danger, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-danger);
    color: var(--retro-on-danger);
    border-color: var(--retro-danger);
  }

  .retro-nav, :where([data-ui="retrofuturism"]) .usk-nav, :where([data-ui="retrofuturism"]) .ui-nav {
    background: var(--retro-enamel-bg);
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-lg);
    box-shadow: var(--retro-panel-shadow);
    gap: .2rem;
    padding: .3rem;
  }

  .retro-nav-link, :where([data-ui="retrofuturism"]) .usk-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link {
    border-radius: var(--retro-instrument-radius);
    min-height: 2.45rem;
    font-family: var(--retro-font-control);
    letter-spacing: .08em;
    text-transform: uppercase;
    border: 1px solid #0000;
    padding: .58rem .9rem;
    font-size: .74rem;
    font-weight: 800;
  }

  .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .usk-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover {
    background: var(--retro-recess-bg);
    border-color: rgb(var(--retro-border-rgb)/.54);
  }

  .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .usk-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .usk-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active {
    background: var(--retro-action-bg);
    color: var(--retro-on-primary);
    border-color: var(--retro-primary-hover);
    box-shadow: var(--retro-control-shadow);
  }

  .retro-tooltip, [data-ui="retrofuturism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="retrofuturism"]) .usk-tooltip, :where([data-ui="retrofuturism"]) .ui-tooltip {
    background: var(--retro-recess-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius);
    box-shadow: var(--retro-panel-shadow);
    font-family: var(--retro-font-control);
    letter-spacing: .08em;
    font-size: .7rem;
  }

  .retro-progress, :where([data-ui="retrofuturism"]) .usk-progress, :where([data-ui="retrofuturism"]) .ui-progress {
    background: var(--retro-recess-bg);
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    height: 1.05rem;
    box-shadow: var(--retro-recess-shadow);
    padding: .14rem;
  }

  .retro-progress-bar, :where([data-ui="retrofuturism"]) .usk-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar {
    background: var(--retro-progress-fill);
    border-radius: var(--retro-radius-pill);
    height: 100%;
    box-shadow: var(--retro-jewel-shadow);
  }

  .retro-alert, :where([data-ui="retrofuturism"]) .usk-alert, :where([data-ui="retrofuturism"]) .ui-alert {
    background: var(--retro-enamel-bg);
    border: 3px double var(--retro-metal-edge);
    box-shadow: var(--retro-panel-shadow);
    border-radius: 1rem;
    padding: .9rem 1rem;
  }

  .retro-alert-success, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) {
    border-inline-start: .45rem solid var(--retro-success);
  }

  .retro-alert-warning, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-inline-start: .45rem solid var(--retro-warning);
  }

  .retro-alert-danger, :where([data-ui="retrofuturism"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-inline-start: .45rem solid var(--retro-danger);
  }

  .retro-table-wrap, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap {
    background: var(--retro-enamel-bg);
    border-radius: var(--retro-radius-lg);
    box-shadow: var(--retro-panel-shadow);
    overflow: auto;
  }

  .retro-table, :where([data-ui="retrofuturism"]) .usk-table, :where([data-ui="retrofuturism"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .retro-table th, :where([data-ui="retrofuturism"]) .usk-table th, :where([data-ui="retrofuturism"]) .ui-table th {
    background: var(--retro-instrument-bg);
    color: var(--retro-text);
    border-block-end: 2px solid var(--retro-metal-edge);
    box-shadow: inset 0 1px 0 rgb(var(--retro-surface-strong-rgb)/.58),inset 0-1px 0 rgb(var(--retro-text-rgb)/.18);
    font-family: var(--retro-font-control);
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: .62rem .78rem;
    font-size: .7rem;
    font-weight: 800;
  }

  .retro-table td, :where([data-ui="retrofuturism"]) .usk-table td, :where([data-ui="retrofuturism"]) .ui-table td {
    color: var(--retro-text);
    border-block-end: 1px solid rgb(var(--retro-border-rgb)/.46);
    padding: .68rem .78rem;
  }

  .retro-table tr:hover td, :where([data-ui="retrofuturism"]) .usk-table tr:hover td, :where([data-ui="retrofuturism"]) .ui-table tr:hover td {
    background: rgb(var(--retro-secondary-rgb)/.12);
  }

  .retro-spinner, .retro-loading-spinner, [data-ui="retrofuturism"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="retrofuturism"]) .usk-spinner, :where([data-ui="retrofuturism"]) .ui-spinner {
    border: 3px double var(--retro-metal-edge);
    border-block-start-color: var(--retro-primary);
    border-inline-end-color: var(--retro-accent);
    background: var(--retro-recess-bg);
    box-shadow: var(--retro-control-shadow);
  }

  .retro-card-service, .retro-card-feature, .retro-media-scrim, .retro-feature-strip, .retro-callout-bar {
    background: var(--retro-enamel-bg);
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-radius-lg);
    box-shadow: var(--retro-panel-shadow);
  }

  .retro-card-service {
    text-align: start;
    padding: 1.1rem;
  }

  .retro-card-feature {
    padding: 1rem;
  }

  .retro-card-accent-edge {
    border-inline-start: .42rem solid var(--retro-primary);
  }

  .retro-icon-medallion {
    background: linear-gradient(var(--retro-surface),var(--retro-surface)) padding-box,var(--retro-metal-rim) border-box;
    color: var(--retro-text);
    box-shadow: var(--retro-control-shadow);
    border: 3px double #0000;
  }

  .retro-button.retro-button-cut, .retro-button-cut, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut {
    border-radius: var(--retro-radius-pill);
    inline-size: min(100%, 18rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
    clip-path: inset(0 round var(--retro-radius-pill));
    justify-content: center;
    justify-self: center;
  }

  .retro-button.retro-button-outline-heavy, .retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .usk-button.retro-button-outline-heavy, :where([data-ui="retrofuturism"]) .ui-button.retro-button-outline-heavy {
    background: var(--retro-enamel-bg);
    color: var(--usk-primary-ink, var(--retro-text));
    border: 4px double var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    clip-path: inset(0 round var(--retro-radius-pill));
    box-shadow: var(--retro-control-shadow);
  }

  .retro-badge-seal {
    aspect-ratio: 1.35;
    background: var(--retro-recess-bg);
    border: 4px double var(--retro-metal-edge);
    inline-size: 5.5rem;
    min-inline-size: 5.5rem;
    box-shadow: var(--retro-recess-shadow);
    border-radius: 50%;
  }

  .retro-feature-item {
    border-inline-end: 1px solid var(--retro-metal-edge);
    padding: .82rem 1rem;
  }

  .retro-callout-bar {
    padding: .9rem 1.1rem;
  }

  .retro-media-scrim {
    background: var(--retro-recess-bg);
  }

  [data-ui="retrofuturism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--retro-enamel-bg);
    color: var(--retro-text);
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-radius-pill);
    box-shadow: var(--retro-control-shadow);
    font-family: var(--retro-font-control);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 800;
  }

  [data-ui="retrofuturism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])):active {
    box-shadow: var(--retro-pressed-shadow);
  }

  [data-ui="retrofuturism"][data-mode] :where(dialog) {
    background: var(--retro-enamel-bg);
    color: var(--retro-text);
    border: 4px double var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-lg);
    box-shadow: var(--retro-panel-shadow);
  }

  [data-ui="retrofuturism"][data-mode="contrast"] :where(.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,.retro-well,.retro-input,.retro-textarea,.retro-select,.retro-alert), :where([data-ui="retrofuturism"])[data-mode="contrast"] :where(.retro-surface,.usk-card,.retro-panel,.usk-toolbar,.usk-table-wrap,.retro-well,.usk-input,.usk-textarea,.usk-select,.usk-alert), :where([data-ui="retrofuturism"])[data-mode="contrast"] :where(.retro-surface,.ui-card,.retro-panel,.ui-toolbar,.ui-table-wrap,.retro-well,.ui-input,.ui-textarea,.ui-select,.ui-alert) {
    border-color: var(--retro-text);
    box-shadow: inset 0 0 0 2px var(--retro-text);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="retrofuturism"] *, [data-ui="retrofuturism"] :before, [data-ui="retrofuturism"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="retrofuturism"] {
      --retro-border-alpha: 1;
      --retro-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="retrofuturism"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="retrofuturism"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="retrofuturism"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="retrofuturism"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="retrofuturism"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .retro-input[aria-invalid="true"], .retro-textarea[aria-invalid="true"], .retro-select[aria-invalid="true"], :where([data-ui="retrofuturism"]) .usk-input[aria-invalid="true"], :where([data-ui="retrofuturism"]) .usk-textarea[aria-invalid="true"], :where([data-ui="retrofuturism"]) .usk-select[aria-invalid="true"], :where([data-ui="retrofuturism"]) .ui-input[aria-invalid="true"], :where([data-ui="retrofuturism"]) .ui-textarea[aria-invalid="true"], :where([data-ui="retrofuturism"]) .ui-select[aria-invalid="true"] {
    border-color: var(--retro-danger);
    box-shadow: 0 0 0 2px rgb(var(--retro-danger-rgb)/.2);
  }

  .retro-input[readonly], .retro-textarea[readonly], :where([data-ui="retrofuturism"]) .usk-input[readonly], :where([data-ui="retrofuturism"]) .usk-textarea[readonly], :where([data-ui="retrofuturism"]) .ui-input[readonly], :where([data-ui="retrofuturism"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .retro-button-primary, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--retro-action-bg);
    color: var(--retro-on-primary);
    border-color: var(--retro-primary);
  }

  .retro-button-secondary, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--retro-secondary-action-bg);
    color: var(--retro-on-secondary);
    border-color: var(--retro-secondary-hover);
  }

  .retro-button-danger, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--retro-danger-action-bg);
    color: var(--retro-on-danger);
    border-color: var(--retro-danger);
  }

  .retro-button-ghost, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--retro-primary));
    background: none;
    border-color: #0000;
  }

  .retro-feature-item > .retro-icon-medallion {
    background: var(--retro-instrument-bg);
    block-size: 2.5rem;
    inline-size: 2.5rem;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
  }

  .retro-callout-bar > .retro-icon-medallion {
    background: var(--retro-instrument-bg);
    block-size: 3rem;
    min-block-size: 3rem;
    inline-size: 3rem;
    min-inline-size: 3rem;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
  }

  .retro-spinner, .retro-loading-spinner, [data-ui="retrofuturism"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="retrofuturism"]) .usk-spinner, :where([data-ui="retrofuturism"]) .ui-spinner {
    background: radial-gradient(circle at center,rgb(var(--retro-surface-rgb))0 30%,transparent 33%),conic-gradient(from -35deg,var(--retro-primary)0 24%,transparent 25% 48%,var(--retro-secondary) 49% 72%,transparent 73%);
    box-shadow: inset 0 0 0 .18rem var(--retro-recess-bg),0 0 0 .12rem rgb(var(--retro-border-rgb)/.44),0 0 .65rem rgb(var(--retro-accent-rgb)/.34);
  }

  .retro-check-control, :where([data-ui="retrofuturism"]) .usk-check-control, :where([data-ui="retrofuturism"]) .ui-check-control {
    position: relative;
  }

  .retro-check input:checked+.retro-check-control:after, :where([data-ui="retrofuturism"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after {
    place-items: center;
    line-height: 1;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button {
    font-size: 1.25rem;
    line-height: 1;
  }

  .retro-button, :where([data-ui="retrofuturism"]) .usk-button, :where([data-ui="retrofuturism"]) .ui-button {
    border: 3px double var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-sm);
  }

  .retro-button-ghost, :where([data-ui="retrofuturism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) {
    background: var(--retro-enamel-bg);
    color: var(--retro-text);
    border-color: var(--retro-metal-edge);
    box-shadow: var(--retro-control-shadow);
  }

  [data-ui="retrofuturism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border-radius: var(--retro-instrument-radius-sm);
  }

  .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .usk-input, :where([data-ui="retrofuturism"]) .usk-textarea, :where([data-ui="retrofuturism"]) .usk-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select {
    background: var(--retro-field-bg);
    border-radius: var(--retro-instrument-radius-sm);
    min-height: 2.75rem;
    box-shadow: var(--retro-recess-shadow);
  }

  [data-ui="retrofuturism"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select) {
    border-radius: var(--retro-instrument-radius-sm);
  }

  .retro-select, [data-ui="retrofuturism"][data-mode] select:not([multiple]), :where([data-ui="retrofuturism"]) .usk-select, :where([data-ui="retrofuturism"]) .ui-select {
    appearance: none;
    background-color: rgb(var(--retro-surface-rgb));
    background-image: var(--usk-native-select-indicator-image);
    background-repeat: no-repeat;
    background-position: var(--usk-native-select-indicator-position);
    background-size: var(--usk-native-select-indicator-size);
    padding-inline-end: var(--usk-native-select-padding-inline-end);
  }

  .retro-badge, :where([data-ui="retrofuturism"]) .usk-badge, :where([data-ui="retrofuturism"]) .ui-badge {
    --retro-badge-lamp: var(--retro-text-muted);
    background: var(--retro-enamel-bg);
    min-height: 1.75rem;
    color: var(--retro-text);
    border: 1px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-sm);
    box-shadow: var(--retro-control-shadow);
    padding: .32rem .62rem;
  }

  .retro-badge:before, :where([data-ui="retrofuturism"]) .usk-badge:before, :where([data-ui="retrofuturism"]) .ui-badge:before {
    content: "";
    background: var(--retro-badge-lamp);
    border: 1px solid var(--retro-metal-edge);
    block-size: .5rem;
    inline-size: .5rem;
    box-shadow: var(--retro-jewel-shadow);
    border-radius: 50%;
    flex: none;
  }

  .retro-badge-primary, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) {
    --retro-badge-lamp: var(--retro-primary);
    background: linear-gradient(180deg,rgb(var(--retro-primary-rgb)/.18),transparent 62%),var(--retro-enamel-bg);
    color: var(--retro-text);
  }

  .retro-badge-secondary, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) {
    --retro-badge-lamp: var(--retro-secondary);
    background: linear-gradient(180deg,rgb(var(--retro-secondary-rgb)/.18),transparent 62%),var(--retro-enamel-bg);
    color: var(--retro-text);
  }

  .retro-badge-success, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) {
    --retro-badge-lamp: var(--retro-success);
    background: linear-gradient(180deg,rgb(var(--retro-success-rgb)/.18),transparent 62%),var(--retro-enamel-bg);
    color: var(--retro-text);
  }

  .retro-badge-warning, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) {
    --retro-badge-lamp: var(--retro-warning);
    background: linear-gradient(180deg,rgb(var(--retro-warning-rgb)/.18),transparent 62%),var(--retro-enamel-bg);
    color: var(--retro-text);
  }

  .retro-badge-danger, :where([data-ui="retrofuturism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) {
    --retro-badge-lamp: var(--retro-danger);
    background: linear-gradient(180deg,rgb(var(--retro-danger-rgb)/.18),transparent 62%),var(--retro-enamel-bg);
    color: var(--retro-text);
  }

  .retro-table-wrap, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap {
    background: var(--retro-enamel-bg);
    border: 2px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius);
    box-shadow: var(--retro-control-shadow);
  }

  .retro-table, :where([data-ui="retrofuturism"]) .usk-table, :where([data-ui="retrofuturism"]) .ui-table {
    border: 1px solid var(--retro-metal-edge);
    border-radius: var(--retro-instrument-radius-sm);
  }

  .retro-table th, :where([data-ui="retrofuturism"]) .usk-table th, :where([data-ui="retrofuturism"]) .ui-table th {
    background: var(--retro-enamel-bg);
    border-block-end: 1px solid var(--retro-metal-edge);
    box-shadow: none;
    font-family: var(--retro-font-control);
  }

  .retro-table :where(th,td):not(:last-child), :where([data-ui="retrofuturism"]) .usk-table :where(th,td):not(:last-child), :where([data-ui="retrofuturism"]) .ui-table :where(th,td):not(:last-child) {
    border-inline-end: 1px solid rgb(var(--retro-border-rgb)/.46);
  }

  [data-ui="retrofuturism"][data-mode] dialog > form {
    gap: .85rem;
    padding: 1.125rem;
    display: grid;
  }

  [data-ui="retrofuturism"][data-mode] dialog > form > :where(h1, h2, h3, p) {
    margin: 0;
  }

  [data-ui="retrofuturism"][data-mode] dialog > form > :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
    justify-self: start;
  }

  [data-ui="retrofuturism"][data-mode] .retro-button.retro-button-warning, :where([data-ui="retrofuturism"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="retrofuturism"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: linear-gradient(180deg,rgb(var(--retro-surface-rgb)/.22),transparent 48%),var(--retro-warning);
    color: var(--retro-on-warning);
    border-color: var(--retro-warning);
    text-shadow: none;
  }
}

[data-ui="retrofuturism"][data-mode] .retro-title {
  letter-spacing: max(.026em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="retrofuturism"][data-mode] .retro-feature-item > .retro-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="retrofuturism"][data-mode] .retro-callout-bar > .retro-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/brutalism.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --brutal-radius-xs: .25rem;
    --brutal-radius-sm: .5rem;
    --brutal-radius-md: .75rem;
    --brutal-radius-lg: 1rem;
    --brutal-radius-xl: 1.5rem;
    --brutal-radius-pill: 999px;
    --brutal-space-1: .25rem;
    --brutal-space-2: .5rem;
    --brutal-space-3: .75rem;
    --brutal-space-4: 1rem;
    --brutal-space-5: 1.25rem;
    --brutal-space-6: 1.5rem;
    --brutal-space-8: 2rem;
    --brutal-transition-fast: .14s ease;
    --brutal-transition-base: .22s ease;
    --brutal-transition-slow: .36s ease;
    --brutal-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --brutal-font-display: Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);
    --brutal-font-body: var(--brutal-font-sans);
    --brutal-font-heading: var(--brutal-font-display);
    --brutal-font-control: var(--brutal-font-display);
    --brutal-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  }

  [data-ui="brutalism"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --brutal-fallback-bg-rgb: 245 247 250;
    --brutal-fallback-surface-rgb: 255 255 255;
    --brutal-fallback-surface-strong-rgb: 252 252 253;
    --brutal-fallback-surface-soft-rgb: 232 235 240;
    --brutal-fallback-text-rgb: 17 36 59;
    --brutal-fallback-text-muted-rgb: 90 104 119;
    --brutal-fallback-border-rgb: 200 207 217;
    --brutal-fallback-primary-rgb: 13 59 102;
    --brutal-fallback-primary-hover-rgb: 11 49 85;
    --brutal-fallback-primary-text-rgb: 255 255 255;
    --brutal-fallback-secondary-rgb: 214 43 43;
    --brutal-fallback-secondary-hover-rgb: 178 35 35;
    --brutal-fallback-secondary-text-rgb: 255 255 255;
    --brutal-fallback-accent-rgb: 233 90 90;
    --brutal-fallback-accent-text-rgb: 0 0 0;
    --brutal-fallback-success-rgb: 47 125 84;
    --brutal-fallback-success-text-rgb: 255 255 255;
    --brutal-fallback-warning-rgb: 164 106 0;
    --brutal-fallback-warning-text-rgb: 0 0 0;
    --brutal-fallback-danger-rgb: 198 40 40;
    --brutal-fallback-danger-text-rgb: 255 255 255;
    --brutal-fallback-link-rgb: 11 49 85;
    --brutal-fallback-focus-rgb: 214 43 43;
    --brutal-panel-alpha: .92;
    --brutal-panel-strong-alpha: .98;
    --brutal-panel-soft-alpha: .74;
    --brutal-border-alpha: .7;
    --brutal-glow-alpha: .24;
    --brutal-shadow-alpha: .18;
    --brutal-grid-alpha: .075;
  }

  [data-ui="brutalism"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --brutal-fallback-bg-rgb: 8 17 28;
    --brutal-fallback-surface-rgb: 16 32 48;
    --brutal-fallback-surface-strong-rgb: 24 49 73;
    --brutal-fallback-surface-soft-rgb: 11 23 36;
    --brutal-fallback-text-rgb: 243 247 251;
    --brutal-fallback-text-muted-rgb: 188 200 213;
    --brutal-fallback-border-rgb: 71 96 121;
    --brutal-fallback-primary-rgb: 108 169 227;
    --brutal-fallback-primary-hover-rgb: 147 193 237;
    --brutal-fallback-primary-text-rgb: 0 0 0;
    --brutal-fallback-secondary-rgb: 255 106 106;
    --brutal-fallback-secondary-hover-rgb: 255 146 146;
    --brutal-fallback-secondary-text-rgb: 0 0 0;
    --brutal-fallback-accent-rgb: 255 154 154;
    --brutal-fallback-accent-text-rgb: 0 0 0;
    --brutal-fallback-success-rgb: 143 223 182;
    --brutal-fallback-success-text-rgb: 0 0 0;
    --brutal-fallback-warning-rgb: 255 210 122;
    --brutal-fallback-warning-text-rgb: 0 0 0;
    --brutal-fallback-danger-rgb: 255 143 143;
    --brutal-fallback-danger-text-rgb: 0 0 0;
    --brutal-fallback-link-rgb: 165 203 241;
    --brutal-fallback-focus-rgb: 255 106 106;
    --brutal-panel-alpha: .82;
    --brutal-panel-strong-alpha: .94;
    --brutal-panel-soft-alpha: .58;
    --brutal-border-alpha: .64;
    --brutal-glow-alpha: .42;
    --brutal-shadow-alpha: .42;
    --brutal-grid-alpha: .12;
  }

  [data-ui="brutalism"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --brutal-fallback-bg-rgb: 0 0 0;
    --brutal-fallback-surface-rgb: 6 16 26;
    --brutal-fallback-surface-strong-rgb: 10 29 48;
    --brutal-fallback-surface-soft-rgb: 0 0 0;
    --brutal-fallback-text-rgb: 255 255 255;
    --brutal-fallback-text-muted-rgb: 238 244 255;
    --brutal-fallback-border-rgb: 255 255 255;
    --brutal-fallback-primary-rgb: 102 181 255;
    --brutal-fallback-primary-hover-rgb: 255 255 255;
    --brutal-fallback-primary-text-rgb: 0 0 0;
    --brutal-fallback-secondary-rgb: 255 102 102;
    --brutal-fallback-secondary-hover-rgb: 255 255 255;
    --brutal-fallback-secondary-text-rgb: 0 0 0;
    --brutal-fallback-accent-rgb: 255 170 170;
    --brutal-fallback-accent-text-rgb: 0 0 0;
    --brutal-fallback-success-rgb: 0 255 144;
    --brutal-fallback-success-text-rgb: 0 0 0;
    --brutal-fallback-warning-rgb: 255 212 0;
    --brutal-fallback-warning-text-rgb: 0 0 0;
    --brutal-fallback-danger-rgb: 255 92 92;
    --brutal-fallback-danger-text-rgb: 0 0 0;
    --brutal-fallback-link-rgb: 140 198 255;
    --brutal-fallback-focus-rgb: 255 255 255;
    --brutal-panel-alpha: 1;
    --brutal-panel-strong-alpha: 1;
    --brutal-panel-soft-alpha: .92;
    --brutal-border-alpha: 1;
    --brutal-glow-alpha: .68;
    --brutal-shadow-alpha: .56;
    --brutal-grid-alpha: .18;
  }

  [data-ui="brutalism"][data-theme][data-mode] {
    --brutal-bg-rgb: var(--usk-bg-rgb);
    --brutal-surface-rgb: var(--usk-surface-rgb);
    --brutal-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --brutal-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --brutal-text-rgb: var(--usk-text-rgb);
    --brutal-text-muted-rgb: var(--usk-text-muted-rgb);
    --brutal-border-rgb: var(--usk-border-rgb);
    --brutal-primary-rgb: var(--usk-primary-rgb);
    --brutal-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --brutal-primary-text-rgb: var(--usk-primary-text-rgb);
    --brutal-secondary-rgb: var(--usk-secondary-rgb);
    --brutal-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --brutal-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --brutal-accent-rgb: var(--usk-accent-rgb);
    --brutal-accent-text-rgb: var(--usk-accent-text-rgb);
    --brutal-success-rgb: var(--usk-success-rgb);
    --brutal-success-text-rgb: var(--usk-success-text-rgb);
    --brutal-warning-rgb: var(--usk-warning-rgb);
    --brutal-warning-text-rgb: var(--usk-warning-text-rgb);
    --brutal-danger-rgb: var(--usk-danger-rgb);
    --brutal-danger-text-rgb: var(--usk-danger-text-rgb);
    --brutal-link-rgb: var(--usk-link-rgb);
    --brutal-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="brutalism"][data-mode] {
    --usk-native-bg: var(--brutal-bg);
    --brutal-bg-rgb: var(--usk-bg-rgb, var(--brutal-fallback-bg-rgb));
    --brutal-surface-rgb: var(--usk-surface-rgb, var(--brutal-fallback-surface-rgb));
    --brutal-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--brutal-fallback-surface-strong-rgb));
    --brutal-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--brutal-fallback-surface-soft-rgb));
    --brutal-text-rgb: var(--usk-text-rgb, var(--brutal-fallback-text-rgb));
    --brutal-text-muted-rgb: var(--usk-text-muted-rgb, var(--brutal-fallback-text-muted-rgb));
    --brutal-border-rgb: var(--usk-border-rgb, var(--brutal-fallback-border-rgb));
    --brutal-primary-rgb: var(--usk-primary-rgb, var(--brutal-fallback-primary-rgb));
    --brutal-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--brutal-fallback-primary-hover-rgb));
    --brutal-primary-text-rgb: var(--usk-primary-text-rgb, var(--brutal-fallback-primary-text-rgb));
    --brutal-secondary-rgb: var(--usk-secondary-rgb, var(--brutal-fallback-secondary-rgb));
    --brutal-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--brutal-fallback-secondary-hover-rgb));
    --brutal-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--brutal-fallback-secondary-text-rgb));
    --brutal-accent-rgb: var(--usk-accent-rgb, var(--brutal-fallback-accent-rgb));
    --brutal-accent-text-rgb: var(--usk-accent-text-rgb, var(--brutal-fallback-accent-text-rgb));
    --brutal-success-rgb: var(--usk-success-rgb, var(--brutal-fallback-success-rgb));
    --brutal-success-text-rgb: var(--usk-success-text-rgb, var(--brutal-fallback-success-text-rgb));
    --brutal-warning-rgb: var(--usk-warning-rgb, var(--brutal-fallback-warning-rgb));
    --brutal-warning-text-rgb: var(--usk-warning-text-rgb, var(--brutal-fallback-warning-text-rgb));
    --brutal-danger-rgb: var(--usk-danger-rgb, var(--brutal-fallback-danger-rgb));
    --brutal-danger-text-rgb: var(--usk-danger-text-rgb, var(--brutal-fallback-danger-text-rgb));
    --brutal-link-rgb: var(--usk-link-rgb, var(--brutal-fallback-link-rgb));
    --brutal-focus-rgb: var(--usk-focus-rgb, var(--brutal-fallback-focus-rgb));
    --usk-native-surface: var(--brutal-surface);
    --usk-native-surface-strong: var(--brutal-surface-strong);
    --usk-native-surface-soft: var(--brutal-surface-soft);
    --usk-native-card-bg: var(--brutal-card-bg);
    --usk-native-control-bg: var(--brutal-control-bg);
    --usk-native-text: var(--brutal-text);
    --usk-native-text-muted: var(--brutal-text-muted);
    --usk-native-border: var(--brutal-border);
    --usk-native-primary: var(--brutal-primary);
    --usk-native-primary-hover: var(--brutal-primary-hover);
    --usk-native-on-primary: var(--brutal-on-primary);
    --usk-native-secondary: var(--brutal-secondary);
    --usk-native-on-secondary: var(--brutal-on-secondary);
    --usk-native-accent: var(--brutal-accent);
    --usk-native-on-accent: var(--brutal-on-accent);
    --usk-native-on-success: var(--brutal-on-success);
    --usk-native-on-warning: var(--brutal-on-warning);
    --usk-native-on-danger: var(--brutal-on-danger);
    --usk-native-focus: var(--brutal-focus);
    --usk-native-success: var(--brutal-success);
    --usk-native-warning: var(--brutal-warning);
    --usk-native-danger: var(--brutal-danger);
    --usk-native-link: var(--brutal-link);
    --usk-native-font-body: var(--brutal-font-body);
    --usk-native-font-heading: var(--brutal-font-heading);
    --usk-native-font-control: var(--brutal-font-control);
    --usk-native-font-mono: var(--brutal-font-mono);
    --usk-native-radius-sm: var(--brutal-radius-xs);
    --usk-native-radius: var(--brutal-radius-sm);
    --usk-native-radius-lg: var(--brutal-radius-lg);
    --usk-native-shadow: 6px 6px 0 var(--brutal-primary);
    --usk-native-shadow-md: var(--brutal-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--brutal-focus-ring, 0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));
    --usk-native-border-width: 3px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--brutal-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.55rem;
    --usk-native-choice-background: var(--brutal-control-bg);
    --usk-native-choice-border: 2px solid var(--brutal-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 0;
    --usk-native-choice-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-choice-checked-background: var(--brutal-primary);
    --usk-native-choice-mark-color: var(--brutal-on-primary);
    --usk-native-select-indicator-image: linear-gradient(48deg, transparent 50%, var(--brutal-primary) 50%), linear-gradient(132deg, var(--brutal-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-select-indicator-position: calc(100% - 1.24rem) 50%, calc(100% - .9rem) 50%;
    --usk-native-select-padding-inline-end: 2.7rem;
    --usk-native-range-track-size: .8rem;
    --usk-native-range-track-background: var(--brutal-surface-soft);
    --usk-native-range-track-border: 2px solid var(--brutal-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-range-progress-background: var(--brutal-primary);
    --usk-native-range-thumb-size: 1.45rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--brutal-border);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-progress-size: .95rem;
    --usk-native-progress-track-background: var(--brutal-surface-soft);
    --usk-native-progress-track-border: 2px solid var(--brutal-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-progress-value-background: var(--brutal-primary);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-meter-optimum-background: var(--brutal-success);
    --usk-native-meter-suboptimum-background: var(--brutal-warning);
    --usk-native-meter-critical-background: var(--brutal-danger);
    --usk-native-file-button-background: var(--brutal-primary);
    --usk-native-file-button-border: 2px solid var(--brutal-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: 4px 4px 0 var(--brutal-border);
    --usk-native-color-swatch-border: 2px solid var(--brutal-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: .82;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-track: var(--brutal-surface-soft);
    --usk-native-scrollbar-thumb: var(--brutal-primary);
    --usk-native-scrollbar-radius: 0;
    --brutal-bg: rgb(var(--brutal-bg-rgb));
    --brutal-surface: rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));
    --brutal-surface-strong: rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));
    --brutal-surface-soft: rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));
    --brutal-text: rgb(var(--brutal-text-rgb));
    --brutal-text-muted: rgb(var(--brutal-text-muted-rgb));
    --brutal-fg: var(--brutal-text);
    --brutal-surface-fg: var(--brutal-text);
    --brutal-muted: var(--brutal-text-muted);
    --brutal-border: rgb(var(--brutal-border-rgb) / max(var(--brutal-border-alpha), var(--usk-border-min-alpha)));
    --brutal-control-fg: var(--brutal-text);
    --brutal-primary: rgb(var(--brutal-primary-rgb));
    --brutal-primary-hover: rgb(var(--brutal-primary-hover-rgb));
    --brutal-primary-text: rgb(var(--brutal-primary-text-rgb));
    --brutal-secondary: rgb(var(--brutal-secondary-rgb));
    --brutal-secondary-hover: rgb(var(--brutal-secondary-hover-rgb));
    --brutal-secondary-text: rgb(var(--brutal-secondary-text-rgb));
    --brutal-on-primary: var(--brutal-primary-text);
    --brutal-on-secondary: var(--brutal-secondary-text);
    --brutal-on-accent: rgb(var(--brutal-accent-text-rgb));
    --brutal-on-success: rgb(var(--brutal-success-text-rgb));
    --brutal-on-warning: rgb(var(--brutal-warning-text-rgb));
    --brutal-on-danger: rgb(var(--brutal-danger-text-rgb));
    --brutal-accent: rgb(var(--brutal-accent-rgb));
    --brutal-success: rgb(var(--brutal-success-rgb));
    --brutal-warning: rgb(var(--brutal-warning-rgb));
    --brutal-danger: rgb(var(--brutal-danger-rgb));
    --brutal-link: rgb(var(--brutal-link-rgb));
    --brutal-focus: rgb(var(--brutal-focus-rgb));
    --brutal-glow-primary: rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));
    --brutal-glow-secondary: rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));
    --brutal-glow-accent: rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));
    --brutal-shadow-sm: 0 2px 8px rgb(0 0 0 / var(--brutal-shadow-alpha));
    --brutal-shadow-md: 0 10px 28px rgb(0 0 0 / calc(var(--brutal-shadow-alpha) + .05));
    --brutal-shadow-lg: 0 22px 60px rgb(0 0 0 / calc(var(--brutal-shadow-alpha) + .12));
    --brutal-theme-bg-size: auto, auto, 32px 32px, 32px 32px, auto;
    --brutal-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);
    --brutal-card-bg: linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);
    --brutal-control-bg: linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));
    --brutal-spinner-track: rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));
    --brutal-spinner-stroke: var(--brutal-primary);
    --brutal-spinner-accent: var(--brutal-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="brutalism"][data-mode] {
      --brutal-border: color-mix(in srgb, rgb(var(--brutal-border-rgb) / max(var(--brutal-border-alpha), var(--usk-border-min-alpha))), var(--brutal-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="brutalism"] {
    background: linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);
    color: var(--brutal-text);
    font-family: var(--brutal-font-body);
    background-size: 32px 32px;
  }

  [data-ui="brutalism"] *, [data-ui="brutalism"] :before, [data-ui="brutalism"] :after {
    box-sizing: border-box;
  }

  [data-ui="brutalism"][data-mode] {
    background: var(--brutal-theme-bg);
    background-size: var(--brutal-theme-bg-size);
  }

  [data-ui="brutalism"] a:where(:not(:is(.brutal-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.brutal-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"]))) {
    color: var(--brutal-link);
    text-underline-offset: .16em;
    font-weight: 800;
    text-decoration-thickness: .14em;
  }

  [data-ui="brutalism"] ::selection {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
  }

  .brutal-spinner, .brutal-loading-spinner, [data-ui="brutalism"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="brutalism"]) .usk-spinner, :where([data-ui="brutalism"]) .ui-spinner {
    border: .28rem solid var(--brutal-border);
    border-block-start-color: var(--brutal-spinner-stroke);
    border-inline-end-color: var(--brutal-spinner-accent);
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: .25rem .25rem 0 var(--brutal-secondary);
    vertical-align: -.2em;
    border-radius: 0;
    animation: .65s steps(4, end) infinite brutal-spin;
    display: inline-block;
  }

  .brutal-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .brutal-spinner-lg {
    border-width: .36rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="brutalism"]) .usk-button[aria-busy="true"], :where([data-ui="brutalism"]) .usk-icon-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .usk-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--brutal-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite brutal-spin;
    display: inline-block;
  }

  @keyframes brutal-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .usk-button, :where([data-ui="brutalism"]) .usk-badge, :where([data-ui="brutalism"]) .usk-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link {
    font-family: var(--brutal-font-heading);
    text-transform: uppercase;
  }

  .brutal-title {
    letter-spacing: -.04em;
    color: var(--brutal-text);
    text-shadow: 4px 4px 0 var(--brutal-accent);
    margin: 0;
    font-size: clamp(2rem, 6vw, 4.25rem);
    line-height: .95;
  }

  .brutal-heading {
    letter-spacing: -.02em;
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 2rem);
    line-height: 1.05;
  }

  .brutal-kicker {
    color: var(--usk-primary-ink, var(--brutal-primary));
    letter-spacing: .12em;
    margin: 0;
    font-size: .85rem;
    font-weight: 900;
  }

  .brutal-subtitle, .brutal-copy {
    color: var(--brutal-text-muted);
    margin: 0;
    line-height: 1.6;
  }

  .brutal-text-muted {
    color: var(--brutal-text-muted);
  }

  .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .usk-card, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .ui-card, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap {
    background: var(--brutal-surface-strong);
    color: var(--brutal-text);
    border: 3px solid var(--brutal-border);
    border-radius: var(--brutal-radius-sm);
    box-shadow: 10px 10px 0 var(--brutal-primary);
    transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast);
  }

  .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .usk-card, :where([data-ui="brutalism"]) .ui-card {
    padding: var(--brutal-space-6);
  }

  .brutal-toolbar, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--brutal-space-4);
    padding: var(--brutal-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .brutal-inset, .brutal-well {
    background: var(--brutal-surface-soft);
    color: var(--brutal-text);
    border: 3px solid var(--brutal-border);
    border-radius: var(--brutal-radius-sm);
    box-shadow: inset 6px 6px #00000029;
  }

  .brutal-well {
    padding: var(--brutal-space-5);
  }

  .brutal-hover-lift:hover {
    box-shadow: 14px 14px 0 var(--brutal-primary-hover);
    transform: translate(-3px, -3px);
  }

  .brutal-pressed {
    box-shadow: 4px 4px 0 var(--brutal-primary);
    transform: translate(4px, 4px);
  }

  .brutal-button, .brutal-icon-button, :where([data-ui="brutalism"]) .usk-button, :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--brutal-space-2);
    background: var(--brutal-surface-strong);
    min-height: 2.85rem;
    color: var(--brutal-text);
    border: 3px solid var(--brutal-border);
    border-radius: var(--brutal-radius-xs);
    box-shadow: 6px 6px 0 var(--brutal-secondary);
    font: inherit;
    font-family: var(--brutal-font-display);
    letter-spacing: .04em;
    cursor: pointer;
    transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .brutal-button:hover, .brutal-icon-button:hover, :where([data-ui="brutalism"]) .usk-button:hover, :where([data-ui="brutalism"]) .usk-icon-button:hover, :where([data-ui="brutalism"]) .ui-button:hover, :where([data-ui="brutalism"]) .ui-icon-button:hover {
    box-shadow: 8px 8px 0 var(--brutal-primary);
    transform: translate(-2px, -2px);
  }

  .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"], :where([data-ui="brutalism"]) .usk-button:active, :where([data-ui="brutalism"]) .usk-icon-button:active, :where([data-ui="brutalism"]) .usk-button.is-active, :where([data-ui="brutalism"]) .usk-button[aria-pressed="true"], :where([data-ui="brutalism"]) .ui-button:active, :where([data-ui="brutalism"]) .ui-icon-button:active, :where([data-ui="brutalism"]) .ui-button.is-active, :where([data-ui="brutalism"]) .ui-button[aria-pressed="true"] {
    box-shadow: 2px 2px 0 var(--brutal-secondary);
    transform: translate(4px, 4px);
  }

  .brutal-button-primary, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
  }

  .brutal-button-primary:hover, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--brutal-primary-hover);
  }

  .brutal-button-secondary, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--brutal-secondary);
    color: var(--brutal-on-secondary);
    box-shadow: 6px 6px 0 var(--brutal-primary);
  }

  .brutal-button-secondary:hover, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--brutal-secondary-hover);
  }

  .brutal-button-danger, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--brutal-danger);
    color: var(--brutal-on-danger);
  }

  .brutal-icon-button, :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-icon-button {
    width: 2.85rem;
    padding: 0;
  }

  .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled, :where([data-ui="brutalism"]) .usk-button:disabled, :where([data-ui="brutalism"]) .usk-icon-button:disabled, :where([data-ui="brutalism"]) .ui-button:disabled, :where([data-ui="brutalism"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .usk-card, :where([data-ui="brutalism"]) .ui-card {
    background: var(--brutal-card-bg);
  }

  .brutal-toolbar, .brutal-table-wrap, .brutal-button:where(:not([data-ui-variant])):not(:is(.brutal-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.brutal-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.brutal-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.brutal-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.brutal-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.brutal-button-outline-heavy), .brutal-icon-button, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.brutal-button-outline-heavy), :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.brutal-button-outline-heavy), :where([data-ui="brutalism"]) .ui-icon-button {
    background: var(--brutal-control-bg);
  }

  .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .usk-button, :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .usk-badge, :where([data-ui="brutalism"]) .usk-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link {
    font-family: var(--brutal-font-control);
  }

  .brutal-field, :where([data-ui="brutalism"]) .usk-field, :where([data-ui="brutalism"]) .ui-field {
    gap: var(--brutal-space-2);
    flex-direction: column;
    display: flex;
  }

  .brutal-label, :where([data-ui="brutalism"]) .usk-label, :where([data-ui="brutalism"]) .ui-label {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 900;
  }

  .brutal-input, .brutal-textarea, .brutal-select, :where([data-ui="brutalism"]) .usk-input, :where([data-ui="brutalism"]) .usk-textarea, :where([data-ui="brutalism"]) .usk-select, :where([data-ui="brutalism"]) .ui-input, :where([data-ui="brutalism"]) .ui-textarea, :where([data-ui="brutalism"]) .ui-select {
    background: var(--brutal-surface-strong);
    width: 100%;
    min-height: 2.9rem;
    color: var(--brutal-text);
    border: 3px solid var(--brutal-border);
    border-radius: var(--brutal-radius-xs);
    font: inherit;
    outline: none;
    padding: .75rem 1rem;
    box-shadow: inset 4px 4px #0000001f;
  }

  .brutal-textarea, :where([data-ui="brutalism"]) .usk-textarea, :where([data-ui="brutalism"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus, :where([data-ui="brutalism"]) .usk-input:focus, :where([data-ui="brutalism"]) .usk-textarea:focus, :where([data-ui="brutalism"]) .usk-select:focus, :where([data-ui="brutalism"]) .ui-input:focus, :where([data-ui="brutalism"]) .ui-textarea:focus, :where([data-ui="brutalism"]) .ui-select:focus {
    border-color: var(--brutal-focus);
    box-shadow: 0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f;
  }

  .brutal-help-text, :where([data-ui="brutalism"]) .usk-help-text, :where([data-ui="brutalism"]) .ui-help-text {
    color: var(--brutal-text-muted);
    font-size: .9rem;
  }

  .brutal-badge, :where([data-ui="brutalism"]) .usk-badge, :where([data-ui="brutalism"]) .ui-badge {
    background: var(--brutal-surface-strong);
    min-height: 1.8rem;
    color: var(--brutal-text);
    border: 3px solid var(--brutal-border);
    box-shadow: 4px 4px 0 var(--brutal-accent);
    align-items: center;
    padding: .35rem .75rem;
    font-size: .8rem;
    font-weight: 900;
    display: inline-flex;
  }

  .brutal-badge-primary, :where([data-ui="brutalism"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
  }

  .brutal-badge-secondary, :where([data-ui="brutalism"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--brutal-secondary);
    color: var(--brutal-on-secondary);
  }

  .brutal-badge-success, :where([data-ui="brutalism"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--brutal-success);
    color: var(--brutal-on-success);
  }

  .brutal-badge-warning, :where([data-ui="brutalism"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--brutal-warning);
    color: var(--brutal-on-warning);
  }

  .brutal-badge-danger, :where([data-ui="brutalism"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--brutal-danger);
    color: var(--brutal-on-danger);
  }

  .brutal-nav, :where([data-ui="brutalism"]) .usk-nav, :where([data-ui="brutalism"]) .ui-nav {
    gap: var(--brutal-space-2);
    padding: var(--brutal-space-2);
    background: var(--brutal-surface-strong);
    border: 3px solid var(--brutal-border);
    box-shadow: 8px 8px 0 var(--brutal-primary);
    flex-wrap: wrap;
    display: flex;
  }

  .brutal-nav-link, :where([data-ui="brutalism"]) .usk-nav-link, :where([data-ui="brutalism"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--brutal-text);
    border: 3px solid #0000;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .brutal-nav-link:hover, :where([data-ui="brutalism"]) .usk-nav-link:hover, :where([data-ui="brutalism"]) .ui-nav-link:hover {
    border-color: var(--brutal-border);
    background: var(--brutal-surface-soft);
  }

  .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .usk-nav-link.is-active, :where([data-ui="brutalism"]) .usk-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .ui-nav-link.is-active, :where([data-ui="brutalism"]) .ui-nav-link[aria-current="page"] {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
    border-color: var(--brutal-border);
  }

  .brutal-tooltip, [data-ui="brutalism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="brutalism"]) .usk-tooltip, :where([data-ui="brutalism"]) .ui-tooltip {
    background: var(--brutal-warning);
    max-inline-size: 16rem;
    color: var(--brutal-on-warning);
    border: 3px solid var(--brutal-border);
    box-shadow: .28rem .28rem 0 var(--brutal-primary);
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 0;
    align-items: center;
    gap: .45rem;
    padding: .58rem .78rem;
    font-size: .82rem;
    font-weight: 950;
    line-height: 1.2;
    display: inline-flex;
  }

  .brutal-tooltip-arrow {
    background: var(--brutal-danger);
    border: 3px solid var(--brutal-border);
    flex: none;
    block-size: .6rem;
    inline-size: .6rem;
    transform: rotate(45deg);
  }

  .brutal-progress, :where([data-ui="brutalism"]) .usk-progress, :where([data-ui="brutalism"]) .ui-progress {
    background: var(--brutal-surface-soft);
    border: 3px solid var(--brutal-border);
    width: 100%;
    height: 1rem;
  }

  .brutal-progress-bar, :where([data-ui="brutalism"]) .usk-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar {
    height: 100%;
    width: var(--brutal-progress-value, 50%);
    background: var(--brutal-primary);
  }

  .brutal-alert, :where([data-ui="brutalism"]) .usk-alert, :where([data-ui="brutalism"]) .ui-alert {
    padding: var(--brutal-space-4);
    background: var(--brutal-surface-strong);
    border: 3px solid var(--brutal-border);
    box-shadow: 8px 8px 0 var(--brutal-accent);
  }

  .brutal-alert-success, :where([data-ui="brutalism"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="success"]) {
    box-shadow: 8px 8px 0 var(--brutal-success);
  }

  .brutal-alert-warning, :where([data-ui="brutalism"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="warning"]) {
    box-shadow: 8px 8px 0 var(--brutal-warning);
  }

  .brutal-alert-danger, :where([data-ui="brutalism"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="danger"]) {
    box-shadow: 8px 8px 0 var(--brutal-danger);
  }

  .brutal-alert-title, :where([data-ui="brutalism"]) .usk-alert-title, :where([data-ui="brutalism"]) .ui-alert-title {
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
  }

  .brutal-alert-body, :where([data-ui="brutalism"]) .usk-alert-body, :where([data-ui="brutalism"]) .ui-alert-body {
    color: var(--brutal-text-muted);
    margin: .5rem 0 0;
  }

  .brutal-table-wrap, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap {
    box-shadow: 8px 8px 0 var(--brutal-primary);
    overflow: auto;
  }

  .brutal-table, :where([data-ui="brutalism"]) .usk-table, :where([data-ui="brutalism"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .brutal-table th, .brutal-table td, :where([data-ui="brutalism"]) .usk-table th, :where([data-ui="brutalism"]) .usk-table td, :where([data-ui="brutalism"]) .ui-table th, :where([data-ui="brutalism"]) .ui-table td {
    border: 2px solid var(--brutal-border);
    text-align: left;
    padding: .9rem 1rem;
  }

  .brutal-table th, :where([data-ui="brutalism"]) .usk-table th, :where([data-ui="brutalism"]) .ui-table th {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
    text-transform: uppercase;
  }

  .brutal-text-primary {
    color: var(--usk-primary-ink, var(--brutal-primary));
  }

  .brutal-text-secondary {
    color: var(--brutal-secondary);
  }

  .brutal-text-accent {
    color: var(--usk-accent-ink, var(--brutal-accent));
  }

  .brutal-text-success {
    color: var(--brutal-success);
  }

  .brutal-text-warning {
    color: var(--brutal-warning);
  }

  .brutal-text-danger {
    color: var(--brutal-danger);
  }

  .brutal-bg-primary {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
  }

  .brutal-bg-secondary {
    background: var(--brutal-secondary);
    color: var(--brutal-on-secondary);
  }

  [data-ui="brutalism"] :focus-visible {
    outline: 4px solid var(--brutal-focus);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="brutalism"] *, [data-ui="brutalism"] :before, [data-ui="brutalism"] :after {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
    }
  }

  .brutal-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--brutal-border-rgb)/.72);
    border-radius: var(--brutal-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .brutal-card-service {
    gap: var(--brutal-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .brutal-card-service > .brutal-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .brutal-card-service > .brutal-card-media + .brutal-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .brutal-card-feature {
    gap: var(--brutal-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .brutal-icon-medallion {
    background: var(--brutal-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--brutal-on-primary);
    border: 2px solid rgb(var(--brutal-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .brutal-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .brutal-button.brutal-button-cut, .brutal-button-cut, :where([data-ui="brutalism"]) .usk-button.brutal-button-cut, :where([data-ui="brutalism"]) .ui-button.brutal-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .brutal-button.brutal-button-cut:focus-visible, .brutal-button-cut:focus-visible, :where([data-ui="brutalism"]) .usk-button.brutal-button-cut:focus-visible, :where([data-ui="brutalism"]) .ui-button.brutal-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .brutal-button.brutal-button-outline-heavy, .brutal-button-outline-heavy, :where([data-ui="brutalism"]) .usk-button.brutal-button-outline-heavy, :where([data-ui="brutalism"]) .ui-button.brutal-button-outline-heavy {
    color: var(--usk-primary-ink, var(--brutal-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--brutal-primary);
    box-shadow: none;
    background: none;
  }

  .brutal-button.brutal-button-outline-heavy:hover, .brutal-button-outline-heavy:hover, :where([data-ui="brutalism"]) .usk-button.brutal-button-outline-heavy:hover, :where([data-ui="brutalism"]) .ui-button.brutal-button-outline-heavy:hover {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
    border-color: var(--brutal-primary-hover);
  }

  .brutal-badge-seal {
    aspect-ratio: 1;
    background: var(--brutal-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--brutal-text);
    border: 2px solid var(--brutal-primary);
    text-align: center;
    font-family: var(--brutal-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .brutal-feature-strip {
    background: var(--brutal-card-bg);
    color: var(--brutal-text);
    border: 1px solid var(--brutal-border);
    border-radius: var(--brutal-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .brutal-feature-item {
    align-items: center;
    gap: var(--brutal-space-3);
    min-inline-size: 0;
    padding: var(--brutal-space-4);
    border-inline-end: 1px solid rgb(var(--brutal-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .brutal-feature-item:last-child {
    border-inline-end: 0;
  }

  .brutal-feature-item > :where(p, small) {
    color: var(--brutal-text-muted);
    margin: 0;
  }

  .brutal-callout-bar {
    align-items: center;
    gap: var(--brutal-space-4);
    padding: var(--brutal-space-4) var(--brutal-space-5);
    background: var(--brutal-card-bg);
    color: var(--brutal-text);
    border: 1px solid var(--brutal-border);
    border-radius: var(--brutal-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .brutal-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .brutal-callout-bar>:where(.brutal-button,a,button):last-child, :where([data-ui="brutalism"]) .brutal-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="brutalism"]) .brutal-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .brutal-eyebrow {
    color: var(--usk-primary-ink, var(--brutal-primary));
    font-family: var(--brutal-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .brutal-media-scrim {
    isolation: isolate;
    background: var(--brutal-surface-soft);
    border: 1px solid var(--brutal-border);
    border-radius: var(--brutal-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .brutal-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .brutal-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .brutal-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .brutal-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .brutal-callout-bar>:where(.brutal-button,a,button):last-child, :where([data-ui="brutalism"]) .brutal-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="brutalism"]) .brutal-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .brutal-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--brutal-border-rgb)/.62);
    }

    .brutal-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .brutal-card-service, .brutal-card-feature, .brutal-feature-strip, .brutal-callout-bar, .brutal-media-scrim {
    border: 3px solid var(--brutal-text);
    box-shadow: .45rem .45rem 0 var(--brutal-primary);
    border-radius: 0;
  }

  .brutal-icon-medallion, .brutal-badge-seal {
    border: 3px solid var(--brutal-text);
    box-shadow: .3rem .3rem 0 var(--brutal-secondary);
    border-radius: 0;
  }

  .brutal-card-accent-edge {
    border-inline-start: .6rem solid var(--brutal-primary);
  }

  .brutal-button-outline-heavy {
    box-shadow: .22rem .22rem 0 var(--brutal-text);
    border-width: 3px;
  }

  .brutal-button-cut {
    clip-path: polygon(.5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%, 0 .5rem);
  }

  .brutal-button.brutal-button-cut, .brutal-button-cut, :where([data-ui="brutalism"]) .usk-button.brutal-button-cut, :where([data-ui="brutalism"]) .ui-button.brutal-button-cut {
    clip-path: polygon(.52rem 0, 100% 0, 100% calc(100% - .52rem), calc(100% - .52rem) 100%, 0 100%, 0 .52rem);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    inline-size: min(100%, 14rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .brutal-button.brutal-button-outline-heavy, .brutal-button-outline-heavy, :where([data-ui="brutalism"]) .usk-button.brutal-button-outline-heavy, :where([data-ui="brutalism"]) .ui-button.brutal-button-outline-heavy {
    clip-path: polygon(0 0, calc(100% - .52rem) 0, 100% .52rem, 100% 100%, .52rem 100%, 0 calc(100% - .52rem));
    box-shadow: .28rem .28rem 0 var(--brutal-text);
    border-width: 3px;
    border-radius: 0;
  }

  .brutal-card-service, .brutal-media-scrim, .brutal-feature-strip, .brutal-callout-bar, .brutal-well {
    border: 3px solid var(--brutal-text);
    box-shadow: .38rem .38rem 0 var(--brutal-text);
    border-radius: 0;
  }

  [data-ui="brutalism"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 3px solid var(--brutal-text);
    box-shadow: .26rem .26rem 0 var(--brutal-text);
    border-radius: 0;
  }

  [data-ui="brutalism"][data-mode] :where(dialog) {
    border: 3px solid var(--brutal-text);
    box-shadow: .48rem .48rem 0 var(--brutal-text);
    border-radius: 0;
  }

  .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .usk-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after {
    border: .18em solid;
    clip-path: inset(0);
    background: none;
    border-block-start-color: #0000;
    border-radius: 0;
    animation: .64s steps(4, end) infinite brutal-spin;
    box-shadow: .12em .12em;
  }

  [data-ui="brutalism"][data-mode] {
    --usk-native-font-control: var(--brutal-font-mono);
    --usk-native-control-min-block-size: 2.7rem;
    --usk-native-control-padding-block: .5rem;
    --usk-native-control-padding-inline: .72rem;
    --usk-native-border-width: 4px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: .32rem .32rem 0 var(--brutal-text);
    --usk-native-shadow-md: .48rem .48rem 0 var(--brutal-primary);
    --usk-native-focus-ring: 0 0 0 2px var(--brutal-surface-strong), 0 0 0 6px var(--brutal-warning);
    --usk-native-subcontrol-padding-block: .34rem;
    --usk-native-subcontrol-padding-inline: .52rem;
    --usk-native-choice-size: 1.18rem;
    --usk-native-choice-background: var(--brutal-surface-strong);
    --usk-native-choice-border: 3px solid var(--brutal-text);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 0;
    --usk-native-choice-shadow: .12rem .12rem 0 var(--brutal-primary);
    --usk-native-choice-checked-background: var(--brutal-primary);
    --usk-native-choice-mark-color: var(--brutal-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 38%, var(--brutal-warning) 39% 61%, transparent 62%), linear-gradient(135deg, var(--brutal-warning) 0 50%, transparent 51%);
    --usk-native-select-indicator-size: .7rem .7rem, .7rem .7rem;
    --usk-native-select-indicator-position: calc(100% - 1.38rem) 50%, calc(100% - .92rem) 50%;
    --usk-native-select-padding-inline-end: 2.85rem;
    --usk-native-range-track-size: .92rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--brutal-surface-soft) 0 1.05rem, var(--brutal-text) 1.05rem calc(1.05rem + 3px));
    --usk-native-range-track-border: 3px solid var(--brutal-text);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: inset 0 0 0 2px var(--brutal-surface-strong);
    --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--brutal-primary) 0 .9rem, var(--brutal-warning) .9rem 1.05rem);
    --usk-native-range-thumb-size: 1.24rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px solid var(--brutal-warning);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: .14rem .14rem 0 var(--brutal-primary);
    --usk-native-progress-size: 1.22rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--brutal-surface-strong) 0 1rem, var(--brutal-text) 1rem calc(1rem + 3px));
    --usk-native-progress-track-border: 3px solid var(--brutal-text);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: inset 0 0 0 2px var(--brutal-surface-soft);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--brutal-primary) 0 .82rem, var(--brutal-warning) .82rem 1rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset -3px 0 0 var(--brutal-text);
    --usk-native-scrollbar-size: 1.25rem;
    --usk-native-scrollbar-track: repeating-linear-gradient(0deg, var(--brutal-surface-soft) 0 .7rem, var(--brutal-text) .7rem calc(.7rem + 2px));
    --usk-native-scrollbar-thumb: var(--brutal-primary);
    --usk-native-scrollbar-radius: 0;
  }

  .brutal-title {
    letter-spacing: max(.032em, .5px);
    margin-block: .75rem;
    font-weight: 1000;
  }

  .brutal-label, :where([data-ui="brutalism"]) .usk-label, :where([data-ui="brutalism"]) .ui-label {
    font-size: .68rem;
    font-weight: 900;
  }

  .brutal-button, :where([data-ui="brutalism"]) .usk-button, :where([data-ui="brutalism"]) .ui-button {
    background: var(--brutal-primary);
    min-height: 2.7rem;
    box-shadow: .32rem .32rem 0 var(--brutal-text);
    border-radius: 0 .08rem 0 0;
    padding: .5rem .72rem;
    font-weight: 900;
  }

  .brutal-input, :where([data-ui="brutalism"]) .usk-input, :where([data-ui="brutalism"]) .ui-input {
    border-radius: 0 0 .06rem;
    min-height: 2.55rem;
    padding: .46rem .64rem;
  }

  .brutal-card, :where([data-ui="brutalism"]) .usk-card, :where([data-ui="brutalism"]) .ui-card {
    background: var(--brutal-card-bg);
    border: 4px solid var(--brutal-text);
    box-shadow: .42rem .42rem 0 var(--brutal-primary);
    border-radius: 0;
    padding: .88rem;
  }

  .brutal-well {
    background: repeating-linear-gradient(0deg,rgb(var(--brutal-text-rgb)/.08)0 2px,transparent 2px .65rem),var(--brutal-surface-soft);
    border: 3px solid var(--brutal-text);
    box-shadow: inset .5rem 0 0 var(--brutal-warning);
  }

  .brutal-badge, :where([data-ui="brutalism"]) .usk-badge, :where([data-ui="brutalism"]) .ui-badge {
    border-radius: 0;
    min-height: 1.55rem;
    padding: .15rem .42rem;
  }

  .brutal-alert, :where([data-ui="brutalism"]) .usk-alert, :where([data-ui="brutalism"]) .ui-alert {
    background: var(--brutal-surface-strong);
    border: 4px solid var(--brutal-text);
    box-shadow: .28rem .28rem 0 var(--brutal-warning);
    border-radius: 0;
  }

  .brutal-progress, :where([data-ui="brutalism"]) .usk-progress, :where([data-ui="brutalism"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--brutal-surface-strong)0 1rem,var(--brutal-text) 1rem calc(1rem + 3px));
    height: 1.22rem;
  }

  .brutal-table-wrap, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap {
    background: var(--brutal-surface-strong);
    box-shadow: .32rem .32rem 0 var(--brutal-primary);
    border-radius: 0;
  }

  .brutal-table th, :where([data-ui="brutalism"]) .usk-table th, :where([data-ui="brutalism"]) .ui-table th {
    background: var(--brutal-text);
    padding: .48rem .62rem;
    font-weight: 950;
  }

  .brutal-table td, :where([data-ui="brutalism"]) .usk-table td, :where([data-ui="brutalism"]) .ui-table td {
    padding: .46rem .6rem;
  }

  .brutal-nav, .brutal-panel, .brutal-toolbar, .brutal-tooltip, [data-ui="brutalism"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .brutal-card-service, .brutal-feature-strip, .brutal-callout-bar, :where([data-ui="brutalism"]) .usk-nav, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-tooltip, :where([data-ui="brutalism"]) .ui-nav, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-tooltip {
    border: 4px solid var(--brutal-text);
    box-shadow: .34rem .34rem 0 var(--brutal-primary);
    border-radius: 0;
  }

  .brutal-nav-link, :where([data-ui="brutalism"]) .usk-nav-link, :where([data-ui="brutalism"]) .ui-nav-link {
    border-inline-start: 3px solid var(--brutal-text);
  }

  .brutal-progress-bar, :where([data-ui="brutalism"]) .usk-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar {
    background: repeating-linear-gradient(90deg,var(--brutal-primary)0 .82rem,var(--brutal-warning) .82rem 1rem);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="brutalism"] *, [data-ui="brutalism"] :before, [data-ui="brutalism"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="brutalism"] {
      --brutal-border-alpha: 1;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="brutalism"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="brutalism"] :where(:focus-visible) {
      box-shadow: none;
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="brutalism"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="brutalism"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="brutalism"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .brutal-input[aria-invalid="true"], .brutal-textarea[aria-invalid="true"], .brutal-select[aria-invalid="true"], :where([data-ui="brutalism"]) .usk-input[aria-invalid="true"], :where([data-ui="brutalism"]) .usk-textarea[aria-invalid="true"], :where([data-ui="brutalism"]) .usk-select[aria-invalid="true"], :where([data-ui="brutalism"]) .ui-input[aria-invalid="true"], :where([data-ui="brutalism"]) .ui-textarea[aria-invalid="true"], :where([data-ui="brutalism"]) .ui-select[aria-invalid="true"] {
    border-color: var(--brutal-danger);
    box-shadow: 3px 3px 0 rgb(var(--brutal-danger-rgb)/.38);
  }

  .brutal-input[readonly], .brutal-textarea[readonly], :where([data-ui="brutalism"]) .usk-input[readonly], :where([data-ui="brutalism"]) .usk-textarea[readonly], :where([data-ui="brutalism"]) .ui-input[readonly], :where([data-ui="brutalism"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .brutal-button-primary, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--brutal-primary);
    color: var(--brutal-on-primary);
    border-color: var(--brutal-primary);
  }

  .brutal-button-secondary, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--brutal-secondary);
    color: var(--brutal-on-secondary);
    border-color: var(--brutal-secondary);
  }

  .brutal-button-danger, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--brutal-danger);
    color: var(--brutal-on-danger);
    border-color: var(--brutal-danger);
  }

  .brutal-button-ghost, :where([data-ui="brutalism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--brutal-primary));
    background: none;
    border-color: #0000;
  }

  .brutal-feature-item > .brutal-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .brutal-callout-bar > .brutal-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="brutalism"][data-mode] .brutal-button.brutal-button-warning, :where([data-ui="brutalism"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="brutalism"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--brutal-warning);
    color: var(--brutal-on-warning);
    border-color: var(--brutal-warning);
    text-shadow: none;
  }
}


/* styles/cyberpunk.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --cyber-radius-xs: .125rem;
    --cyber-radius-sm: .4375rem;
    --cyber-radius-md: .75rem;
    --cyber-radius-lg: .75rem;
    --cyber-radius-xl: .75rem;
    --cyber-radius-pill: 999px;
    --cyber-cut-sm: .4375rem;
    --cyber-cut-md: .75rem;
    --cyber-space-1: .25rem;
    --cyber-space-2: .5rem;
    --cyber-space-3: .75rem;
    --cyber-space-4: 1rem;
    --cyber-space-5: 1.25rem;
    --cyber-space-6: 1.5rem;
    --cyber-space-8: 2rem;
    --cyber-transition-fast: .15s cubic-bezier(.2, .8, .2, 1);
    --cyber-transition-base: .15s cubic-bezier(.2, .8, .2, 1);
    --cyber-transition-slow: .24s cubic-bezier(.2, .8, .2, 1);
    --cyber-font-sans: "DejaVu Sans", Arial, sans-serif;
    --cyber-font-display: "Arial Narrow", "DejaVu Sans", Arial, sans-serif;
    --cyber-font-body: var(--cyber-font-sans);
    --cyber-font-heading: var(--cyber-font-display);
    --cyber-font-mono: "DejaVu Sans Mono", Consolas, monospace;
    --cyber-font-control: var(--cyber-font-mono);
  }

  [data-ui="cyberpunk"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --cyber-fallback-bg-rgb: 230 241 243;
    --cyber-fallback-surface-rgb: 248 252 252;
    --cyber-fallback-surface-strong-rgb: 255 255 255;
    --cyber-fallback-surface-soft-rgb: 220 235 238;
    --cyber-fallback-text-rgb: 16 40 50;
    --cyber-fallback-text-muted-rgb: 54 87 98;
    --cyber-fallback-border-rgb: 138 177 186;
    --cyber-fallback-primary-rgb: 0 127 157;
    --cyber-fallback-primary-hover-rgb: 0 111 139;
    --cyber-fallback-primary-text-rgb: 255 255 255;
    --cyber-fallback-secondary-rgb: 54 87 98;
    --cyber-fallback-secondary-hover-rgb: 39 70 84;
    --cyber-fallback-secondary-text-rgb: 255 255 255;
    --cyber-fallback-accent-rgb: 195 19 90;
    --cyber-fallback-accent-text-rgb: 255 255 255;
    --cyber-fallback-success-rgb: 8 124 73;
    --cyber-fallback-success-text-rgb: 255 255 255;
    --cyber-fallback-warning-rgb: 170 112 0;
    --cyber-fallback-warning-text-rgb: 0 0 0;
    --cyber-fallback-danger-rgb: 195 19 90;
    --cyber-fallback-danger-text-rgb: 255 255 255;
    --cyber-fallback-link-rgb: 0 111 139;
    --cyber-fallback-focus-rgb: 0 111 139;
    --cyber-panel-alpha: .98;
    --cyber-panel-strong-alpha: 1;
    --cyber-panel-soft-alpha: .94;
    --cyber-border-alpha: .82;
    --cyber-glow-alpha: .16;
    --cyber-shadow-alpha: .14;
    --cyber-grid-alpha: .13;
  }

  [data-ui="cyberpunk"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --cyber-fallback-bg-rgb: 5 10 16;
    --cyber-fallback-surface-rgb: 7 19 28;
    --cyber-fallback-surface-strong-rgb: 10 28 39;
    --cyber-fallback-surface-soft-rgb: 13 36 48;
    --cyber-fallback-text-rgb: 232 250 255;
    --cyber-fallback-text-muted-rgb: 168 193 202;
    --cyber-fallback-border-rgb: 36 70 84;
    --cyber-fallback-primary-rgb: 0 221 255;
    --cyber-fallback-primary-hover-rgb: 88 234 255;
    --cyber-fallback-primary-text-rgb: 0 27 35;
    --cyber-fallback-secondary-rgb: 70 116 130;
    --cyber-fallback-secondary-hover-rgb: 36 70 84;
    --cyber-fallback-secondary-text-rgb: 232 250 255;
    --cyber-fallback-accent-rgb: 255 31 120;
    --cyber-fallback-accent-text-rgb: 0 27 35;
    --cyber-fallback-success-rgb: 53 228 125;
    --cyber-fallback-success-text-rgb: 0 27 35;
    --cyber-fallback-warning-rgb: 255 189 22;
    --cyber-fallback-warning-text-rgb: 0 27 35;
    --cyber-fallback-danger-rgb: 255 31 120;
    --cyber-fallback-danger-text-rgb: 0 27 35;
    --cyber-fallback-link-rgb: 0 221 255;
    --cyber-fallback-focus-rgb: 88 234 255;
    --cyber-panel-alpha: .94;
    --cyber-panel-strong-alpha: .98;
    --cyber-panel-soft-alpha: .86;
    --cyber-border-alpha: .72;
    --cyber-glow-alpha: .24;
    --cyber-shadow-alpha: .38;
    --cyber-grid-alpha: .14;
  }

  [data-ui="cyberpunk"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --cyber-fallback-bg-rgb: 0 0 0;
    --cyber-fallback-surface-rgb: 5 10 16;
    --cyber-fallback-surface-strong-rgb: 0 0 0;
    --cyber-fallback-surface-soft-rgb: 0 0 0;
    --cyber-fallback-text-rgb: 255 255 255;
    --cyber-fallback-text-muted-rgb: 248 248 248;
    --cyber-fallback-border-rgb: 255 255 255;
    --cyber-fallback-primary-rgb: 0 229 255;
    --cyber-fallback-primary-hover-rgb: 255 255 255;
    --cyber-fallback-primary-text-rgb: 0 0 0;
    --cyber-fallback-secondary-rgb: 255 255 255;
    --cyber-fallback-secondary-hover-rgb: 0 229 255;
    --cyber-fallback-secondary-text-rgb: 0 0 0;
    --cyber-fallback-accent-rgb: 255 31 120;
    --cyber-fallback-accent-text-rgb: 0 0 0;
    --cyber-fallback-success-rgb: 0 255 144;
    --cyber-fallback-success-text-rgb: 0 0 0;
    --cyber-fallback-warning-rgb: 255 212 0;
    --cyber-fallback-warning-text-rgb: 0 0 0;
    --cyber-fallback-danger-rgb: 255 77 135;
    --cyber-fallback-danger-text-rgb: 0 0 0;
    --cyber-fallback-link-rgb: 0 229 255;
    --cyber-fallback-focus-rgb: 255 255 255;
    --cyber-panel-alpha: 1;
    --cyber-panel-strong-alpha: 1;
    --cyber-panel-soft-alpha: .92;
    --cyber-border-alpha: 1;
    --cyber-glow-alpha: .68;
    --cyber-shadow-alpha: .56;
    --cyber-grid-alpha: .18;
  }

  [data-ui="cyberpunk"][data-theme][data-mode] {
    --cyber-bg-rgb: var(--usk-bg-rgb);
    --cyber-surface-rgb: var(--usk-surface-rgb);
    --cyber-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --cyber-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --cyber-text-rgb: var(--usk-text-rgb);
    --cyber-text-muted-rgb: var(--usk-text-muted-rgb);
    --cyber-border-rgb: var(--usk-border-rgb);
    --cyber-primary-rgb: var(--usk-primary-rgb);
    --cyber-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --cyber-primary-text-rgb: var(--usk-primary-text-rgb);
    --cyber-secondary-rgb: var(--usk-secondary-rgb);
    --cyber-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --cyber-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --cyber-accent-rgb: var(--usk-accent-rgb);
    --cyber-accent-text-rgb: var(--usk-accent-text-rgb);
    --cyber-success-rgb: var(--usk-success-rgb);
    --cyber-success-text-rgb: var(--usk-success-text-rgb);
    --cyber-warning-rgb: var(--usk-warning-rgb);
    --cyber-warning-text-rgb: var(--usk-warning-text-rgb);
    --cyber-danger-rgb: var(--usk-danger-rgb);
    --cyber-danger-text-rgb: var(--usk-danger-text-rgb);
    --cyber-link-rgb: var(--usk-link-rgb);
    --cyber-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="cyberpunk"][data-mode] {
    --usk-native-bg: var(--cyber-bg);
    --cyber-bg-rgb: var(--usk-bg-rgb, var(--cyber-fallback-bg-rgb));
    --cyber-surface-rgb: var(--usk-surface-rgb, var(--cyber-fallback-surface-rgb));
    --cyber-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--cyber-fallback-surface-strong-rgb));
    --cyber-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--cyber-fallback-surface-soft-rgb));
    --cyber-text-rgb: var(--usk-text-rgb, var(--cyber-fallback-text-rgb));
    --cyber-text-muted-rgb: var(--usk-text-muted-rgb, var(--cyber-fallback-text-muted-rgb));
    --cyber-border-rgb: var(--usk-border-rgb, var(--cyber-fallback-border-rgb));
    --cyber-primary-rgb: var(--usk-primary-rgb, var(--cyber-fallback-primary-rgb));
    --cyber-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--cyber-fallback-primary-hover-rgb));
    --cyber-primary-text-rgb: var(--usk-primary-text-rgb, var(--cyber-fallback-primary-text-rgb));
    --cyber-secondary-rgb: var(--usk-secondary-rgb, var(--cyber-fallback-secondary-rgb));
    --cyber-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--cyber-fallback-secondary-hover-rgb));
    --cyber-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--cyber-fallback-secondary-text-rgb));
    --cyber-accent-rgb: var(--usk-accent-rgb, var(--cyber-fallback-accent-rgb));
    --cyber-accent-text-rgb: var(--usk-accent-text-rgb, var(--cyber-fallback-accent-text-rgb));
    --cyber-success-rgb: var(--usk-success-rgb, var(--cyber-fallback-success-rgb));
    --cyber-success-text-rgb: var(--usk-success-text-rgb, var(--cyber-fallback-success-text-rgb));
    --cyber-warning-rgb: var(--usk-warning-rgb, var(--cyber-fallback-warning-rgb));
    --cyber-warning-text-rgb: var(--usk-warning-text-rgb, var(--cyber-fallback-warning-text-rgb));
    --cyber-danger-rgb: var(--usk-danger-rgb, var(--cyber-fallback-danger-rgb));
    --cyber-danger-text-rgb: var(--usk-danger-text-rgb, var(--cyber-fallback-danger-text-rgb));
    --cyber-link-rgb: var(--usk-link-rgb, var(--cyber-fallback-link-rgb));
    --cyber-focus-rgb: var(--usk-focus-rgb, var(--cyber-fallback-focus-rgb));
    --usk-native-surface: var(--cyber-surface);
    --usk-native-surface-strong: var(--cyber-surface-strong);
    --usk-native-surface-soft: var(--cyber-surface-soft);
    --usk-native-card-bg: var(--cyber-card-bg);
    --usk-native-control-bg: var(--cyber-control-bg);
    --usk-native-text: var(--cyber-text);
    --usk-native-text-muted: var(--cyber-text-muted);
    --usk-native-border: var(--cyber-border);
    --usk-native-primary: var(--cyber-primary);
    --usk-native-primary-hover: var(--cyber-primary-hover);
    --usk-native-on-primary: var(--cyber-on-primary);
    --usk-native-secondary: var(--cyber-secondary);
    --usk-native-on-secondary: var(--cyber-on-secondary);
    --usk-native-accent: var(--cyber-accent);
    --usk-native-on-accent: var(--cyber-on-accent);
    --usk-native-on-success: var(--cyber-on-success);
    --usk-native-on-warning: var(--cyber-on-warning);
    --usk-native-on-danger: var(--cyber-on-danger);
    --usk-native-focus: var(--cyber-focus);
    --usk-native-success: var(--cyber-success);
    --usk-native-warning: var(--cyber-warning);
    --usk-native-danger: var(--cyber-danger);
    --usk-native-link: var(--cyber-link);
    --usk-native-font-body: var(--cyber-font-body);
    --usk-native-font-heading: var(--cyber-font-heading);
    --usk-native-font-control: var(--cyber-font-control);
    --usk-native-font-mono: var(--cyber-font-mono);
    --usk-native-radius-sm: var(--cyber-radius-sm);
    --usk-native-radius: var(--cyber-radius-md);
    --usk-native-radius-lg: var(--cyber-radius-lg);
    --usk-native-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .16);
    --usk-native-shadow-md: var(--cyber-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: 0 0 0 2px var(--cyber-surface), 0 0 0 4px var(--cyber-focus), 0 0 .8rem rgb(var(--cyber-focus-rgb) / .2);
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--cyber-space-5);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .55rem;
    --usk-native-control-padding-inline: .875rem;
    --usk-native-subcontrol-padding-block: .48rem;
    --usk-native-subcontrol-padding-inline: .68rem;
    --usk-native-choice-size: 1.25rem;
    --usk-native-choice-background: var(--cyber-control-bg);
    --usk-native-choice-border: 1px solid var(--cyber-border);
    --usk-native-checkbox-radius: .1rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .18);
    --usk-native-choice-checked-background: var(--cyber-primary);
    --usk-native-choice-mark-color: var(--cyber-on-primary);
    --usk-native-select-indicator-image: linear-gradient(51deg, transparent 50%, var(--cyber-primary) 50%), linear-gradient(129deg, var(--cyber-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .46rem .46rem, .46rem .46rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.25rem;
    --usk-native-range-track-size: .5rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--cyber-success), var(--cyber-warning) 62%, var(--cyber-danger));
    --usk-native-range-track-border: 1px solid var(--cyber-border);
    --usk-native-range-track-radius: .08rem;
    --usk-native-range-track-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .16);
    --usk-native-range-progress-background: var(--cyber-primary);
    --usk-native-range-thumb-size: 1.25rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--cyber-border);
    --usk-native-range-thumb-radius: .1rem;
    --usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .22);
    --usk-native-progress-size: .72rem;
    --usk-native-progress-track-background: var(--cyber-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--cyber-border);
    --usk-native-progress-track-radius: .08rem;
    --usk-native-progress-track-shadow: 0 0 .45rem rgb(var(--cyber-primary-rgb) / .14);
    --usk-native-progress-value-background: var(--cyber-primary);
    --usk-native-progress-value-radius: .08rem;
    --usk-native-progress-value-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .2);
    --usk-native-meter-optimum-background: var(--cyber-success);
    --usk-native-meter-suboptimum-background: var(--cyber-warning);
    --usk-native-meter-critical-background: var(--cyber-danger);
    --usk-native-file-button-background: var(--cyber-primary);
    --usk-native-file-button-border: 1px solid var(--cyber-border);
    --usk-native-file-button-radius: .1rem;
    --usk-native-file-button-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .18);
    --usk-native-color-swatch-border: 1px solid var(--cyber-border);
    --usk-native-color-swatch-radius: .1rem;
    --usk-native-indicator-opacity: .87;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .75rem;
    --usk-native-scrollbar-track: var(--cyber-surface-soft);
    --usk-native-scrollbar-thumb: var(--cyber-primary);
    --usk-native-scrollbar-radius: .08rem;
    --cyber-bg: rgb(var(--cyber-bg-rgb));
    --cyber-surface: rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));
    --cyber-surface-strong: rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));
    --cyber-surface-soft: rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));
    --cyber-text: rgb(var(--cyber-text-rgb));
    --cyber-text-muted: rgb(var(--cyber-text-muted-rgb));
    --cyber-fg: var(--cyber-text);
    --cyber-surface-fg: var(--cyber-text);
    --cyber-muted: var(--cyber-text-muted);
    --cyber-border: rgb(var(--cyber-border-rgb) / max(var(--cyber-border-alpha), var(--usk-border-min-alpha)));
    --cyber-control-fg: var(--cyber-text);
    --cyber-primary: rgb(var(--cyber-primary-rgb));
    --cyber-primary-hover: rgb(var(--cyber-primary-hover-rgb));
    --cyber-primary-text: rgb(var(--cyber-primary-text-rgb));
    --cyber-secondary: rgb(var(--cyber-secondary-rgb));
    --cyber-secondary-hover: rgb(var(--cyber-secondary-hover-rgb));
    --cyber-secondary-text: rgb(var(--cyber-secondary-text-rgb));
    --cyber-on-primary: var(--cyber-primary-text);
    --cyber-on-secondary: var(--cyber-secondary-text);
    --cyber-on-accent: rgb(var(--cyber-accent-text-rgb));
    --cyber-on-success: rgb(var(--cyber-success-text-rgb));
    --cyber-on-warning: rgb(var(--cyber-warning-text-rgb));
    --cyber-on-danger: rgb(var(--cyber-danger-text-rgb));
    --cyber-accent: rgb(var(--cyber-accent-rgb));
    --cyber-success: rgb(var(--cyber-success-rgb));
    --cyber-warning: rgb(var(--cyber-warning-rgb));
    --cyber-danger: rgb(var(--cyber-danger-rgb));
    --cyber-link: rgb(var(--cyber-link-rgb));
    --cyber-focus: rgb(var(--cyber-focus-rgb));
    --cyber-glow-primary: rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));
    --cyber-glow-secondary: rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));
    --cyber-glow-accent: rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));
    --cyber-shadow-sm: 0 2px 8px rgb(0 0 0 / var(--cyber-shadow-alpha));
    --cyber-shadow-md: 0 10px 28px rgb(0 0 0 / calc(var(--cyber-shadow-alpha) + .05));
    --cyber-shadow-lg: 0 22px 60px rgb(0 0 0 / calc(var(--cyber-shadow-alpha) + .12));
    --cyber-theme-bg-size: 32px 32px, 32px 32px, auto;
    --cyber-theme-bg: linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-border-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);
    --cyber-card-bg: linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .12), transparent 18%) top left / 3rem 3rem no-repeat, var(--cyber-surface);
    --cyber-control-bg: linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));
    --cyber-spinner-track: rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));
    --cyber-spinner-stroke: var(--cyber-primary);
    --cyber-spinner-accent: var(--cyber-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="cyberpunk"][data-mode] {
      --cyber-border: color-mix(in srgb, rgb(var(--cyber-border-rgb) / max(var(--cyber-border-alpha), var(--usk-border-min-alpha))), var(--cyber-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="cyberpunk"] {
    background: linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-border-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);
    color: var(--cyber-text);
    font-family: var(--cyber-font-body);
    background-size: 32px 32px, 32px 32px, auto;
  }

  [data-ui="cyberpunk"] *, [data-ui="cyberpunk"] :before, [data-ui="cyberpunk"] :after {
    box-sizing: border-box;
  }

  [data-ui="cyberpunk"][data-mode] {
    background: var(--cyber-theme-bg);
    background-size: var(--cyber-theme-bg-size);
  }

  [data-ui="cyberpunk"] a:where(:not(:is(.cyber-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.cyber-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"]))) {
    color: var(--cyber-link);
    -webkit-text-decoration-color: rgb(var(--cyber-primary-rgb)/.6);
    text-decoration-color: rgb(var(--cyber-primary-rgb)/.6);
    text-underline-offset: .18em;
  }

  [data-ui="cyberpunk"] ::selection {
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
  }

  .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .usk-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link {
    font-family: var(--cyber-font-heading);
    text-transform: uppercase;
  }

  .cyber-title {
    letter-spacing: .08em;
    color: var(--cyber-text);
    text-shadow: 0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);
    margin: 0;
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1;
  }

  .cyber-heading {
    letter-spacing: .08em;
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

  .cyber-kicker {
    color: var(--usk-primary-ink, var(--cyber-primary));
    letter-spacing: .18em;
    margin: 0;
    font-size: .8rem;
    font-weight: 900;
  }

  .cyber-subtitle, .cyber-copy {
    color: var(--cyber-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .cyber-text-muted {
    color: var(--cyber-text-muted);
  }

  .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap {
    background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    border-radius: var(--cyber-radius-md);
    box-shadow: var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);
    clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 1rem 100%, 0 calc(100% - 1rem));
    transition: transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);
    position: relative;
  }

  .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .usk-card:before, :where([data-ui="cyberpunk"]) .usk-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-toolbar:before {
    content: "";
    pointer-events: none;
    border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5);
    background: linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));
    position: absolute;
    inset: 0;
  }

  .cyber-card, .cyber-panel, .cyber-console, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .ui-card {
    padding: var(--cyber-space-6);
  }

  .cyber-console {
    background: linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong);
  }

  .cyber-toolbar, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--cyber-space-4);
    padding: var(--cyber-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .cyber-hover-lift:hover {
    border-color: var(--cyber-primary);
    box-shadow: var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);
    transform: translateY(-3px);
  }

  .cyber-inset, .cyber-well {
    background: linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);
    border: 1px solid rgb(var(--cyber-border-rgb)/.46);
    border-radius: var(--cyber-radius-md);
    box-shadow: inset 0 0 24px #0000002e;
  }

  .cyber-well {
    padding: var(--cyber-space-5);
  }

  .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--cyber-space-2);
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);
    min-height: 2.85rem;
    color: var(--cyber-text);
    border: 1px solid rgb(var(--cyber-primary-rgb)/.7);
    border-radius: var(--cyber-radius-xs);
    box-shadow: var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);
    font: inherit;
    font-family: var(--cyber-font-display);
    letter-spacing: .09em;
    cursor: pointer;
    clip-path: polygon(0 0, calc(100% - .75rem) 0, 100% .75rem, 100% 100%, .75rem 100%, 0 calc(100% - .75rem));
    transition: transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .usk-button:hover, :where([data-ui="cyberpunk"]) .usk-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover {
    box-shadow: var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);
    transform: translateY(-1px);
  }

  .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-icon-button:active, :where([data-ui="cyberpunk"]) .usk-button.is-active, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] {
    box-shadow: inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);
    transform: translateY(1px);
  }

  .cyber-button-primary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);
    color: var(--cyber-on-primary);
  }

  .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--cyber-primary-hover);
  }

  .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--cyber-secondary-hover);
  }

  .cyber-button-danger, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--cyber-danger);
    color: var(--cyber-on-danger);
  }

  .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    width: 2.85rem;
    padding: 0;
  }

  .cyber-field, :where([data-ui="cyberpunk"]) .usk-field, :where([data-ui="cyberpunk"]) .ui-field {
    gap: var(--cyber-space-2);
    flex-direction: column;
    display: flex;
  }

  .cyber-label, :where([data-ui="cyberpunk"]) .usk-label, :where([data-ui="cyberpunk"]) .ui-label {
    font-family: var(--cyber-font-heading);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .8rem;
    font-weight: 800;
  }

  .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .usk-input, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .usk-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select {
    background: var(--cyber-surface-soft);
    width: 100%;
    min-height: 2.9rem;
    color: var(--cyber-text);
    border: 1px solid rgb(var(--cyber-border-rgb)/.58);
    border-radius: var(--cyber-radius-xs);
    font: inherit;
    outline: none;
    padding: .8rem 1rem;
    box-shadow: inset 0 0 18px #0003;
  }

  .cyber-textarea, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, :where([data-ui="cyberpunk"]) .usk-input:focus, :where([data-ui="cyberpunk"]) .usk-textarea:focus, :where([data-ui="cyberpunk"]) .usk-select:focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus {
    border-color: var(--cyber-focus);
    box-shadow: 0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003;
  }

  .cyber-help-text, :where([data-ui="cyberpunk"]) .usk-help-text, :where([data-ui="cyberpunk"]) .ui-help-text {
    color: var(--cyber-text-muted);
    font-size: .9rem;
  }

  .cyber-badge, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .ui-badge {
    background: var(--cyber-surface);
    min-height: 1.8rem;
    color: var(--cyber-text);
    border: 1px solid rgb(var(--cyber-primary-rgb)/.7);
    box-shadow: 0 0 16px var(--cyber-glow-primary);
    letter-spacing: .1em;
    clip-path: polygon(.5rem 0, 100% 0, calc(100% - .5rem) 100%, 0 100%);
    align-items: center;
    padding: .35rem .75rem;
    font-size: .78rem;
    font-weight: 900;
    display: inline-flex;
  }

  .cyber-badge-primary, :where([data-ui="cyberpunk"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
  }

  .cyber-badge-secondary, :where([data-ui="cyberpunk"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--cyber-secondary);
    color: var(--cyber-on-secondary);
  }

  .cyber-badge-success, :where([data-ui="cyberpunk"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--cyber-success);
    color: var(--cyber-on-success);
  }

  .cyber-badge-warning, :where([data-ui="cyberpunk"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--cyber-warning);
    color: var(--cyber-on-warning);
  }

  .cyber-badge-danger, :where([data-ui="cyberpunk"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--cyber-danger);
    color: var(--cyber-on-danger);
  }

  .cyber-nav, :where([data-ui="cyberpunk"]) .usk-nav, :where([data-ui="cyberpunk"]) .ui-nav {
    gap: var(--cyber-space-2);
    padding: var(--cyber-space-2);
    background: var(--cyber-surface);
    border: 1px solid var(--cyber-border);
    border-radius: var(--cyber-radius-md);
    box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);
    flex-wrap: wrap;
    display: flex;
  }

  .cyber-nav-link, :where([data-ui="cyberpunk"]) .usk-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--cyber-text-muted);
    border-radius: var(--cyber-radius-xs);
    letter-spacing: .08em;
    border: 1px solid #0000;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .cyber-nav-link:hover, :where([data-ui="cyberpunk"]) .usk-nav-link:hover, :where([data-ui="cyberpunk"]) .ui-nav-link:hover {
    color: var(--cyber-text);
    border-color: rgb(var(--cyber-primary-rgb)/.48);
  }

  .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .usk-nav-link.is-active, :where([data-ui="cyberpunk"]) .usk-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] {
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
    border-color: var(--cyber-primary);
    box-shadow: 0 0 18px var(--cyber-glow-primary);
  }

  .cyber-tooltip, [data-ui="cyberpunk"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="cyberpunk"]) .usk-tooltip, :where([data-ui="cyberpunk"]) .ui-tooltip {
    background: linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);
    max-inline-size: 16rem;
    color: var(--cyber-text);
    border: 1px solid rgb(var(--cyber-primary-rgb)/.7);
    border-radius: var(--cyber-radius-xs);
    clip-path: polygon(0 .35rem, .35rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%);
    box-shadow: 0 0 1rem var(--cyber-glow-primary);
    text-transform: uppercase;
    letter-spacing: .08em;
    align-items: center;
    gap: .45rem;
    padding: .58rem .82rem;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.25;
    display: inline-flex;
  }

  .cyber-tooltip-arrow {
    background: var(--cyber-accent);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    block-size: .58rem;
    inline-size: .58rem;
    box-shadow: 0 0 .8rem var(--cyber-glow-accent);
    flex: none;
  }

  .cyber-progress, :where([data-ui="cyberpunk"]) .usk-progress, :where([data-ui="cyberpunk"]) .ui-progress {
    background: var(--cyber-surface-soft);
    border: 1px solid var(--cyber-border);
    width: 100%;
    height: .9rem;
    box-shadow: inset 0 0 18px #0000002e;
  }

  .cyber-progress-bar, :where([data-ui="cyberpunk"]) .usk-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar {
    height: 100%;
    width: var(--cyber-progress-value, 50%);
    background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));
    box-shadow: 0 0 18px var(--cyber-glow-primary);
  }

  .cyber-alert, :where([data-ui="cyberpunk"]) .usk-alert, :where([data-ui="cyberpunk"]) .ui-alert {
    padding: var(--cyber-space-4);
    background: var(--cyber-surface);
    border: 1px solid var(--cyber-border);
    border-left: 4px solid var(--cyber-primary);
    box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);
  }

  .cyber-alert-success, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--cyber-success);
  }

  .cyber-alert-warning, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--cyber-warning);
  }

  .cyber-alert-danger, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--cyber-danger);
  }

  .cyber-alert-title, :where([data-ui="cyberpunk"]) .usk-alert-title, :where([data-ui="cyberpunk"]) .ui-alert-title {
    font-family: var(--cyber-font-heading);
    text-transform: uppercase;
    margin: 0;
  }

  .cyber-alert-body, :where([data-ui="cyberpunk"]) .usk-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body {
    color: var(--cyber-text-muted);
    margin: .5rem 0 0;
  }

  .cyber-table-wrap, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap {
    overflow: auto;
  }

  .cyber-table, :where([data-ui="cyberpunk"]) .usk-table, :where([data-ui="cyberpunk"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .usk-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td {
    border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.38);
    text-align: left;
    padding: .9rem 1rem;
  }

  .cyber-table th, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .ui-table th {
    background: rgb(var(--cyber-primary-rgb)/.12);
    font-family: var(--cyber-font-heading);
    text-transform: uppercase;
    letter-spacing: .1em;
  }

  .cyber-table tr:hover td, :where([data-ui="cyberpunk"]) .usk-table tr:hover td, :where([data-ui="cyberpunk"]) .ui-table tr:hover td {
    background: rgb(var(--cyber-primary-rgb)/.06);
  }

  .cyber-text-primary {
    color: var(--usk-primary-ink, var(--cyber-primary));
  }

  .cyber-text-secondary {
    color: var(--cyber-secondary);
  }

  .cyber-text-accent {
    color: var(--usk-accent-ink, var(--cyber-accent));
  }

  .cyber-text-success {
    color: var(--cyber-success);
  }

  .cyber-text-warning {
    color: var(--cyber-warning);
  }

  .cyber-text-danger {
    color: var(--cyber-danger);
  }

  [data-ui="cyberpunk"] :focus-visible {
    outline: 3px solid var(--cyber-focus);
    outline-offset: 3px;
  }

  .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .usk-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-input:focus-visible, :where([data-ui="cyberpunk"]) .usk-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible {
    box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="cyberpunk"] *, [data-ui="cyberpunk"] :before, [data-ui="cyberpunk"] :after {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
    }
  }

  .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .ui-card {
    background: var(--cyber-card-bg);
  }

  .cyber-toolbar, .cyber-table-wrap, .cyber-button:where(:not([data-ui-variant])):not(:is(.cyber-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.cyber-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.cyber-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.cyber-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.cyber-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.cyber-button-outline-heavy), .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.cyber-button-outline-heavy), :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.cyber-button-outline-heavy), :where([data-ui="cyberpunk"]) .ui-icon-button {
    background: var(--cyber-control-bg);
  }

  .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .usk-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link {
    font-family: var(--cyber-font-control);
  }

  .cyber-spinner, .cyber-loading-spinner, [data-ui="cyberpunk"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="cyberpunk"]) .usk-spinner, :where([data-ui="cyberpunk"]) .ui-spinner {
    border: .16rem solid rgb(var(--cyber-primary-rgb)/.72);
    border-block-start-color: var(--cyber-spinner-stroke);
    border-inline-end-color: var(--cyber-spinner-accent);
    border-radius: var(--cyber-radius-xs);
    clip-path: polygon(50% 0, 100% 26%, 100% 74%, 50% 100%, 0 74%, 0 26%);
    background: conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: 0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);
    vertical-align: -.2em;
    animation: .72s linear infinite cyber-spin;
    display: inline-block;
  }

  .cyber-spinner-sm {
    border-width: .1rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .cyber-spinner-lg {
    border-width: .22rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="cyberpunk"]) .usk-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .usk-icon-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .usk-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--cyber-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite cyber-spin;
    display: inline-block;
  }

  @keyframes cyber-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .cyber-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--cyber-border-rgb)/.72);
    border-radius: var(--cyber-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .cyber-card-service {
    gap: var(--cyber-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .cyber-card-service > .cyber-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .cyber-card-service > .cyber-card-media + .cyber-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .cyber-card-feature {
    gap: var(--cyber-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .cyber-card-accent-edge {
    border-inline-start: .35rem solid var(--cyber-primary);
  }

  .cyber-icon-medallion {
    background: var(--cyber-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--cyber-on-primary);
    border: 2px solid rgb(var(--cyber-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .cyber-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .cyber-button.cyber-button-cut, .cyber-button-cut, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-cut, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .cyber-button.cyber-button-cut:focus-visible, .cyber-button-cut:focus-visible, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-cut:focus-visible, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .cyber-button.cyber-button-outline-heavy, .cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-outline-heavy {
    color: var(--usk-primary-ink, var(--cyber-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--cyber-primary);
    box-shadow: none;
    background: none;
  }

  .cyber-button.cyber-button-outline-heavy:hover, .cyber-button-outline-heavy:hover, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-outline-heavy:hover, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-outline-heavy:hover {
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
    border-color: var(--cyber-primary-hover);
  }

  .cyber-badge-seal {
    aspect-ratio: 1;
    background: var(--cyber-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--cyber-text);
    border: 2px solid var(--cyber-primary);
    text-align: center;
    font-family: var(--cyber-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .cyber-feature-strip {
    background: var(--cyber-card-bg);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    border-radius: var(--cyber-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .cyber-feature-item {
    align-items: center;
    gap: var(--cyber-space-3);
    min-inline-size: 0;
    padding: var(--cyber-space-4);
    border-inline-end: 1px solid rgb(var(--cyber-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .cyber-feature-item:last-child {
    border-inline-end: 0;
  }

  .cyber-feature-item > :where(p, small) {
    color: var(--cyber-text-muted);
    margin: 0;
  }

  .cyber-callout-bar {
    align-items: center;
    gap: var(--cyber-space-4);
    padding: var(--cyber-space-4) var(--cyber-space-5);
    background: var(--cyber-card-bg);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    border-radius: var(--cyber-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .cyber-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .cyber-callout-bar>:where(.cyber-button,a,button):last-child, :where([data-ui="cyberpunk"]) .cyber-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="cyberpunk"]) .cyber-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .cyber-eyebrow {
    color: var(--usk-primary-ink, var(--cyber-primary));
    font-family: var(--cyber-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .cyber-media-scrim {
    isolation: isolate;
    background: var(--cyber-surface-soft);
    border: 1px solid var(--cyber-border);
    border-radius: var(--cyber-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .cyber-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .cyber-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .cyber-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .cyber-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .cyber-callout-bar>:where(.cyber-button,a,button):last-child, :where([data-ui="cyberpunk"]) .cyber-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="cyberpunk"]) .cyber-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .cyber-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--cyber-border-rgb)/.62);
    }

    .cyber-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .cyber-card-service, .cyber-card-feature, .cyber-feature-strip, .cyber-callout-bar {
    box-shadow: 0 0 1.5rem rgb(var(--cyber-primary-rgb)/.2),inset 0 0 1.5rem rgb(var(--cyber-primary-rgb)/.05);
  }

  .cyber-icon-medallion, .cyber-badge-seal {
    clip-path: polygon(24% 0, 76% 0, 100% 24%, 100% 76%, 76% 100%, 24% 100%, 0 76%, 0 24%);
    box-shadow: 0 0 1.2rem rgb(var(--cyber-primary-rgb)/.42);
    border-radius: 0;
  }

  .cyber-button-cut {
    clip-path: polygon(.75rem 0, 100% 0, 100% calc(100% - .75rem), calc(100% - .75rem) 100%, 0 100%, 0 .75rem);
  }

  .cyber-card-accent-edge {
    box-shadow: inset .35rem 0 1rem rgb(var(--cyber-primary-rgb)/.12);
    border-inline-start-width: .25rem;
  }

  .cyber-button.cyber-button-cut, .cyber-button-cut, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-cut, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-cut {
    clip-path: polygon(.75rem 0, 78% 0, calc(78% + .35rem) .35rem, 100% .35rem, 100% calc(100% - .75rem), calc(100% - .75rem) 100%, 0 100%, 0 .75rem);
    justify-content: center;
    justify-self: end;
    min-block-size: 2.75rem;
    inline-size: min(100%, 18rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .cyber-button.cyber-button-outline-heavy, .cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-outline-heavy {
    clip-path: polygon(0 .4rem, 22% .4rem, calc(22% + .35rem) 0, calc(100% - .75rem) 0, 100% .75rem, 100% 100%, .75rem 100%, 0 calc(100% - .75rem));
    box-shadow: 0 0 .85rem rgb(var(--cyber-primary-rgb)/.38),inset 0 0 .45rem rgb(var(--cyber-accent-rgb)/.18);
    border-width: 2px;
    border-radius: 0;
  }

  .cyber-card-service, .cyber-media-scrim, .cyber-feature-strip, .cyber-callout-bar, .cyber-well {
    border: 2px solid var(--cyber-primary);
    box-shadow: 0 0 1rem rgb(var(--cyber-primary-rgb)/.28),inset 0 0 .6rem rgb(var(--cyber-accent-rgb)/.12);
    border-radius: 0;
  }

  [data-ui="cyberpunk"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 2px solid var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.36),inset 0 0 .4rem rgb(var(--cyber-accent-rgb)/.14);
    border-radius: 0;
  }

  [data-ui="cyberpunk"][data-mode] :where(dialog) {
    border: 2px solid var(--cyber-primary);
    box-shadow: 0 0 1.2rem rgb(var(--cyber-primary-rgb)/.34),0 1rem 2.4rem rgb(var(--cyber-text-rgb)/.28);
    border-radius: 0;
  }

  .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .usk-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(from 90deg,transparent 0 22%,currentColor 0 46%,transparent 0 62%,currentColor 0 84%,transparent 0);
    clip-path: polygon(50% 0, 100% 26%, 100% 74%, 50% 100%, 0 74%, 0 26%);
    border: .1em solid;
    border-radius: 0;
    animation: .7s linear infinite cyber-spin;
    box-shadow: 0 0 .45em;
  }

  [data-ui="cyberpunk"][data-mode] {
    --usk-native-font-control: Bahnschrift, "Arial Narrow", "Segoe UI", sans-serif;
    --usk-native-control-min-block-size: 2.85rem;
    --usk-native-control-padding-block: .66rem;
    --usk-native-control-padding-inline: 1.08rem;
    --usk-native-border-width: 2px;
    --usk-native-radius-sm: .06rem;
    --usk-native-radius: .1rem;
    --usk-native-radius-lg: .14rem;
    --usk-native-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .28);
    --usk-native-shadow-md: 0 0 1.4rem rgb(var(--cyber-primary-rgb) / .32), inset .22rem 0 0 rgb(var(--cyber-accent-rgb) / .24);
    --usk-native-focus-ring: 0 0 0 2px var(--cyber-surface), 0 0 0 4px var(--cyber-focus), 0 0 1rem var(--cyber-focus);
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .76rem;
    --usk-native-choice-size: 1.32rem;
    --usk-native-choice-background: linear-gradient(135deg, var(--cyber-control-bg), rgb(var(--cyber-primary-rgb) / .1));
    --usk-native-choice-border: 2px solid var(--cyber-primary);
    --usk-native-checkbox-radius: .04rem;
    --usk-native-radio-radius: 28%;
    --usk-native-choice-shadow: inset .16rem 0 0 rgb(var(--cyber-accent-rgb) / .34), 0 0 .55rem rgb(var(--cyber-primary-rgb) / .3);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--cyber-primary), var(--cyber-accent));
    --usk-native-choice-mark-color: var(--cyber-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 45%, var(--cyber-primary) 45% 56%, transparent 56%), linear-gradient(135deg, transparent 45%, var(--cyber-accent) 45% 56%, transparent 56%);
    --usk-native-select-indicator-size: .7rem .7rem, .7rem .7rem;
    --usk-native-select-indicator-position: calc(100% - 1.15rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.5rem;
    --usk-native-range-track-size: .46rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--cyber-success), var(--cyber-warning) 62%, var(--cyber-danger));
    --usk-native-range-track-border: 2px solid var(--cyber-primary);
    --usk-native-range-track-radius: .04rem;
    --usk-native-range-track-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .4);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--cyber-primary), var(--cyber-accent));
    --usk-native-range-thumb-size: 1.3rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--cyber-accent);
    --usk-native-range-thumb-radius: 28%;
    --usk-native-range-thumb-shadow: 0 0 .85rem rgb(var(--cyber-accent-rgb) / .5);
    --usk-native-progress-size: .7rem;
    --usk-native-progress-track-background: repeating-linear-gradient(110deg, var(--cyber-surface-soft) 0 .65rem, transparent .65rem .78rem);
    --usk-native-progress-track-border: 2px solid var(--cyber-primary);
    --usk-native-progress-track-radius: .04rem;
    --usk-native-progress-track-shadow: inset .2rem 0 0 rgb(var(--cyber-accent-rgb) / .3);
    --usk-native-progress-value-background: repeating-linear-gradient(110deg, var(--cyber-primary) 0 .65rem, var(--cyber-accent) .65rem .78rem);
    --usk-native-progress-value-radius: .04rem;
    --usk-native-progress-value-shadow: 0 0 .8rem rgb(var(--cyber-primary-rgb) / .5);
    --usk-native-scrollbar-size: .68rem;
    --usk-native-scrollbar-track: linear-gradient(90deg, var(--cyber-surface), var(--cyber-surface-soft));
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--cyber-primary), var(--cyber-accent));
    --usk-native-scrollbar-radius: .04rem;
  }

  .cyber-title {
    letter-spacing: max(.08em, .5px);
    margin-block: .75rem;
    font-weight: 900;
  }

  .cyber-label, :where([data-ui="cyberpunk"]) .usk-label, :where([data-ui="cyberpunk"]) .ui-label {
    font-size: .76rem;
    font-weight: 850;
  }

  .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .ui-card {
    background: var(--cyber-card-bg);
    border: 2px solid var(--cyber-primary);
    box-shadow: inset .24rem 0 0 rgb(var(--cyber-accent-rgb)/.26),0 0 1.2rem rgb(var(--cyber-primary-rgb)/.24);
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
    padding: 1.08rem;
  }

  .cyber-well, .cyber-inset {
    background: var(--cyber-control-bg);
    border: 1px solid var(--cyber-accent);
    box-shadow: inset 0 0 .8rem rgb(var(--cyber-primary-rgb)/.18);
    clip-path: polygon(.42rem 0, 100% 0, 100% calc(100% - .42rem), calc(100% - .42rem) 100%, 0 100%, 0 .42rem);
    border-radius: 0;
    padding: .82rem;
  }

  .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.2),transparent),var(--cyber-control-bg);
    border: 2px solid var(--cyber-primary);
    min-height: 2.85rem;
    box-shadow: inset .2rem 0 0 rgb(var(--cyber-accent-rgb)/.38),0 0 .75rem rgb(var(--cyber-primary-rgb)/.32);
    clip-path: polygon(.5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%, 0 .5rem);
    border-radius: 0;
    padding: .66rem 1.08rem;
    font-weight: 850;
  }

  .cyber-button:active, .cyber-button[aria-pressed="true"], .cyber-button.is-active, :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button.is-active, :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button.is-active {
    box-shadow: inset 0 0 .6rem rgb(var(--cyber-text-rgb)/.24);
    transform: translateY(1px);
  }

  .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .usk-input, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .usk-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select {
    background: var(--cyber-control-bg);
    border: 1px solid var(--cyber-primary);
    min-height: 2.55rem;
    box-shadow: inset .18rem 0 0 rgb(var(--cyber-accent-rgb)/.3);
    clip-path: polygon(.34rem 0, 100% 0, 100% calc(100% - .34rem), calc(100% - .34rem) 100%, 0 100%, 0 .34rem);
    border-radius: 0;
    padding: .54rem .82rem;
  }

  .cyber-nav, .cyber-toolbar, :where([data-ui="cyberpunk"]) .usk-nav, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .ui-nav, :where([data-ui="cyberpunk"]) .ui-toolbar {
    border: 2px solid var(--cyber-primary);
    box-shadow: inset 0-.18rem 0 rgb(var(--cyber-accent-rgb)/.28);
    border-radius: 0;
  }

  .cyber-nav-link, :where([data-ui="cyberpunk"]) .usk-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link {
    clip-path: polygon(.35rem 0, 100% 0, calc(100% - .35rem) 100%, 0 100%);
    border-radius: 0;
  }

  .cyber-badge, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .ui-badge {
    clip-path: polygon(.28rem 0, 100% 0, calc(100% - .28rem) 100%, 0 100%);
    border: 1px solid;
    border-radius: 0;
    min-height: 1.52rem;
    padding: .26rem .58rem;
  }

  .cyber-alert, :where([data-ui="cyberpunk"]) .usk-alert, :where([data-ui="cyberpunk"]) .ui-alert {
    background: var(--cyber-card-bg);
    border: 2px solid var(--cyber-primary);
    box-shadow: inset .28rem 0 0 currentColor,0 0 .9rem rgb(var(--cyber-primary-rgb)/.22);
    clip-path: polygon(.45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%, 0 .45rem);
    border-radius: 0;
    padding: .78rem .92rem;
  }

  .cyber-progress, :where([data-ui="cyberpunk"]) .usk-progress, :where([data-ui="cyberpunk"]) .ui-progress {
    background: repeating-linear-gradient(110deg,var(--cyber-surface-soft)0 .65rem,transparent .65rem .78rem);
    border-radius: 0;
    height: .7rem;
  }

  .cyber-progress-bar, :where([data-ui="cyberpunk"]) .usk-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar {
    background: repeating-linear-gradient(110deg,var(--cyber-primary)0 .65rem,var(--cyber-accent) .65rem .78rem);
    border-radius: 0;
  }

  .cyber-table-wrap, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap {
    background: var(--cyber-card-bg);
    border: 2px solid var(--cyber-primary);
    box-shadow: inset .2rem 0 0 rgb(var(--cyber-accent-rgb)/.25);
    border-radius: 0;
  }

  .cyber-table th, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .ui-table th {
    background: linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.2),transparent);
    padding: .58rem .72rem;
    font-weight: 850;
  }

  .cyber-table td, :where([data-ui="cyberpunk"]) .usk-table td, :where([data-ui="cyberpunk"]) .ui-table td {
    padding: .62rem .72rem;
  }

  .cyber-tooltip, [data-ui="cyberpunk"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="cyberpunk"]) .usk-tooltip, :where([data-ui="cyberpunk"]) .ui-tooltip {
    border: 1px solid var(--cyber-accent);
    clip-path: polygon(.35rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%, 0 .35rem);
    border-radius: 0;
  }

  .cyber-card-service, .cyber-card-feature, .cyber-media-scrim, .cyber-feature-strip, .cyber-callout-bar {
    clip-path: polygon(.55rem 0, 100% 0, 100% calc(100% - .55rem), calc(100% - .55rem) 100%, 0 100%, 0 .55rem);
    border-radius: 0;
  }

  .cyber-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .ui-button {
    border-radius: .04rem;
  }

  .cyber-input, :where([data-ui="cyberpunk"]) .usk-input, :where([data-ui="cyberpunk"]) .ui-input {
    border-radius: .03rem;
  }

  .cyber-card, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .ui-card {
    border-radius: .05rem;
  }

  .cyber-alert, :where([data-ui="cyberpunk"]) .usk-alert, :where([data-ui="cyberpunk"]) .ui-alert {
    border-radius: .07rem;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .cyber-panel, .cyber-card-service, .cyber-feature-strip, .cyber-callout-bar {
      background: linear-gradient(126deg,color-mix(in srgb,var(--cyber-surface) 62%,var(--cyber-primary)),transparent 64%),linear-gradient(24deg,transparent 44%,color-mix(in srgb,var(--cyber-surface) 68%,var(--cyber-accent))),var(--cyber-card-bg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="cyberpunk"] *, [data-ui="cyberpunk"] :before, [data-ui="cyberpunk"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="cyberpunk"] {
      --cyber-border-alpha: 1;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="cyberpunk"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="cyberpunk"] :where(:focus-visible) {
      box-shadow: none;
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="cyberpunk"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="cyberpunk"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="cyberpunk"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .cyber-input[readonly], .cyber-textarea[readonly], :where([data-ui="cyberpunk"]) .usk-input[readonly], :where([data-ui="cyberpunk"]) .usk-textarea[readonly], :where([data-ui="cyberpunk"]) .ui-input[readonly], :where([data-ui="cyberpunk"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .cyber-button-primary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(112deg,var(--cyber-primary),var(--cyber-accent));
    color: var(--cyber-on-primary);
    border-color: var(--cyber-primary);
  }

  .cyber-button-secondary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(112deg,var(--cyber-secondary),rgb(var(--cyber-secondary-rgb)/.72));
    color: var(--cyber-on-secondary);
    border-color: var(--cyber-secondary);
  }

  .cyber-button-danger, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(112deg,var(--cyber-danger),rgb(var(--cyber-danger-rgb)/.66));
    color: var(--cyber-on-danger);
    border-color: var(--cyber-danger);
  }

  .cyber-button-ghost, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--cyber-primary));
    background: none;
    border-color: #0000;
  }

  .cyber-feature-item > .cyber-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .cyber-callout-bar > .cyber-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="cyberpunk"][data-mode] {
    --usk-native-font-control: var(--cyber-font-mono);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .55rem;
    --usk-native-control-padding-inline: .875rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: .08rem;
    --usk-native-radius: .08rem;
    --usk-native-radius-lg: .08rem;
    --usk-native-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .14);
    --usk-native-shadow-md: 0 0 .9rem rgb(var(--cyber-primary-rgb) / .16);
    --usk-native-focus-ring: 0 0 0 2px var(--cyber-surface), 0 0 0 4px var(--cyber-focus), 0 0 .8rem rgb(var(--cyber-focus-rgb) / .22);
    --usk-native-subcontrol-padding-block: .48rem;
    --usk-native-subcontrol-padding-inline: .68rem;
    --usk-native-choice-size: 1.25rem;
    --usk-native-choice-background: var(--cyber-control-bg);
    --usk-native-choice-border: 1px solid var(--cyber-border);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 .5rem rgb(var(--cyber-primary-rgb) / .18);
    --usk-native-choice-checked-background: var(--cyber-primary);
    --usk-native-choice-mark-color: var(--cyber-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 46%, var(--cyber-primary) 46% 56%, transparent 56%), linear-gradient(135deg, transparent 46%, var(--cyber-primary) 46% 56%, transparent 56%);
    --usk-native-select-indicator-size: .62rem .62rem, .62rem .62rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .74rem) 50%;
    --usk-native-select-padding-inline-end: 2.45rem;
    --usk-native-range-track-size: .5rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--cyber-success), var(--cyber-warning) 62%, var(--cyber-danger));
    --usk-native-range-track-border: 1px solid var(--cyber-border);
    --usk-native-range-track-radius: .08rem;
    --usk-native-range-track-shadow: 0 0 .45rem rgb(var(--cyber-primary-rgb) / .16);
    --usk-native-range-progress-background: var(--cyber-primary);
    --usk-native-range-thumb-size: 1.25rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--cyber-primary);
    --usk-native-range-thumb-radius: .08rem;
    --usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .24);
    --usk-native-progress-size: .7rem;
    --usk-native-progress-track-background: repeating-linear-gradient(110deg, var(--cyber-surface-soft) 0 .58rem, transparent .58rem .72rem);
    --usk-native-progress-track-border: 1px solid var(--cyber-border);
    --usk-native-progress-track-radius: .08rem;
    --usk-native-progress-track-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb) / .16);
    --usk-native-progress-value-background: repeating-linear-gradient(110deg, var(--cyber-primary) 0 .58rem, var(--cyber-primary-hover) .58rem .72rem);
    --usk-native-progress-value-radius: .08rem;
    --usk-native-progress-value-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .22);
    --usk-native-file-button-background: var(--cyber-primary);
    --usk-native-file-button-border: 1px solid var(--cyber-primary);
    --usk-native-file-button-radius: .08rem;
    --usk-native-file-button-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .18);
    --usk-native-scrollbar-size: .68rem;
    --usk-native-scrollbar-track: var(--cyber-surface-soft);
    --usk-native-scrollbar-thumb: var(--cyber-primary);
    --usk-native-scrollbar-radius: .08rem;
    --cyber-theme-bg-size: 32px 32px, 32px 32px, auto;
    --cyber-theme-bg: linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-border-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);
    --cyber-card-bg: linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .12), transparent 18%) top left / 3rem 3rem no-repeat, var(--cyber-surface);
    --cyber-control-bg: linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));
  }

  [data-ui="cyberpunk"] {
    background: var(--cyber-theme-bg);
    background-size: var(--cyber-theme-bg-size);
  }

  .cyber-title, .cyber-heading {
    font-family: var(--cyber-font-heading);
    letter-spacing: .08em;
  }

  .cyber-kicker, .cyber-label, .cyber-button, .cyber-badge, .cyber-nav-link, .cyber-table th, .cyber-tooltip, [data-ui="cyberpunk"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="cyberpunk"]) .usk-label, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .usk-nav-link, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .usk-tooltip, :where([data-ui="cyberpunk"]) .ui-label, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-tooltip {
    font-family: var(--cyber-font-mono);
    letter-spacing: .045em;
  }

  .cyber-title {
    text-shadow: 0 0 .65rem rgb(var(--cyber-primary-rgb)/.22);
    margin-block: .75rem;
    font-weight: 900;
  }

  .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, .cyber-card-service, .cyber-media-scrim, .cyber-feature-strip, .cyber-callout-bar, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap {
    background: var(--cyber-card-bg);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    box-shadow: 0 .75rem 1.75rem rgb(0 0 0 / calc(var(--cyber-shadow-alpha)*.62)),0 0 .85rem rgb(var(--cyber-primary-rgb)/.12);
    clip-path: polygon(0 var(--cyber-cut-md),var(--cyber-cut-md)0,calc(100% - 1.125rem)0,100% 1.125rem,100% calc(100% - var(--cyber-cut-md)),calc(100% - var(--cyber-cut-md)) 100%,1rem 100%,0 calc(100% - 1rem));
    border-radius: .08rem;
    position: relative;
  }

  .cyber-card:after, .cyber-panel:after, .cyber-console:after, .cyber-toolbar:after, .cyber-table-wrap:after, .cyber-card-service:after, .cyber-media-scrim:after, .cyber-feature-strip:after, .cyber-callout-bar:after, :where([data-ui="cyberpunk"]) .usk-card:after, :where([data-ui="cyberpunk"]) .usk-toolbar:after, :where([data-ui="cyberpunk"]) .usk-table-wrap:after, :where([data-ui="cyberpunk"]) .ui-card:after, :where([data-ui="cyberpunk"]) .ui-toolbar:after, :where([data-ui="cyberpunk"]) .ui-table-wrap:after {
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-danger));
    opacity: .86;
    block-size: 2px;
    inline-size: 100%;
    position: absolute;
    inset: 0 auto auto 0;
  }

  .cyber-panel, .cyber-console {
    padding: var(--cyber-space-5);
  }

  .cyber-card, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .ui-card {
    padding: 1.08rem;
  }

  .cyber-well, .cyber-inset {
    background: var(--cyber-control-bg);
    border: 1px solid var(--cyber-border);
    box-shadow: inset .18rem 0 0 rgb(var(--cyber-primary-rgb)/.12);
    clip-path: polygon(0 .42rem, .42rem 0, 100% 0, 100% calc(100% - .42rem), calc(100% - .42rem) 100%, 0 100%);
    border-radius: .08rem;
  }

  .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    min-block-size: 2.75rem;
    background-color: rgb(var(--cyber-surface-soft-rgb)/var(--cyber-panel-soft-alpha));
    background-image: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.12),transparent 56%);
    min-height: 2.75rem;
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    box-shadow: none;
    font-family: var(--cyber-font-mono);
    letter-spacing: .045em;
    clip-path: polygon(0 .5rem, .5rem 0, calc(100% - .75rem) 0, 100% .75rem, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    transition: transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),border-color var(--cyber-transition-fast),background-color var(--cyber-transition-fast);
    border-radius: .04rem;
    padding: .58rem .875rem;
    font-size: .75rem;
    font-weight: 800;
  }

  .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    inline-size: 2.75rem;
    min-inline-size: 2.75rem;
    padding: 0;
  }

  .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .usk-button:hover, :where([data-ui="cyberpunk"]) .usk-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover {
    border-color: var(--cyber-primary);
    color: var(--usk-primary-ink, var(--cyber-text));
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.2);
  }

  .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-icon-button:active, :where([data-ui="cyberpunk"]) .usk-button.is-active, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] {
    transform: translateY(1px);
    box-shadow: inset 0 0 .5rem #0000003d;
  }

  .cyber-button-primary, .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .usk-nav-link.is-active, :where([data-ui="cyberpunk"]) .usk-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] {
    background-color: var(--cyber-primary);
    color: var(--cyber-on-primary);
    border-color: var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.24);
    background-image: none;
  }

  .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background-color: var(--cyber-primary-hover);
    color: var(--cyber-on-primary);
    border-color: var(--cyber-primary-hover);
  }

  .cyber-button-secondary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) {
    background-color: var(--cyber-secondary);
    color: var(--cyber-on-secondary);
    border-color: var(--cyber-secondary);
    background-image: none;
  }

  .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background-color: var(--cyber-secondary-hover);
    color: var(--cyber-on-secondary);
    border-color: var(--cyber-secondary-hover);
  }

  .cyber-button-danger, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) {
    background-color: var(--cyber-danger);
    color: var(--cyber-on-danger);
    border-color: var(--cyber-danger);
    box-shadow: 0 0 .75rem rgb(var(--cyber-danger-rgb)/.2);
    background-image: none;
  }

  .cyber-button-danger:hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="danger"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]):hover {
    background-color: var(--cyber-danger);
    color: var(--cyber-on-danger);
    border-color: var(--cyber-danger);
  }

  .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .usk-input, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .usk-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select {
    min-block-size: 2.75rem;
    background-color: rgb(var(--cyber-surface-soft-rgb)/var(--cyber-panel-soft-alpha));
    background-image: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 58%);
    min-height: 2.75rem;
    color: var(--cyber-text);
    border: 1px solid var(--cyber-primary);
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .4375rem, .4375rem 0, 100% 0, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    border-radius: .03rem;
    padding: .55rem .875rem;
  }

  .cyber-select, :where([data-ui="cyberpunk"]) .usk-select, :where([data-ui="cyberpunk"]) .ui-select {
    appearance: none;
    background-image: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 58%),var(--usk-native-select-indicator-image);
    background-position: 0 0,var(--usk-native-select-indicator-position);
    background-repeat: no-repeat;
    background-size: auto,var(--usk-native-select-indicator-size);
    padding-inline-end: var(--usk-native-select-padding-inline-end);
  }

  .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .usk-input:focus, :where([data-ui="cyberpunk"]) .usk-textarea:focus, :where([data-ui="cyberpunk"]) .usk-select:focus, :where([data-ui="cyberpunk"]) .usk-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible {
    border-color: var(--cyber-focus);
    box-shadow: var(--usk-native-focus-ring);
    outline-offset: 2px;
    outline: 2px solid #0000;
  }

  .cyber-input[aria-invalid="true"], .cyber-textarea[aria-invalid="true"], .cyber-select[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-input[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-textarea[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-select[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-input[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-textarea[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-select[aria-invalid="true"] {
    border-color: var(--cyber-danger);
    box-shadow: 0 0 0 2px rgb(var(--cyber-danger-rgb)/.2);
  }

  .cyber-badge, :where([data-ui="cyberpunk"]) .usk-badge, :where([data-ui="cyberpunk"]) .ui-badge {
    min-block-size: 1.5rem;
    min-height: 1.5rem;
    box-shadow: none;
    font-family: var(--cyber-font-mono);
    letter-spacing: .045em;
    clip-path: polygon(0 .28rem, .28rem 0, calc(100% - .28rem) 0, 100% .28rem, calc(100% - .28rem) 100%, 0 100%);
    border: 1px solid;
    border-radius: .04rem;
    padding: .22rem .55rem;
    font-size: .68rem;
    font-weight: 800;
  }

  .cyber-alert, :where([data-ui="cyberpunk"]) .usk-alert, :where([data-ui="cyberpunk"]) .ui-alert {
    background: var(--cyber-card-bg);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-primary);
    box-shadow: inset .22rem 0 0 currentColor,0 0 .75rem rgb(var(--cyber-primary-rgb)/.14);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    border-radius: .07rem;
    padding: .78rem .92rem;
  }

  .cyber-alert-success, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) {
    border-color: var(--cyber-success);
    color: var(--cyber-success);
  }

  .cyber-alert-warning, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-color: var(--cyber-warning);
    color: var(--cyber-warning);
  }

  .cyber-alert-danger, :where([data-ui="cyberpunk"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-color: var(--cyber-danger);
    color: var(--cyber-danger);
  }

  .cyber-alert-body, :where([data-ui="cyberpunk"]) .usk-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body {
    color: var(--cyber-text-muted);
  }

  .cyber-progress, :where([data-ui="cyberpunk"]) .usk-progress, :where([data-ui="cyberpunk"]) .ui-progress {
    block-size: .7rem;
    min-block-size: .7rem;
    background: repeating-linear-gradient(110deg,var(--cyber-surface-soft)0 .58rem,transparent .58rem .72rem);
    border: 1px solid var(--cyber-border);
    height: .7rem;
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .28rem, .28rem 0, 100% 0, 100% 100%, .28rem 100%, 0 calc(100% - .28rem));
    border-radius: .08rem;
    padding: .1rem;
  }

  .cyber-progress-bar, :where([data-ui="cyberpunk"]) .usk-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar {
    background: repeating-linear-gradient(110deg,var(--cyber-primary)0 .58rem,var(--cyber-primary-hover) .58rem .72rem);
    box-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb)/.22);
    border-radius: .04rem;
  }

  .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .usk-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td {
    border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.46);
    padding: .5rem .65rem;
  }

  .cyber-table th, :where([data-ui="cyberpunk"]) .usk-table th, :where([data-ui="cyberpunk"]) .ui-table th {
    background: linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.16),transparent);
    color: var(--cyber-text);
    font-family: var(--cyber-font-mono);
    letter-spacing: .045em;
    font-size: .68rem;
    font-weight: 800;
  }

  .cyber-table td, :where([data-ui="cyberpunk"]) .usk-table td, :where([data-ui="cyberpunk"]) .ui-table td {
    color: var(--cyber-text-muted);
  }

  .cyber-tooltip, [data-ui="cyberpunk"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="cyberpunk"]) .usk-tooltip, :where([data-ui="cyberpunk"]) .ui-tooltip {
    background: var(--cyber-surface-strong);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .35rem, .35rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%);
    border-radius: .04rem;
  }

  .cyber-spinner, .cyber-loading-spinner, [data-ui="cyberpunk"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="cyberpunk"]) .usk-spinner, :where([data-ui="cyberpunk"]) .ui-spinner {
    clip-path: none;
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.18);
    background: none;
    border-radius: 50%;
  }

  .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .usk-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after {
    border: .14em solid rgb(var(--cyber-primary-rgb)/.32);
    box-shadow: none;
    clip-path: none;
    background: none;
    border-block-start-color: currentColor;
    border-radius: 50%;
    animation: .75s linear infinite cyber-spin;
  }

  .cyber-icon-medallion, .cyber-badge-seal {
    border: 1px solid var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.18);
    clip-path: polygon(24% 0, 76% 0, 100% 24%, 100% 76%, 76% 100%, 24% 100%, 0 76%, 0 24%);
    border-radius: .04rem;
  }

  .cyber-feature-item > .cyber-icon-medallion {
    block-size: 2.75rem;
    inline-size: 2.75rem;
    font-size: 1.1rem;
  }

  .cyber-callout-bar > .cyber-icon-medallion {
    min-block-size: 3.25rem;
    min-inline-size: 3.25rem;
    font-size: 1.35rem;
  }

  .cyber-button.cyber-button-cut, .cyber-button-cut, .cyber-button.cyber-button-outline-heavy, .cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-cut, :where([data-ui="cyberpunk"]) .usk-button.cyber-button-outline-heavy, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-cut, :where([data-ui="cyberpunk"]) .ui-button.cyber-button-outline-heavy {
    clip-path: polygon(0 .5rem, .5rem 0, calc(100% - .75rem) 0, 100% .75rem, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    border-width: 1px;
  }

  [data-ui="cyberpunk"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    min-block-size: 2.75rem;
    background-color: var(--cyber-primary);
    min-height: 2.75rem;
    color: var(--cyber-on-primary);
    border: 1px solid var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.18);
    clip-path: polygon(0 .5rem, .5rem 0, calc(100% - .75rem) 0, 100% .75rem, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    background-image: none;
    border-radius: .04rem;
  }

  [data-ui="cyberpunk"][data-mode] :where(input:not([type]):not([class]), input[type="text"]:not([class]), input[type="email"]:not([class]), input[type="search"]:not([class]), input[type="number"]:not([class]), input[type="date"]:not([class]), input[type="time"]:not([class]), textarea:not([class]), select:not([class])) {
    min-block-size: 2.75rem;
    background-color: rgb(var(--cyber-surface-soft-rgb)/var(--cyber-panel-soft-alpha));
    background-image: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 58%);
    min-height: 2.75rem;
    color: var(--cyber-text);
    border: 1px solid var(--cyber-primary);
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .4375rem, .4375rem 0, 100% 0, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    border-radius: .03rem;
  }

  [data-ui="cyberpunk"][data-mode] :where(select:not([class])) {
    appearance: none;
    background-image: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 58%),var(--usk-native-select-indicator-image);
    background-position: 0 0,var(--usk-native-select-indicator-position);
    background-repeat: no-repeat;
    background-size: auto,var(--usk-native-select-indicator-size);
    padding-inline-end: var(--usk-native-select-padding-inline-end);
  }

  [data-ui="cyberpunk"][data-mode] :where(input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"]) {
    border-color: var(--cyber-danger);
    box-shadow: 0 0 0 2px rgb(var(--cyber-danger-rgb)/.2),inset .16rem 0 0 rgb(var(--cyber-danger-rgb)/.22);
  }

  [data-ui="cyberpunk"][data-mode] :where(input[readonly]:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea[readonly]) {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  [data-ui="cyberpunk"][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
    inline-size: var(--usk-native-choice-size);
    block-size: var(--usk-native-choice-size);
    border: var(--usk-native-choice-border);
    box-shadow: var(--usk-native-choice-shadow);
  }

  [data-ui="cyberpunk"][data-mode] :where(input[type="checkbox"]) {
    border-radius: var(--usk-native-checkbox-radius);
  }

  [data-ui="cyberpunk"][data-mode] :where(input[type="radio"]) {
    border-radius: var(--usk-native-radio-radius);
  }

  [data-ui="cyberpunk"][data-mode] :where(progress, meter) {
    min-block-size: var(--usk-native-progress-size);
    min-height: var(--usk-native-progress-size);
    block-size: var(--usk-native-progress-size);
    clip-path: polygon(0 .28rem, .28rem 0, 100% 0, 100% 100%, .28rem 100%, 0 calc(100% - .28rem));
    border-radius: .08rem;
  }

  [data-ui="cyberpunk"][data-mode] :where(fieldset, dialog, details, article:not([class]), aside:not([class])) {
    background: var(--cyber-card-bg);
    color: var(--cyber-text);
    border: 1px solid var(--cyber-border);
    box-shadow: 0 .75rem 1.75rem rgb(0 0 0 / calc(var(--cyber-shadow-alpha)*.48)),0 0 .75rem rgb(var(--cyber-primary-rgb)/.1);
    clip-path: polygon(0 var(--cyber-cut-sm),var(--cyber-cut-sm)0,calc(100% - .875rem)0,100% .875rem,100% calc(100% - var(--cyber-cut-sm)),calc(100% - var(--cyber-cut-sm)) 100%,.75rem 100%,0 calc(100% - .75rem));
    border-radius: .08rem;
  }

  .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    border-radius: .04rem;
  }

  [data-ui="cyberpunk"][data-mode] {
    --cyber-template-line: rgb(var(--cyber-border-rgb) / max(.44, var(--cyber-border-alpha)));
    --cyber-template-line-strong: rgb(var(--cyber-primary-rgb) / max(.72, var(--cyber-border-alpha)));
    --cyber-template-surface: rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));
    --cyber-template-surface-strong: rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));
    --cyber-template-surface-soft: rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));
    --cyber-template-hatch: linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .12) 0 1px, transparent 1px 8px);
    --cyber-template-signal-rail: linear-gradient(90deg, var(--cyber-primary) 0 58%, transparent 58% 82%, var(--cyber-danger) 82% 100%);
    --cyber-template-cut-sm: .4375rem;
    --cyber-template-cut-md: .75rem;
    --cyber-template-glow: 0 0 .85rem rgb(var(--cyber-primary-rgb) / .18);
    --cyber-template-danger-glow: 0 0 .85rem rgb(var(--cyber-danger-rgb) / .2);
    --cyber-template-warning-glow: 0 0 .85rem rgb(var(--cyber-warning-rgb) / .16);
    --cyber-template-focus-ring: 0 0 0 2px var(--cyber-bg), 0 0 0 4px var(--cyber-focus), 0 0 .85rem rgb(var(--cyber-focus-rgb) / .24);
  }

  .cyber-overline, .cyber-section-title {
    color: var(--cyber-text);
    font-family: var(--cyber-font-mono);
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 900;
  }

  .cyber-overline {
    min-block-size: 1.5rem;
    color: var(--usk-primary-ink, var(--cyber-primary));
    align-items: center;
    gap: .5rem;
    font-size: .6875rem;
    display: inline-flex;
  }

  .cyber-overline:before {
    content: "";
    block-size: 1px;
    inline-size: 1.25rem;
    box-shadow: .5rem 0 0 rgb(var(--cyber-danger-rgb)/.78);
    background: currentColor;
    display: inline-block;
  }

  .cyber-section-title {
    color: var(--cyber-text);
    align-items: center;
    gap: .75rem;
    margin: 0;
    padding-block: .25rem .35rem;
    font-size: clamp(1rem, 1rem + .35vw, 1.35rem);
    line-height: 1.12;
    display: flex;
    position: relative;
  }

  .cyber-section-title:before {
    content: "";
    background: var(--cyber-primary);
    clip-path: polygon(0 32%, 32% 0, 100% 0, 100% 68%, 68% 100%, 0 100%);
    block-size: .85rem;
    inline-size: .85rem;
    box-shadow: 0 0 .65rem rgb(var(--cyber-primary-rgb)/.22);
    flex: 0 0 .85rem;
  }

  .cyber-section-title:after {
    content: "";
    background: repeating-linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.56)0 .5rem,transparent .5rem .75rem);
    opacity: .72;
    flex: 4rem;
    block-size: .4rem;
    min-inline-size: 2rem;
  }

  .cyber-panel, .cyber-card, .cyber-dropdown, .cyber-popover, .cyber-toast, .cyber-modal, :where([data-ui="cyberpunk"]) .usk-card, :where([data-ui="cyberpunk"]) .usk-popover, :where([data-ui="cyberpunk"]) .usk-toast, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-popover, :where([data-ui="cyberpunk"]) .ui-toast {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 22%) top left/4rem 4rem no-repeat,var(--cyber-template-surface);
    color: var(--cyber-text);
    box-shadow: 0 .9rem 2rem rgb(0 0 0 / calc(var(--cyber-shadow-alpha)*.62)),var(--cyber-template-glow);
    clip-path: polygon(0 var(--cyber-template-cut-md),var(--cyber-template-cut-md)0,calc(100% - 1rem)0,100% 1rem,100% calc(100% - var(--cyber-template-cut-md)),calc(100% - var(--cyber-template-cut-md)) 100%,.65rem 100%,0 calc(100% - .65rem));
    border-radius: .06rem;
    position: relative;
  }

  .cyber-panel:before, .cyber-card:before, .cyber-dropdown:before, .cyber-popover:before, .cyber-toast:before, .cyber-modal:before, :where([data-ui="cyberpunk"]) .usk-card:before, :where([data-ui="cyberpunk"]) .usk-popover:before, :where([data-ui="cyberpunk"]) .usk-toast:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-popover:before, :where([data-ui="cyberpunk"]) .ui-toast:before {
    content: "";
    background: var(--cyber-template-signal-rail);
    opacity: .78;
    pointer-events: none;
    block-size: 2px;
    position: absolute;
    inset-block-start: 0;
    inset-inline: .75rem 1rem;
  }

  .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    min-block-size: 36px;
    border: 1px solid var(--cyber-template-line-strong);
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.12),transparent 58%),var(--cyber-template-surface-strong);
    min-height: 36px;
    color: var(--cyber-text);
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.18);
    clip-path: polygon(0 .5rem, .5rem 0, calc(100% - .75rem) 0, 100% .75rem, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    font-family: var(--cyber-font-control);
    letter-spacing: .035em;
    text-transform: uppercase;
    transition: background-color var(--cyber-transition-fast),border-color var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),color var(--cyber-transition-fast),transform var(--cyber-transition-fast);
    border-radius: .04rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: .46rem .875rem;
    font-size: .6875rem;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
  }

  .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button {
    inline-size: 36px;
    min-inline-size: 36px;
    padding-inline: .45rem;
  }

  .cyber-button:hover, .cyber-icon-button:hover, .cyber-button.is-hover, .cyber-icon-button.is-hover, :where([data-ui="cyberpunk"]) .usk-button:hover, :where([data-ui="cyberpunk"]) .usk-icon-button:hover, :where([data-ui="cyberpunk"]) .usk-button.is-hover, :where([data-ui="cyberpunk"]) .usk-icon-button.is-hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button.is-hover, :where([data-ui="cyberpunk"]) .ui-icon-button.is-hover {
    border-color: var(--cyber-primary);
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.32),var(--cyber-template-glow);
  }

  .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-pressed, .cyber-icon-button.is-pressed, .cyber-button[aria-pressed="true"], .cyber-icon-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-icon-button:active, :where([data-ui="cyberpunk"]) .usk-button.is-pressed, :where([data-ui="cyberpunk"]) .usk-icon-button.is-pressed, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-pressed, :where([data-ui="cyberpunk"]) .ui-icon-button.is-pressed, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-pressed="true"] {
    box-shadow: inset 0 0 0 1px rgb(var(--cyber-primary-rgb)/.48);
    transform: translateY(1px);
  }

  .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-tab:focus-visible, .cyber-segment:focus-visible, .cyber-pagination-page:focus-visible, .cyber-choice:focus-within, .cyber-file:focus-within, :where([data-ui="cyberpunk"]) .usk-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .usk-tab:focus-visible, :where([data-ui="cyberpunk"]) .usk-segment:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-tab:focus-visible, :where([data-ui="cyberpunk"]) .ui-segment:focus-visible {
    outline-offset: 2px;
    box-shadow: var(--cyber-template-focus-ring);
    outline: 2px solid #0000;
  }

  .cyber-button:disabled, .cyber-icon-button:disabled, .cyber-button.is-disabled, .cyber-icon-button.is-disabled, :where([data-ui="cyberpunk"]) .usk-button:disabled, :where([data-ui="cyberpunk"]) .usk-icon-button:disabled, :where([data-ui="cyberpunk"]) .usk-button.is-disabled, :where([data-ui="cyberpunk"]) .usk-icon-button.is-disabled, :where([data-ui="cyberpunk"]) .ui-button:disabled, :where([data-ui="cyberpunk"]) .ui-icon-button:disabled, :where([data-ui="cyberpunk"]) .ui-button.is-disabled, :where([data-ui="cyberpunk"]) .ui-icon-button.is-disabled {
    opacity: .55;
    filter: grayscale(.25);
    cursor: not-allowed;
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-border-rgb)/.24);
    transform: none;
  }

  .cyber-button[aria-busy="true"], .cyber-button.is-loading, .cyber-icon-button[aria-busy="true"], .cyber-icon-button.is-loading, :where([data-ui="cyberpunk"]) .usk-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .usk-button.is-loading, :where([data-ui="cyberpunk"]) .usk-icon-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .usk-icon-button.is-loading, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-button.is-loading, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button.is-loading {
    color: var(--cyber-loading-text, var(--cyber-text));
    pointer-events: none;
    position: relative;
  }

  .cyber-button.is-loading:before, .cyber-icon-button.is-loading:before, :where([data-ui="cyberpunk"]) .usk-button.is-loading:before, :where([data-ui="cyberpunk"]) .usk-icon-button.is-loading:before, :where([data-ui="cyberpunk"]) .ui-button.is-loading:before, :where([data-ui="cyberpunk"]) .ui-icon-button.is-loading:before {
    content: "";
    border: 2px solid rgb(var(--cyber-primary-rgb)/.32);
    border-block-start-color: var(--cyber-on-primary);
    border-radius: 50%;
    flex: none;
    block-size: .95rem;
    inline-size: .95rem;
    animation: .75s linear infinite cyber-spin;
    position: relative;
  }

  .cyber-button-primary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) {
    --cyber-loading-text: var(--cyber-on-primary);
    border-color: var(--cyber-primary-action-color, var(--cyber-primary));
    background-color: var(--cyber-primary-action-color, var(--cyber-primary));
    color: var(--cyber-on-primary);
    box-shadow: 0 0 .85rem rgb(var(--cyber-primary-rgb)/.22);
    background-image: none;
  }

  .cyber-button-primary:hover, .cyber-button-primary.is-hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="primary"]).is-hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]).is-hover {
    --cyber-primary-action-color: var(--cyber-primary-hover);
  }

  .cyber-button-secondary, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) {
    border-color: var(--cyber-template-line);
    background-color: var(--cyber-template-surface-strong);
    background-image: linear-gradient(135deg,rgb(var(--cyber-secondary-rgb)/.28),transparent 60%);
    color: var(--cyber-text);
  }

  .cyber-button-ghost, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--cyber-text));
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-color: #0000;
  }

  .cyber-button-danger, :where([data-ui="cyberpunk"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) {
    --cyber-loading-text: var(--cyber-danger);
    border-color: var(--cyber-danger);
    background-color: rgb(var(--cyber-danger-rgb)/.12);
    background-image: linear-gradient(135deg,rgb(var(--cyber-danger-rgb)/.16),transparent 62%);
    color: var(--cyber-text);
    box-shadow: var(--cyber-template-danger-glow);
  }

  [data-ui="cyberpunk"][data-mode][style*="--cyber-on-danger"] .cyber-button-danger, :where([data-ui="cyberpunk"])[data-mode][style*="--cyber-on-danger"] .usk-button:where([data-ui-variant="danger"]), :where([data-ui="cyberpunk"])[data-mode][style*="--cyber-on-danger"] .ui-button:where([data-ui-variant="danger"]) {
    color: var(--cyber-on-danger);
  }

  .cyber-input, .cyber-select, .cyber-textarea, .cyber-file, :where([data-ui="cyberpunk"]) .usk-input, :where([data-ui="cyberpunk"]) .usk-select, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-select, :where([data-ui="cyberpunk"]) .ui-textarea {
    width: 100%;
    min-block-size: 36px;
    border: 1px solid var(--cyber-field-border-color, var(--cyber-template-line));
    border-block-end-color: var(--cyber-field-border-end-color, var(--cyber-template-line-strong));
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.1),transparent 58%),var(--cyber-template-surface-soft);
    min-height: 36px;
    color: var(--cyber-text);
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .4375rem, .4375rem 0, 100% 0, 100% calc(100% - .4375rem), calc(100% - .4375rem) 100%, 0 100%);
    font: 700 .875rem/1.35 var(--cyber-font-body);
    border-radius: .03rem;
    padding: .5rem .75rem;
  }

  .cyber-input:hover, .cyber-select:hover, .cyber-textarea:hover, .cyber-file:hover, .cyber-input.is-hover, .cyber-select.is-hover, .cyber-textarea.is-hover, .cyber-file.is-hover, :where([data-ui="cyberpunk"]) .usk-input:hover, :where([data-ui="cyberpunk"]) .usk-select:hover, :where([data-ui="cyberpunk"]) .usk-textarea:hover, :where([data-ui="cyberpunk"]) .usk-input.is-hover, :where([data-ui="cyberpunk"]) .usk-select.is-hover, :where([data-ui="cyberpunk"]) .usk-textarea.is-hover, :where([data-ui="cyberpunk"]) .ui-input:hover, :where([data-ui="cyberpunk"]) .ui-select:hover, :where([data-ui="cyberpunk"]) .ui-textarea:hover, :where([data-ui="cyberpunk"]) .ui-input.is-hover, :where([data-ui="cyberpunk"]) .ui-select.is-hover, :where([data-ui="cyberpunk"]) .ui-textarea.is-hover {
    --cyber-field-border-color: var(--cyber-template-line-strong);
    --cyber-field-border-end-color: var(--cyber-template-line-strong);
  }

  [data-ui="cyberpunk"] .cyber-input:focus, [data-ui="cyberpunk"] .cyber-select:focus, [data-ui="cyberpunk"] .cyber-textarea:focus, [data-ui="cyberpunk"] .cyber-file:focus-within, [data-ui="cyberpunk"] .cyber-input.is-focus, [data-ui="cyberpunk"] .cyber-select.is-focus, [data-ui="cyberpunk"] .cyber-textarea.is-focus, [data-ui="cyberpunk"] .cyber-file.is-focus, :where([data-ui="cyberpunk"]) .usk-input:focus, :where([data-ui="cyberpunk"]) .usk-select:focus, :where([data-ui="cyberpunk"]) .usk-textarea:focus, :where([data-ui="cyberpunk"]) .usk-input.is-focus, :where([data-ui="cyberpunk"]) .usk-select.is-focus, :where([data-ui="cyberpunk"]) .usk-textarea.is-focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-select:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-input.is-focus, :where([data-ui="cyberpunk"]) .ui-select.is-focus, :where([data-ui="cyberpunk"]) .ui-textarea.is-focus {
    --cyber-field-border-color: var(--cyber-primary);
    --cyber-field-border-end-color: var(--cyber-primary);
    outline-offset: 2px;
    box-shadow: var(--cyber-template-focus-ring);
    outline: 2px solid #0000;
  }

  .cyber-input[aria-invalid="true"], .cyber-select[aria-invalid="true"], .cyber-textarea[aria-invalid="true"], .cyber-input.is-error, .cyber-select.is-error, .cyber-textarea.is-error, :where([data-ui="cyberpunk"]) .usk-input[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-select[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-textarea[aria-invalid="true"], :where([data-ui="cyberpunk"]) .usk-input.is-error, :where([data-ui="cyberpunk"]) .usk-select.is-error, :where([data-ui="cyberpunk"]) .usk-textarea.is-error, :where([data-ui="cyberpunk"]) .ui-input[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-select[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-textarea[aria-invalid="true"], :where([data-ui="cyberpunk"]) .ui-input.is-error, :where([data-ui="cyberpunk"]) .ui-select.is-error, :where([data-ui="cyberpunk"]) .ui-textarea.is-error {
    --cyber-field-border-color: var(--cyber-danger);
    --cyber-field-border-end-color: var(--cyber-danger);
    box-shadow: var(--cyber-template-danger-glow);
  }

  .cyber-file {
    cursor: pointer;
    align-content: center;
    gap: .15rem;
    display: grid;
  }

  .cyber-file strong, .cyber-file span {
    min-width: 0;
    display: block;
  }

  .cyber-file span span {
    color: var(--cyber-text-muted);
    font-size: .74rem;
  }

  .cyber-textarea, :where([data-ui="cyberpunk"]) .usk-textarea, :where([data-ui="cyberpunk"]) .ui-textarea {
    resize: vertical;
    min-block-size: 5.5rem;
  }

  .cyber-input-wrap {
    align-items: center;
    inline-size: 100%;
    display: flex;
    position: relative;
  }

  .cyber-input-wrap .cyber-input, .cyber-input-wrap .cyber-select, :where([data-ui="cyberpunk"]) .cyber-input-wrap .usk-input, :where([data-ui="cyberpunk"]) .cyber-input-wrap .usk-select, :where([data-ui="cyberpunk"]) .cyber-input-wrap .ui-input, :where([data-ui="cyberpunk"]) .cyber-input-wrap .ui-select {
    padding-inline-end: 2.45rem;
  }

  .cyber-input-icon {
    z-index: 1;
    block-size: 1.1rem;
    inline-size: 1.1rem;
    color: var(--usk-primary-ink, var(--cyber-primary));
    font-family: var(--cyber-font-mono);
    pointer-events: none;
    place-items: center;
    font-size: .8rem;
    display: inline-grid;
    position: absolute;
    inset-inline-end: .75rem;
  }

  .cyber-helper, .cyber-error-text {
    font-family: var(--cyber-font-mono);
    align-items: flex-start;
    gap: .4rem;
    margin-block-start: .35rem;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.35;
    display: flex;
  }

  .cyber-helper {
    color: var(--cyber-text-muted);
  }

  .cyber-error-text {
    color: var(--cyber-danger);
  }

  .cyber-error-text:before {
    content: "!";
    color: var(--cyber-danger);
    flex: none;
  }

  .cyber-dropdown {
    gap: .25rem;
    padding: .5rem;
    display: grid;
  }

  .cyber-option {
    appearance: none;
    min-block-size: 36px;
    color: var(--cyber-text);
    box-shadow: none;
    clip-path: polygon(0 .32rem, .32rem 0, 100% 0, 100% calc(100% - .32rem), calc(100% - .32rem) 100%, 0 100%);
    font-family: var(--cyber-font-mono);
    background: none;
    border: 1px solid #0000;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .45rem .65rem;
    font-size: .75rem;
    font-weight: 800;
    display: flex;
  }

  .cyber-option:is(:hover, :focus-visible), .cyber-option[aria-selected="true"], .cyber-option.is-active {
    border-color: var(--cyber-primary);
    background: rgb(var(--cyber-primary-rgb)/.14);
    color: var(--usk-primary-ink, var(--cyber-primary));
    outline: 0;
  }

  .cyber-tags {
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .cyber-chip, :where([data-ui="cyberpunk"]) .usk-chip, :where([data-ui="cyberpunk"]) .ui-chip {
    background: rgb(var(--cyber-surface-soft-rgb)/var(--cyber-panel-soft-alpha));
    min-block-size: 1.75rem;
    color: var(--cyber-chip-color, var(--usk-primary-ink, var(--cyber-primary)));
    clip-path: polygon(0 .28rem, .28rem 0, calc(100% - .28rem) 0, 100% .28rem, 100% 100%, .28rem 100%, 0 calc(100% - .28rem));
    font-family: var(--cyber-font-mono);
    text-transform: uppercase;
    border: 1px solid;
    border-radius: .04rem;
    align-items: center;
    gap: .35rem;
    padding: .28rem .55rem;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
  }

  .cyber-choice {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface);
    min-block-size: 44px;
    color: var(--cyber-text);
    clip-path: polygon(0 .42rem, .42rem 0, 100% 0, 100% calc(100% - .42rem), calc(100% - .42rem) 100%, 0 100%);
    border-radius: .04rem;
    align-items: flex-start;
    gap: .65rem;
    padding: .62rem .7rem;
    display: flex;
  }

  .cyber-choice input {
    accent-color: var(--cyber-primary);
    margin-block-start: .15rem;
  }

  .cyber-choice input[type="checkbox"], .cyber-choice input[type="radio"] {
    appearance: auto;
    block-size: 1rem;
    min-block-size: 1rem;
    inline-size: 1rem;
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 0;
    flex: none;
    padding: 0;
  }

  .cyber-choice strong, .cyber-choice span {
    display: block;
  }

  .cyber-choice span {
    color: var(--cyber-text-muted);
    font-size: .78rem;
    line-height: 1.35;
  }

  .cyber-switch, :where([data-ui="cyberpunk"]) .usk-switch, :where([data-ui="cyberpunk"]) .ui-switch {
    min-block-size: 44px;
    font-family: var(--cyber-font-mono);
    font-size: .75rem;
    font-weight: 800;
  }

  .cyber-switch-track, :where([data-ui="cyberpunk"]) .usk-switch-track, :where([data-ui="cyberpunk"]) .ui-switch-track {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-soft);
    box-shadow: inset 0 0 0 1px rgb(var(--cyber-primary-rgb)/.12);
    clip-path: polygon(0 .35rem, .35rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%);
    border-radius: .12rem;
  }

  .cyber-switch-thumb, :where([data-ui="cyberpunk"]) .usk-switch-thumb, :where([data-ui="cyberpunk"]) .ui-switch-thumb {
    background: var(--cyber-text-muted);
    border-color: var(--cyber-template-line);
    border-radius: .08rem;
  }

  .cyber-switch:has(input:checked) .cyber-switch-track, :where([data-ui="cyberpunk"]) .usk-switch:has(input:checked) .usk-switch-track, :where([data-ui="cyberpunk"]) .ui-switch:has(input:checked) .ui-switch-track {
    background: var(--cyber-primary);
    border-color: var(--cyber-primary);
    box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb)/.22);
  }

  .cyber-switch:has(input:checked) .cyber-switch-thumb, :where([data-ui="cyberpunk"]) .usk-switch:has(input:checked) .usk-switch-thumb, :where([data-ui="cyberpunk"]) .ui-switch:has(input:checked) .ui-switch-thumb {
    background: var(--cyber-on-primary);
    border-color: var(--cyber-on-primary);
  }

  .cyber-segmented {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-soft);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    flex-wrap: wrap;
    gap: .25rem;
    padding: .25rem;
    display: inline-flex;
  }

  .cyber-segment, :where([data-ui="cyberpunk"]) .usk-segment, :where([data-ui="cyberpunk"]) .ui-segment {
    min-block-size: 36px;
    color: var(--cyber-text-muted);
    clip-path: polygon(0 .32rem, .32rem 0, 100% 0, 100% calc(100% - .32rem), calc(100% - .32rem) 100%, 0 100%);
    font-family: var(--cyber-font-mono);
    text-transform: uppercase;
    background: none;
    border: 1px solid #0000;
    padding: .45rem .75rem;
    font-size: .72rem;
    font-weight: 900;
  }

  .cyber-segment[aria-pressed="true"], .cyber-segment.is-active, :where([data-ui="cyberpunk"]) .usk-segment[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-segment.is-active, :where([data-ui="cyberpunk"]) .ui-segment[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-segment.is-active {
    border-color: var(--cyber-primary);
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
    box-shadow: 0 0 .65rem rgb(var(--cyber-primary-rgb)/.22);
  }

  .cyber-range {
    width: 100%;
    min-block-size: 36px;
    accent-color: var(--cyber-primary);
    background-image: linear-gradient(90deg,var(--cyber-success),var(--cyber-warning) 58%,var(--cyber-danger));
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% .5rem;
  }

  .cyber-range-critical {
    accent-color: var(--cyber-danger);
    background-image: linear-gradient(90deg,var(--cyber-warning),var(--cyber-danger));
  }

  .cyber-range::-webkit-slider-runnable-track {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(90deg,var(--cyber-success),var(--cyber-warning) 58%,var(--cyber-danger));
    block-size: .5rem;
    box-shadow: var(--cyber-template-glow);
    border-radius: .08rem;
  }

  .cyber-range-critical::-webkit-slider-runnable-track {
    background: linear-gradient(90deg,var(--cyber-warning),var(--cyber-danger));
  }

  .cyber-range::-webkit-slider-thumb {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-strong);
    block-size: 1.25rem;
    inline-size: 1.25rem;
    box-shadow: 0 0 .6rem rgb(var(--cyber-primary-rgb)/.22);
    clip-path: polygon(0 .28rem, .28rem 0, 100% 0, 100% calc(100% - .28rem), calc(100% - .28rem) 100%, 0 100%);
    border-radius: .08rem;
    margin-block-start: -.45rem;
  }

  .cyber-range::-moz-range-track {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(90deg,var(--cyber-success),var(--cyber-warning) 58%,var(--cyber-danger));
    block-size: .5rem;
    box-shadow: var(--cyber-template-glow);
    border-radius: .08rem;
  }

  .cyber-range-critical::-moz-range-track {
    background: linear-gradient(90deg,var(--cyber-warning),var(--cyber-danger));
  }

  .cyber-range::-moz-range-thumb {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-strong);
    block-size: 1.25rem;
    inline-size: 1.25rem;
    box-shadow: 0 0 .6rem rgb(var(--cyber-primary-rgb)/.22);
    clip-path: polygon(0 .28rem, .28rem 0, 100% 0, 100% calc(100% - .28rem), calc(100% - .28rem) 100%, 0 100%);
    border-radius: .08rem;
  }

  .cyber-progress-magenta .cyber-progress-bar, .cyber-progress-bar.cyber-progress-magenta, :where([data-ui="cyberpunk"]) .cyber-progress-magenta .usk-progress-bar, :where([data-ui="cyberpunk"]) .usk-progress-bar.cyber-progress-magenta, :where([data-ui="cyberpunk"]) .cyber-progress-magenta .ui-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar.cyber-progress-magenta {
    background: repeating-linear-gradient(110deg,var(--cyber-danger)0 .58rem,var(--cyber-accent) .58rem .72rem);
    box-shadow: 0 0 .6rem rgb(var(--cyber-danger-rgb)/.22);
  }

  .cyber-meter {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(90deg,var(--cyber-success)0 46%,var(--cyber-warning) 46% 72%,var(--cyber-danger) 72% 100%),var(--cyber-template-surface-soft);
    block-size: .85rem;
    min-block-size: .85rem;
    box-shadow: inset .16rem 0 0 rgb(var(--cyber-primary-rgb)/.16);
    clip-path: polygon(0 .28rem, .28rem 0, 100% 0, 100% 100%, .28rem 100%, 0 calc(100% - .28rem));
    border-radius: .08rem;
    position: relative;
  }

  .cyber-meter:after {
    content: "";
    background: var(--cyber-text);
    inline-size: 2px;
    box-shadow: 0 0 .5rem rgb(var(--cyber-text-rgb)/.35);
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--cyber-meter-value, 68%);
  }

  .cyber-stepper, :where([data-ui="cyberpunk"]) .usk-stepper, :where([data-ui="cyberpunk"]) .ui-stepper {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface);
    clip-path: polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%);
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    padding: .75rem;
    list-style: none;
    display: flex;
    position: relative;
  }

  .cyber-stepper:before, :where([data-ui="cyberpunk"]) .usk-stepper:before, :where([data-ui="cyberpunk"]) .ui-stepper:before {
    content: "";
    background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-template-line-strong));
    block-size: 1px;
    position: absolute;
    inset-block-start: 1.625rem;
    inset-inline: 1.625rem;
  }

  .cyber-step, :where([data-ui="cyberpunk"]) .usk-step, :where([data-ui="cyberpunk"]) .ui-step {
    z-index: 1;
    color: var(--cyber-text-muted);
    text-align: center;
    flex: 1 1 0;
    place-items: start center;
    gap: .6rem;
    display: grid;
    position: relative;
  }

  .cyber-step:before, :where([data-ui="cyberpunk"]) .usk-step:before, :where([data-ui="cyberpunk"]) .ui-step:before {
    content: attr(data-step);
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-soft);
    block-size: 1.75rem;
    inline-size: 1.75rem;
    color: var(--cyber-text);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    font-family: var(--cyber-font-mono);
    place-items: center;
    font-size: .68rem;
    font-weight: 900;
    display: inline-grid;
  }

  .cyber-step.is-active, :where([data-ui="cyberpunk"]) .usk-step.is-active, :where([data-ui="cyberpunk"]) .ui-step.is-active {
    color: var(--cyber-text);
  }

  .cyber-step>span, :where([data-ui="cyberpunk"]) .usk-step>span, :where([data-ui="cyberpunk"]) .ui-step>span {
    justify-items: center;
    gap: .15rem;
    min-width: 0;
    display: grid;
  }

  .cyber-step strong, .cyber-step .cyber-text-muted, :where([data-ui="cyberpunk"]) .usk-step strong, :where([data-ui="cyberpunk"]) .usk-step .cyber-text-muted, :where([data-ui="cyberpunk"]) .ui-step strong, :where([data-ui="cyberpunk"]) .ui-step .cyber-text-muted {
    display: block;
  }

  .cyber-step.is-active:before, :where([data-ui="cyberpunk"]) .usk-step.is-active:before, :where([data-ui="cyberpunk"]) .ui-step.is-active:before {
    border-color: var(--cyber-primary);
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
  }

  .cyber-toast, :where([data-ui="cyberpunk"]) .usk-toast, :where([data-ui="cyberpunk"]) .ui-toast {
    border-color: var(--cyber-primary);
    max-inline-size: 26rem;
    box-shadow: var(--cyber-template-glow);
    gap: .35rem;
    padding: .8rem .9rem;
    display: grid;
  }

  .cyber-skeleton, :where([data-ui="cyberpunk"]) .usk-skeleton, :where([data-ui="cyberpunk"]) .ui-skeleton {
    border: 1px solid rgb(var(--cyber-border-rgb)/.42);
    background: linear-gradient(90deg,transparent,rgb(var(--cyber-primary-rgb)/.16),transparent),var(--cyber-template-surface-soft);
    clip-path: polygon(0 .3rem, .3rem 0, 100% 0, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, 0 100%);
    background-size: 12rem 100%, auto;
    border-radius: .04rem;
    min-block-size: 1rem;
    inline-size: 100%;
    animation: 1.35s linear infinite cyber-skeleton-scan;
    display: block;
  }

  .cyber-breadcrumb, .cyber-tabs, .cyber-pagination, :where([data-ui="cyberpunk"]) .usk-breadcrumb, :where([data-ui="cyberpunk"]) .usk-tabs, :where([data-ui="cyberpunk"]) .usk-pagination, :where([data-ui="cyberpunk"]) .ui-breadcrumb, :where([data-ui="cyberpunk"]) .ui-tabs, :where([data-ui="cyberpunk"]) .ui-pagination {
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    display: flex;
  }

  .cyber-breadcrumb, :where([data-ui="cyberpunk"]) .usk-breadcrumb, :where([data-ui="cyberpunk"]) .ui-breadcrumb {
    color: var(--cyber-text-muted);
    font-family: var(--cyber-font-mono);
    font-size: .72rem;
    font-weight: 800;
  }

  .cyber-breadcrumb a, :where([data-ui="cyberpunk"]) .usk-breadcrumb a, :where([data-ui="cyberpunk"]) .ui-breadcrumb a {
    color: var(--usk-primary-ink, var(--cyber-primary));
  }

  .cyber-breadcrumb span+span:before, .cyber-breadcrumb a+span:before, .cyber-breadcrumb a+a:before, .cyber-breadcrumb span+a:before, :where([data-ui="cyberpunk"]) .usk-breadcrumb span+span:before, :where([data-ui="cyberpunk"]) .usk-breadcrumb a+span:before, :where([data-ui="cyberpunk"]) .usk-breadcrumb a+a:before, :where([data-ui="cyberpunk"]) .usk-breadcrumb span+a:before, :where([data-ui="cyberpunk"]) .ui-breadcrumb span+span:before, :where([data-ui="cyberpunk"]) .ui-breadcrumb a+span:before, :where([data-ui="cyberpunk"]) .ui-breadcrumb a+a:before, :where([data-ui="cyberpunk"]) .ui-breadcrumb span+a:before {
    content: "/";
    color: var(--cyber-danger);
    margin-inline: .15rem .45rem;
  }

  .cyber-tabs, .cyber-pagination, :where([data-ui="cyberpunk"]) .usk-tabs, :where([data-ui="cyberpunk"]) .usk-pagination, :where([data-ui="cyberpunk"]) .ui-tabs, :where([data-ui="cyberpunk"]) .ui-pagination {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-soft);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    padding: .3rem;
  }

  .cyber-tab, .cyber-pagination-page, :where([data-ui="cyberpunk"]) .usk-tab, :where([data-ui="cyberpunk"]) .ui-tab {
    min-block-size: 36px;
    min-inline-size: 36px;
    color: var(--cyber-text-muted);
    clip-path: polygon(0 .32rem, .32rem 0, 100% 0, 100% calc(100% - .32rem), calc(100% - .32rem) 100%, 0 100%);
    font-family: var(--cyber-font-mono);
    text-transform: uppercase;
    background: none;
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    padding: .45rem .7rem;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .cyber-tab[aria-selected="true"], .cyber-tab.is-active, .cyber-pagination-page[aria-current="page"], .cyber-pagination-page.is-active, :where([data-ui="cyberpunk"]) .usk-tab[aria-selected="true"], :where([data-ui="cyberpunk"]) .usk-tab.is-active, :where([data-ui="cyberpunk"]) .ui-tab[aria-selected="true"], :where([data-ui="cyberpunk"]) .ui-tab.is-active {
    border-color: var(--cyber-primary);
    background: var(--cyber-primary);
    color: var(--cyber-on-primary);
    box-shadow: 0 0 .65rem rgb(var(--cyber-primary-rgb)/.2);
  }

  .cyber-avatar-group, :where([data-ui="cyberpunk"]) .usk-avatar-group, :where([data-ui="cyberpunk"]) .ui-avatar-group {
    align-items: center;
    padding-inline-start: .35rem;
    display: flex;
  }

  .cyber-avatar, :where([data-ui="cyberpunk"]) .usk-avatar, :where([data-ui="cyberpunk"]) .ui-avatar {
    border: 1px solid var(--cyber-template-line-strong);
    background: linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.24),rgb(var(--cyber-danger-rgb)/.18)),var(--cyber-template-surface-strong);
    block-size: 2.25rem;
    inline-size: 2.25rem;
    color: var(--cyber-text);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    font-family: var(--cyber-font-mono);
    place-items: center;
    font-size: .72rem;
    font-weight: 900;
    display: inline-grid;
  }

  .cyber-avatar-group .cyber-avatar+.cyber-avatar, :where([data-ui="cyberpunk"]) .usk-avatar-group .usk-avatar+.usk-avatar, :where([data-ui="cyberpunk"]) .ui-avatar-group .ui-avatar+.ui-avatar {
    margin-inline-start: -.45rem;
  }

  .cyber-list {
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .cyber-list li {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface-soft);
    clip-path: polygon(0 .35rem, .35rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%);
    align-items: start;
    gap: .6rem;
    min-block-size: 36px;
    padding: .5rem .65rem;
    display: flex;
  }

  .cyber-list li:before {
    content: "";
    background: var(--cyber-primary);
    clip-path: polygon(0 35%, 35% 0, 100% 0, 100% 65%, 65% 100%, 0 100%);
    block-size: .55rem;
    inline-size: .55rem;
    margin-block-start: .3rem;
  }

  .cyber-popover, :where([data-ui="cyberpunk"]) .usk-popover, :where([data-ui="cyberpunk"]) .ui-popover {
    max-inline-size: 18rem;
    padding: .85rem;
  }

  .cyber-modal {
    max-inline-size: 34rem;
    padding: 1rem;
  }

  .cyber-modal-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    margin-block-start: 1rem;
    display: flex;
  }

  .cyber-accordion {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface);
    clip-path: polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%);
    display: grid;
  }

  .cyber-accordion summary {
    min-block-size: 44px;
    color: var(--cyber-text);
    cursor: pointer;
    font-family: var(--cyber-font-mono);
    text-transform: uppercase;
    padding: .75rem .85rem;
    font-size: .78rem;
    font-weight: 900;
  }

  .cyber-accordion summary:focus-visible {
    outline-offset: 2px;
    box-shadow: var(--cyber-template-focus-ring);
    outline: 2px solid #0000;
  }

  .cyber-accordion > div {
    color: var(--cyber-text-muted);
    padding: 0 .85rem .85rem;
  }

  .cyber-code {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.12) 1px,transparent 1px),var(--cyber-template-surface-strong);
    color: var(--cyber-text);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    font-family: var(--cyber-font-mono);
    white-space: pre-wrap;
    background-size: .75rem .75rem, auto;
    margin: 0;
    padding: .85rem;
    font-size: .78rem;
    line-height: 1.55;
    display: block;
    overflow: auto;
  }

  .cyber-code .token-key {
    color: var(--usk-primary-ink, var(--cyber-primary));
  }

  .cyber-code .token-value {
    color: var(--cyber-warning);
  }

  .cyber-quote {
    border-inline-start: .25rem solid var(--cyber-danger);
    background: linear-gradient(135deg,rgb(var(--cyber-danger-rgb)/.1),transparent 56%),var(--cyber-template-surface);
    color: var(--cyber-text);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    font-family: var(--cyber-font-body);
    margin: 0;
    padding: .85rem 1rem;
  }

  .cyber-token-swatch {
    border: 1px solid var(--cyber-template-line);
    background: var(--cyber-template-surface);
    min-block-size: 3rem;
    color: var(--cyber-text);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    padding: .45rem;
    display: grid;
  }

  .cyber-token-swatch i {
    border: 1px solid var(--cyber-template-line);
    background: linear-gradient(135deg,var(--cyber-token-swatch-color, var(--cyber-primary)),rgb(var(--cyber-surface-strong-rgb)/.2)),var(--cyber-template-hatch);
    clip-path: polygon(0 .45rem, .45rem 0, 100% 0, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, 0 100%);
    block-size: 2.15rem;
    inline-size: 2.15rem;
    display: block;
  }

  .cyber-token-swatch strong, .cyber-token-swatch span {
    min-width: 0;
    display: block;
  }

  .cyber-token-swatch span {
    color: var(--cyber-text-muted);
    font-family: var(--cyber-font-mono);
    overflow-wrap: break-word;
    font-size: .7rem;
  }

  @keyframes cyber-skeleton-scan {
    from {
      background-position: -12rem 0, 0 0;
    }

    to {
      background-position: 12rem 0, 0 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cyber-skeleton, :where([data-ui="cyberpunk"]) .usk-skeleton, :where([data-ui="cyberpunk"]) .ui-skeleton {
      animation: none;
    }
  }

  [data-ui="cyberpunk"][data-mode] .cyber-button.cyber-button-warning, :where([data-ui="cyberpunk"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="cyberpunk"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--cyber-warning);
    color: var(--cyber-on-warning);
    border-color: var(--cyber-warning);
    text-shadow: none;
  }

  .cyber-console {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin-inline: 0;
    overflow-x: auto;
  }
}

[data-ui="cyberpunk"][data-mode] .cyber-title {
  letter-spacing: max(.08em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="cyberpunk"][data-mode] .cyber-feature-item > .cyber-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="cyberpunk"][data-mode] .cyber-callout-bar > .cyber-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/y2k.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --y2k-radius-xs: 0;
    --y2k-radius-sm: 0;
    --y2k-radius-md: 0;
    --y2k-radius-lg: 0;
    --y2k-radius-xl: 0;
    --y2k-radius-pill: 0;
    --y2k-space-1: .25rem;
    --y2k-space-2: .5rem;
    --y2k-space-3: .75rem;
    --y2k-space-4: 1rem;
    --y2k-space-5: 1.25rem;
    --y2k-space-6: 1.5rem;
    --y2k-space-8: 2rem;
    --y2k-transition-fast: 60ms steps(1, end);
    --y2k-transition-base: 90ms steps(1, end);
    --y2k-transition-slow: .12s steps(1, end);
    --y2k-font-sans: Tahoma, Verdana, Arial, sans-serif;
    --y2k-font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --y2k-font-body: var(--y2k-font-sans);
    --y2k-font-heading: var(--y2k-font-sans);
    --y2k-font-control: var(--y2k-font-sans);
    --y2k-font-mono: "Courier New", Courier, monospace;
  }

  [data-ui="y2k"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --y2k-fallback-bg-rgb: 192 192 192;
    --y2k-fallback-surface-rgb: 236 236 236;
    --y2k-fallback-surface-strong-rgb: 255 255 255;
    --y2k-fallback-surface-soft-rgb: 216 216 216;
    --y2k-fallback-text-rgb: 5 5 5;
    --y2k-fallback-text-muted-rgb: 68 68 68;
    --y2k-fallback-border-rgb: 119 119 119;
    --y2k-fallback-primary-rgb: 8 24 172;
    --y2k-fallback-primary-hover-rgb: 0 127 16;
    --y2k-fallback-primary-text-rgb: 255 255 255;
    --y2k-fallback-secondary-rgb: 0 127 136;
    --y2k-fallback-secondary-hover-rgb: 0 95 102;
    --y2k-fallback-secondary-text-rgb: 255 255 255;
    --y2k-fallback-accent-rgb: 0 217 239;
    --y2k-fallback-accent-text-rgb: 0 0 0;
    --y2k-fallback-success-rgb: 0 143 19;
    --y2k-fallback-success-text-rgb: 0 0 0;
    --y2k-fallback-warning-rgb: 255 240 0;
    --y2k-fallback-warning-text-rgb: 0 0 0;
    --y2k-fallback-danger-rgb: 210 18 18;
    --y2k-fallback-danger-text-rgb: 255 255 255;
    --y2k-fallback-link-rgb: 0 0 204;
    --y2k-fallback-focus-rgb: 210 18 18;
    --y2k-panel-alpha: 1;
    --y2k-panel-strong-alpha: 1;
    --y2k-panel-soft-alpha: 1;
    --y2k-border-alpha: 1;
    --y2k-glow-alpha: 0;
    --y2k-shadow-alpha: .48;
    --y2k-grid-alpha: 0;
    --y2k-bevel-highlight: #fff;
    --y2k-bevel-shadow: #3d3d3d;
    --y2k-reference-navy: navy;
  }

  [data-ui="y2k"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --y2k-dark-fallback-bg-rgb: 2 6 7;
    --y2k-dark-fallback-surface-rgb: 3 7 7;
    --y2k-dark-fallback-primary-rgb: 7 20 145;
    --y2k-dark-fallback-link-rgb: 85 167 255;
    --y2k-fallback-bg-rgb: 2 6 7;
    --y2k-fallback-surface-rgb: 3 7 7;
    --y2k-fallback-surface-strong-rgb: 9 16 17;
    --y2k-fallback-surface-soft-rgb: 9 16 17;
    --y2k-fallback-text-rgb: 217 219 220;
    --y2k-fallback-text-muted-rgb: 167 172 175;
    --y2k-fallback-border-rgb: 79 90 93;
    --y2k-fallback-primary-rgb: 7 20 145;
    --y2k-fallback-primary-hover-rgb: 0 127 16;
    --y2k-fallback-primary-text-rgb: 255 255 255;
    --y2k-fallback-secondary-rgb: 7 94 101;
    --y2k-fallback-secondary-hover-rgb: 7 94 101;
    --y2k-fallback-secondary-text-rgb: 255 255 255;
    --y2k-fallback-accent-rgb: 25 215 239;
    --y2k-fallback-accent-text-rgb: 0 0 0;
    --y2k-fallback-success-rgb: 22 209 45;
    --y2k-fallback-success-text-rgb: 0 0 0;
    --y2k-fallback-warning-rgb: 255 242 60;
    --y2k-fallback-warning-text-rgb: 0 0 0;
    --y2k-fallback-danger-rgb: 255 48 48;
    --y2k-fallback-danger-text-rgb: 0 0 0;
    --y2k-fallback-link-rgb: 85 167 255;
    --y2k-fallback-focus-rgb: 255 48 48;
    --y2k-panel-alpha: 1;
    --y2k-panel-strong-alpha: 1;
    --y2k-panel-soft-alpha: 1;
    --y2k-border-alpha: 1;
    --y2k-glow-alpha: 0;
    --y2k-shadow-alpha: .72;
    --y2k-grid-alpha: 0;
    --y2k-bevel-highlight: #879194;
    --y2k-bevel-shadow: #000;
    --y2k-reference-navy: #050f7b;
  }

  [data-ui="y2k"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --y2k-fallback-bg-rgb: 0 0 0;
    --y2k-fallback-surface-rgb: 5 8 12;
    --y2k-fallback-surface-strong-rgb: 10 19 32;
    --y2k-fallback-surface-soft-rgb: 0 0 0;
    --y2k-fallback-text-rgb: 255 255 255;
    --y2k-fallback-text-muted-rgb: 242 247 255;
    --y2k-fallback-border-rgb: 255 255 255;
    --y2k-fallback-primary-rgb: 156 197 240;
    --y2k-fallback-primary-hover-rgb: 255 255 255;
    --y2k-fallback-primary-text-rgb: 0 0 0;
    --y2k-fallback-secondary-rgb: 0 230 255;
    --y2k-fallback-secondary-hover-rgb: 255 255 255;
    --y2k-fallback-secondary-text-rgb: 0 0 0;
    --y2k-fallback-accent-rgb: 230 240 255;
    --y2k-fallback-accent-text-rgb: 0 0 0;
    --y2k-fallback-success-rgb: 0 255 144;
    --y2k-fallback-success-text-rgb: 0 0 0;
    --y2k-fallback-warning-rgb: 255 212 0;
    --y2k-fallback-warning-text-rgb: 0 0 0;
    --y2k-fallback-danger-rgb: 255 92 92;
    --y2k-fallback-danger-text-rgb: 0 0 0;
    --y2k-fallback-link-rgb: 156 197 240;
    --y2k-fallback-focus-rgb: 255 255 255;
    --y2k-panel-alpha: 1;
    --y2k-panel-strong-alpha: 1;
    --y2k-panel-soft-alpha: .92;
    --y2k-border-alpha: 1;
    --y2k-glow-alpha: .68;
    --y2k-shadow-alpha: .56;
    --y2k-grid-alpha: .18;
  }

  [data-ui="y2k"][data-theme][data-mode] {
    --y2k-bg-rgb: var(--usk-bg-rgb);
    --y2k-surface-rgb: var(--usk-surface-rgb);
    --y2k-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --y2k-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --y2k-text-rgb: var(--usk-text-rgb);
    --y2k-text-muted-rgb: var(--usk-text-muted-rgb);
    --y2k-border-rgb: var(--usk-border-rgb);
    --y2k-primary-rgb: var(--usk-primary-rgb);
    --y2k-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --y2k-primary-text-rgb: var(--usk-primary-text-rgb);
    --y2k-secondary-rgb: var(--usk-secondary-rgb);
    --y2k-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --y2k-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --y2k-accent-rgb: var(--usk-accent-rgb);
    --y2k-accent-text-rgb: var(--usk-accent-text-rgb);
    --y2k-success-rgb: var(--usk-success-rgb);
    --y2k-success-text-rgb: var(--usk-success-text-rgb);
    --y2k-warning-rgb: var(--usk-warning-rgb);
    --y2k-warning-text-rgb: var(--usk-warning-text-rgb);
    --y2k-danger-rgb: var(--usk-danger-rgb);
    --y2k-danger-text-rgb: var(--usk-danger-text-rgb);
    --y2k-link-rgb: var(--usk-link-rgb);
    --y2k-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="y2k"][data-mode] {
    --usk-native-bg: var(--y2k-bg);
    --y2k-bg-rgb: var(--usk-bg-rgb, var(--y2k-fallback-bg-rgb));
    --y2k-surface-rgb: var(--usk-surface-rgb, var(--y2k-fallback-surface-rgb));
    --y2k-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--y2k-fallback-surface-strong-rgb));
    --y2k-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--y2k-fallback-surface-soft-rgb));
    --y2k-text-rgb: var(--usk-text-rgb, var(--y2k-fallback-text-rgb));
    --y2k-text-muted-rgb: var(--usk-text-muted-rgb, var(--y2k-fallback-text-muted-rgb));
    --y2k-border-rgb: var(--usk-border-rgb, var(--y2k-fallback-border-rgb));
    --y2k-primary-rgb: var(--usk-primary-rgb, var(--y2k-fallback-primary-rgb));
    --y2k-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--y2k-fallback-primary-hover-rgb));
    --y2k-primary-text-rgb: var(--usk-primary-text-rgb, var(--y2k-fallback-primary-text-rgb));
    --y2k-secondary-rgb: var(--usk-secondary-rgb, var(--y2k-fallback-secondary-rgb));
    --y2k-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--y2k-fallback-secondary-hover-rgb));
    --y2k-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--y2k-fallback-secondary-text-rgb));
    --y2k-accent-rgb: var(--usk-accent-rgb, var(--y2k-fallback-accent-rgb));
    --y2k-accent-text-rgb: var(--usk-accent-text-rgb, var(--y2k-fallback-accent-text-rgb));
    --y2k-success-rgb: var(--usk-success-rgb, var(--y2k-fallback-success-rgb));
    --y2k-success-text-rgb: var(--usk-success-text-rgb, var(--y2k-fallback-success-text-rgb));
    --y2k-warning-rgb: var(--usk-warning-rgb, var(--y2k-fallback-warning-rgb));
    --y2k-warning-text-rgb: var(--usk-warning-text-rgb, var(--y2k-fallback-warning-text-rgb));
    --y2k-danger-rgb: var(--usk-danger-rgb, var(--y2k-fallback-danger-rgb));
    --y2k-danger-text-rgb: var(--usk-danger-text-rgb, var(--y2k-fallback-danger-text-rgb));
    --y2k-link-rgb: var(--usk-link-rgb, var(--y2k-fallback-link-rgb));
    --y2k-focus-rgb: var(--usk-focus-rgb, var(--y2k-fallback-focus-rgb));
    --usk-native-surface: var(--y2k-surface);
    --usk-native-surface-strong: var(--y2k-surface-strong);
    --usk-native-surface-soft: var(--y2k-surface-soft);
    --usk-native-card-bg: var(--y2k-card-bg);
    --usk-native-control-bg: var(--y2k-control-bg);
    --usk-native-text: var(--y2k-text);
    --usk-native-text-muted: var(--y2k-text-muted);
    --usk-native-border: var(--y2k-border);
    --usk-native-primary: var(--y2k-primary);
    --usk-native-primary-hover: var(--y2k-primary-hover);
    --usk-native-on-primary: var(--y2k-on-primary);
    --usk-native-secondary: var(--y2k-secondary);
    --usk-native-on-secondary: var(--y2k-on-secondary);
    --usk-native-accent: var(--y2k-accent);
    --usk-native-on-accent: var(--y2k-on-accent);
    --usk-native-on-success: var(--y2k-on-success);
    --usk-native-on-warning: var(--y2k-on-warning);
    --usk-native-on-danger: var(--y2k-on-danger);
    --usk-native-focus: var(--y2k-focus);
    --usk-native-success: var(--y2k-success);
    --usk-native-warning: var(--y2k-warning);
    --usk-native-danger: var(--y2k-danger);
    --usk-native-link: var(--y2k-link);
    --usk-native-font-body: var(--y2k-font-body);
    --usk-native-font-heading: var(--y2k-font-heading);
    --usk-native-font-control: var(--y2k-font-control);
    --usk-native-font-mono: var(--y2k-font-mono);
    --usk-native-radius-sm: var(--y2k-radius-sm);
    --usk-native-radius: var(--y2k-radius-md);
    --usk-native-radius-lg: var(--y2k-radius-lg);
    --usk-native-shadow: var(--y2k-shadow-sm, none);
    --usk-native-shadow-md: var(--y2k-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--y2k-focus-ring, 0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--y2k-space-5);
    --usk-native-control-min-block-size: 3.125rem;
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.6rem;
    --usk-native-choice-background: var(--y2k-control-bg);
    --usk-native-choice-border: 1px solid var(--y2k-border);
    --usk-native-checkbox-radius: .65rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 3px #ffffff8c;
    --usk-native-choice-checked-background: var(--y2k-primary);
    --usk-native-choice-mark-color: var(--y2k-on-primary);
    --usk-native-select-indicator-image: linear-gradient(54deg, transparent 50%, var(--y2k-primary) 50%), linear-gradient(126deg, var(--y2k-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .5rem .5rem, .5rem .5rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .66rem;
    --usk-native-range-track-background: var(--y2k-surface-soft);
    --usk-native-range-track-border: 1px solid var(--y2k-border);
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: inset 0 3px #ffffff8c;
    --usk-native-range-progress-background: var(--y2k-primary);
    --usk-native-range-thumb-size: 1.55rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--y2k-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: inset 0 3px #ffffff8c;
    --usk-native-progress-size: .88rem;
    --usk-native-progress-track-background: var(--y2k-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--y2k-border);
    --usk-native-progress-track-radius: 999px;
    --usk-native-progress-track-shadow: inset 0 3px #ffffff8c;
    --usk-native-progress-value-background: var(--y2k-primary);
    --usk-native-progress-value-radius: 999px;
    --usk-native-progress-value-shadow: inset 0 3px #ffffff8c;
    --usk-native-meter-optimum-background: var(--y2k-success);
    --usk-native-meter-suboptimum-background: var(--y2k-warning);
    --usk-native-meter-critical-background: var(--y2k-danger);
    --usk-native-file-button-background: var(--y2k-primary);
    --usk-native-file-button-border: 1px solid var(--y2k-border);
    --usk-native-file-button-radius: .65rem;
    --usk-native-file-button-shadow: inset 0 3px #ffffff8c;
    --usk-native-color-swatch-border: 1px solid var(--y2k-border);
    --usk-native-color-swatch-radius: .65rem;
    --usk-native-indicator-opacity: .92;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .82rem;
    --usk-native-scrollbar-track: var(--y2k-surface-soft);
    --usk-native-scrollbar-thumb: var(--y2k-primary);
    --usk-native-scrollbar-radius: 999px;
    --y2k-bg: rgb(var(--y2k-bg-rgb));
    --y2k-surface: rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));
    --y2k-surface-strong: rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));
    --y2k-surface-soft: rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));
    --y2k-text: rgb(var(--y2k-text-rgb));
    --y2k-text-muted: rgb(var(--y2k-text-muted-rgb));
    --y2k-fg: var(--y2k-text);
    --y2k-surface-fg: var(--y2k-text);
    --y2k-muted: var(--y2k-text-muted);
    --y2k-border: rgb(var(--y2k-border-rgb) / max(var(--y2k-border-alpha), var(--usk-border-min-alpha)));
    --y2k-control-fg: var(--y2k-text);
    --y2k-primary: rgb(var(--y2k-primary-rgb));
    --y2k-primary-hover: rgb(var(--y2k-primary-hover-rgb));
    --y2k-primary-text: rgb(var(--y2k-primary-text-rgb));
    --y2k-secondary: rgb(var(--y2k-secondary-rgb));
    --y2k-secondary-hover: rgb(var(--y2k-secondary-hover-rgb));
    --y2k-secondary-text: rgb(var(--y2k-secondary-text-rgb));
    --y2k-on-primary: var(--y2k-primary-text);
    --y2k-on-secondary: var(--y2k-secondary-text);
    --y2k-on-accent: rgb(var(--y2k-accent-text-rgb));
    --y2k-on-success: rgb(var(--y2k-success-text-rgb));
    --y2k-on-warning: rgb(var(--y2k-warning-text-rgb));
    --y2k-on-danger: rgb(var(--y2k-danger-text-rgb));
    --y2k-accent: rgb(var(--y2k-accent-rgb));
    --y2k-success: rgb(var(--y2k-success-rgb));
    --y2k-warning: rgb(var(--y2k-warning-rgb));
    --y2k-danger: rgb(var(--y2k-danger-rgb));
    --y2k-link: rgb(var(--y2k-link-rgb));
    --y2k-focus: rgb(var(--y2k-focus-rgb));
    --y2k-glow-primary: rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));
    --y2k-glow-secondary: rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));
    --y2k-glow-accent: rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));
    --y2k-shadow-sm: 0 2px 8px rgb(0 0 0 / var(--y2k-shadow-alpha));
    --y2k-shadow-md: 0 10px 28px rgb(0 0 0 / calc(var(--y2k-shadow-alpha) + .05));
    --y2k-shadow-lg: 0 22px 60px rgb(0 0 0 / calc(var(--y2k-shadow-alpha) + .12));
    --y2k-theme-bg-size: auto;
    --y2k-theme-bg: radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);
    --y2k-card-bg: linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);
    --y2k-control-bg: linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));
    --y2k-spinner-track: rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));
    --y2k-spinner-stroke: var(--y2k-primary);
    --y2k-spinner-accent: var(--y2k-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="y2k"][data-mode] {
      --y2k-border: color-mix(in srgb, rgb(var(--y2k-border-rgb) / max(var(--y2k-border-alpha), var(--usk-border-min-alpha))), var(--y2k-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="y2k"] {
    background: radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);
    color: var(--y2k-text);
    font-family: var(--y2k-font-body);
  }

  [data-ui="y2k"] *, [data-ui="y2k"] :before, [data-ui="y2k"] :after {
    box-sizing: border-box;
  }

  [data-ui="y2k"][data-mode] {
    background: var(--y2k-theme-bg);
    background-size: var(--y2k-theme-bg-size);
  }

  [data-ui="y2k"] a:where(:not(:is(.y2k-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.y2k-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"]))) {
    color: var(--y2k-link);
    text-underline-offset: .18em;
    text-decoration-thickness: .11em;
  }

  [data-ui="y2k"] ::selection {
    background: var(--y2k-primary);
    color: var(--y2k-on-primary);
  }

  .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link {
    font-family: var(--y2k-font-heading);
  }

  .y2k-title {
    letter-spacing: -.05em;
    color: var(--y2k-text);
    text-shadow: 2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);
    margin: 0;
    font-size: clamp(2.25rem, 6vw, 4.5rem);
    line-height: .95;
  }

  .y2k-heading {
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

  .y2k-kicker {
    color: var(--usk-primary-ink, var(--y2k-primary));
    letter-spacing: .16em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 900;
  }

  .y2k-subtitle, .y2k-copy {
    color: var(--y2k-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .y2k-text-muted {
    color: var(--y2k-text-muted);
  }

  .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap {
    background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);
    color: var(--y2k-text);
    border: 1px solid #ffffff61;
    border-bottom-color: rgb(var(--y2k-border-rgb)/.4);
    border-right-color: rgb(var(--y2k-border-rgb)/.35);
    border-radius: var(--y2k-radius-xl);
    box-shadow: var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);
    transition: transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);
    position: relative;
  }

  .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .usk-card:before, :where([data-ui="y2k"]) .ui-card:before {
    content: "";
    pointer-events: none;
    background: radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }

  .y2k-card, .y2k-panel, .y2k-bubble, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .ui-card {
    padding: var(--y2k-space-6);
  }

  .y2k-toolbar, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--y2k-space-4);
    padding: var(--y2k-space-4);
    border-radius: var(--y2k-radius-pill);
    flex-wrap: wrap;
    display: flex;
  }

  .y2k-inset, .y2k-well {
    background: linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);
    border: 1px solid rgb(var(--y2k-border-rgb)/.42);
    border-radius: var(--y2k-radius-lg);
    box-shadow: inset 0 8px 18px #0000001f;
  }

  .y2k-well {
    padding: var(--y2k-space-5);
  }

  .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--y2k-space-2);
    background: linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);
    min-height: 2.85rem;
    color: var(--y2k-text);
    border-radius: var(--y2k-radius-pill);
    box-shadow: var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;
    font: inherit;
    font-family: var(--y2k-font-display);
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);
    border: 1px solid #ffffff6b;
    padding: .75rem 1.15rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .y2k-button:hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .usk-button:hover, :where([data-ui="y2k"]) .usk-icon-button:hover, :where([data-ui="y2k"]) .ui-button:hover, :where([data-ui="y2k"]) .ui-icon-button:hover {
    box-shadow: var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);
    transform: translateY(-2px);
  }

  .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .usk-button:active, :where([data-ui="y2k"]) .usk-icon-button:active, :where([data-ui="y2k"]) .usk-button.is-active, :where([data-ui="y2k"]) .usk-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] {
    transform: translateY(1px) scale(.99);
    box-shadow: inset 0 8px 16px #00000024;
  }

  .y2k-button-primary, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);
    color: var(--y2k-on-primary);
  }

  .y2k-button-primary:hover, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover);
  }

  .y2k-button-secondary, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);
    color: var(--y2k-on-secondary);
  }

  .y2k-button-secondary:hover, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--y2k-secondary-hover);
  }

  .y2k-button-danger, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--y2k-danger);
    color: var(--y2k-on-danger);
  }

  .y2k-field, :where([data-ui="y2k"]) .usk-field, :where([data-ui="y2k"]) .ui-field {
    gap: var(--y2k-space-2);
    flex-direction: column;
    display: flex;
  }

  .y2k-label, :where([data-ui="y2k"]) .usk-label, :where([data-ui="y2k"]) .ui-label {
    letter-spacing: .04em;
    font-weight: 900;
  }

  .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .usk-input, :where([data-ui="y2k"]) .usk-textarea, :where([data-ui="y2k"]) .usk-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select {
    background: linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);
    width: 100%;
    min-height: 2.9rem;
    color: var(--y2k-text);
    border-radius: var(--y2k-radius-lg);
    font: inherit;
    border: 1px solid #ffffff61;
    outline: none;
    padding: .8rem 1rem;
    box-shadow: inset 0 6px 14px #0000001f;
  }

  .y2k-textarea, :where([data-ui="y2k"]) .usk-textarea, :where([data-ui="y2k"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .usk-input:focus, :where([data-ui="y2k"]) .usk-textarea:focus, :where([data-ui="y2k"]) .usk-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus {
    border-color: var(--y2k-focus);
    box-shadow: inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22);
  }

  .y2k-badge, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .ui-badge {
    background: linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);
    min-height: 1.8rem;
    color: var(--y2k-text);
    border-radius: var(--y2k-radius-pill);
    box-shadow: var(--y2k-shadow-sm);
    border: 1px solid #ffffff6b;
    align-items: center;
    padding: .35rem .8rem;
    font-size: .78rem;
    font-weight: 900;
    display: inline-flex;
  }

  .y2k-nav, :where([data-ui="y2k"]) .usk-nav, :where([data-ui="y2k"]) .ui-nav {
    gap: var(--y2k-space-2);
    padding: var(--y2k-space-2);
    background: linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);
    border-radius: var(--y2k-radius-pill);
    box-shadow: var(--y2k-shadow-md);
    border: 1px solid #ffffff6b;
    flex-wrap: wrap;
    display: flex;
  }

  .y2k-nav-link, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--y2k-text-muted);
    border-radius: var(--y2k-radius-pill);
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .y2k-nav-link:hover, :where([data-ui="y2k"]) .usk-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link:hover {
    color: var(--y2k-text);
    background: #ffffff29;
  }

  .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .usk-nav-link.is-active, :where([data-ui="y2k"]) .usk-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link.is-active, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] {
    background: var(--y2k-primary);
    color: var(--y2k-on-primary);
    box-shadow: 0 0 20px var(--y2k-glow-primary);
  }

  .y2k-tooltip, [data-ui="y2k"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="y2k"]) .usk-tooltip, :where([data-ui="y2k"]) .ui-tooltip {
    background: radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));
    max-inline-size: 16rem;
    color: var(--y2k-on-primary);
    border-radius: var(--y2k-radius-pill);
    box-shadow: var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);
    border: 1px solid #ffffff8a;
    align-items: center;
    gap: .45rem;
    padding: .62rem .9rem;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.3;
    display: inline-flex;
  }

  .y2k-tooltip-arrow {
    block-size: .62rem;
    inline-size: .62rem;
    box-shadow: inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);
    background: #ffffffb8;
    border-radius: 50%;
    flex: none;
  }

  .y2k-progress, :where([data-ui="y2k"]) .usk-progress, :where([data-ui="y2k"]) .ui-progress {
    background: var(--y2k-surface-soft);
    border-radius: var(--y2k-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
    box-shadow: inset 0 6px 14px #0000001f;
  }

  .y2k-progress-bar, :where([data-ui="y2k"]) .usk-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar {
    height: 100%;
    width: var(--y2k-progress-value, 50%);
    background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));
    border-radius: inherit;
  }

  .y2k-alert, :where([data-ui="y2k"]) .usk-alert, :where([data-ui="y2k"]) .ui-alert {
    padding: var(--y2k-space-4);
    background: var(--y2k-surface);
    border-radius: var(--y2k-radius-xl);
    box-shadow: var(--y2k-shadow-md);
    border: 1px solid #ffffff61;
  }

  .y2k-alert-title, :where([data-ui="y2k"]) .usk-alert-title, :where([data-ui="y2k"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .y2k-alert-body, :where([data-ui="y2k"]) .usk-alert-body, :where([data-ui="y2k"]) .ui-alert-body {
    color: var(--y2k-text-muted);
    margin: .5rem 0 0;
  }

  .y2k-alert-success, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) {
    box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2);
  }

  .y2k-alert-warning, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) {
    box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2);
  }

  .y2k-alert-danger, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) {
    box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2);
  }

  .y2k-table-wrap, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap {
    overflow: auto;
  }

  .y2k-table, :where([data-ui="y2k"]) .usk-table, :where([data-ui="y2k"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .y2k-table th, .y2k-table td, :where([data-ui="y2k"]) .usk-table th, :where([data-ui="y2k"]) .usk-table td, :where([data-ui="y2k"]) .ui-table th, :where([data-ui="y2k"]) .ui-table td {
    border-bottom: 1px solid rgb(var(--y2k-border-rgb)/.34);
    text-align: left;
    padding: .9rem 1rem;
  }

  .y2k-table th, :where([data-ui="y2k"]) .usk-table th, :where([data-ui="y2k"]) .ui-table th {
    background: #ffffff29;
    font-weight: 900;
  }

  .y2k-table td, :where([data-ui="y2k"]) .usk-table td, :where([data-ui="y2k"]) .ui-table td {
    color: var(--y2k-text-muted);
  }

  .y2k-text-primary {
    color: var(--usk-primary-ink, var(--y2k-primary));
  }

  .y2k-text-secondary {
    color: var(--y2k-secondary);
  }

  .y2k-text-accent {
    color: var(--usk-accent-ink, var(--y2k-accent));
  }

  .y2k-text-success {
    color: var(--y2k-success);
  }

  .y2k-text-warning {
    color: var(--y2k-warning);
  }

  .y2k-text-danger {
    color: var(--y2k-danger);
  }

  [data-ui="y2k"] :focus-visible {
    outline: 3px solid var(--y2k-focus);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="y2k"] *, [data-ui="y2k"] :before, [data-ui="y2k"] :after {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
    }
  }

  .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .ui-card {
    background: var(--y2k-card-bg);
  }

  .y2k-toolbar, .y2k-table-wrap, .y2k-button:where(:not([data-ui-variant])):not(:is(.y2k-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.y2k-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.y2k-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.y2k-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.y2k-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.y2k-button-outline-heavy), .y2k-icon-button, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.y2k-button-outline-heavy), :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.y2k-button-outline-heavy), :where([data-ui="y2k"]) .ui-icon-button {
    background: var(--y2k-control-bg);
  }

  .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link {
    font-family: var(--y2k-font-control);
  }

  .y2k-spinner, .y2k-loading-spinner, [data-ui="y2k"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="y2k"]) .usk-spinner, :where([data-ui="y2k"]) .ui-spinner {
    border: .14rem solid #ffffff6b;
    border-block-start-color: var(--y2k-spinner-stroke);
    border-inline-end-color: var(--y2k-spinner-accent);
    background: radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));
    block-size: 2rem;
    inline-size: 2rem;
    box-shadow: 0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);
    vertical-align: -.2em;
    border-radius: 50%;
    animation: .88s linear infinite y2k-spin;
    display: inline-block;
  }

  .y2k-spinner-sm {
    border-width: .08rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .y2k-spinner-lg {
    border-width: .22rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="y2k"]) .usk-button[aria-busy="true"], :where([data-ui="y2k"]) .usk-icon-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .usk-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--y2k-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite y2k-spin;
    display: inline-block;
  }

  @keyframes y2k-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .y2k-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--y2k-border-rgb)/.72);
    border-radius: var(--y2k-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .y2k-card-service {
    gap: var(--y2k-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .y2k-card-service > .y2k-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .y2k-card-service > .y2k-card-media + .y2k-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .y2k-card-feature {
    gap: var(--y2k-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .y2k-card-accent-edge {
    border-inline-start: .35rem solid var(--y2k-primary);
  }

  .y2k-icon-medallion {
    background: var(--y2k-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--y2k-on-primary);
    border: 2px solid rgb(var(--y2k-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .y2k-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .y2k-button.y2k-button-cut, .y2k-button-cut, :where([data-ui="y2k"]) .usk-button.y2k-button-cut, :where([data-ui="y2k"]) .ui-button.y2k-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .y2k-button.y2k-button-cut:focus-visible, .y2k-button-cut:focus-visible, :where([data-ui="y2k"]) .usk-button.y2k-button-cut:focus-visible, :where([data-ui="y2k"]) .ui-button.y2k-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .y2k-button.y2k-button-outline-heavy, .y2k-button-outline-heavy, :where([data-ui="y2k"]) .usk-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .ui-button.y2k-button-outline-heavy {
    color: var(--usk-primary-ink, var(--y2k-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--y2k-primary);
    box-shadow: none;
    background: none;
  }

  .y2k-button.y2k-button-outline-heavy:hover, .y2k-button-outline-heavy:hover, :where([data-ui="y2k"]) .usk-button.y2k-button-outline-heavy:hover, :where([data-ui="y2k"]) .ui-button.y2k-button-outline-heavy:hover {
    background: var(--y2k-primary);
    color: var(--y2k-on-primary);
    border-color: var(--y2k-primary-hover);
  }

  .y2k-badge-seal {
    aspect-ratio: 1;
    background: var(--y2k-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--y2k-text);
    border: 2px solid var(--y2k-primary);
    text-align: center;
    font-family: var(--y2k-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .y2k-feature-strip {
    background: var(--y2k-card-bg);
    color: var(--y2k-text);
    border: 1px solid var(--y2k-border);
    border-radius: var(--y2k-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .y2k-feature-item {
    align-items: center;
    gap: var(--y2k-space-3);
    min-inline-size: 0;
    padding: var(--y2k-space-4);
    border-inline-end: 1px solid rgb(var(--y2k-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .y2k-feature-item:last-child {
    border-inline-end: 0;
  }

  .y2k-feature-item > :where(p, small) {
    color: var(--y2k-text-muted);
    margin: 0;
  }

  .y2k-callout-bar {
    align-items: center;
    gap: var(--y2k-space-4);
    padding: var(--y2k-space-4) var(--y2k-space-5);
    background: var(--y2k-card-bg);
    color: var(--y2k-text);
    border: 1px solid var(--y2k-border);
    border-radius: var(--y2k-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .y2k-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .y2k-callout-bar>:where(.y2k-button,a,button):last-child, :where([data-ui="y2k"]) .y2k-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="y2k"]) .y2k-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .y2k-eyebrow {
    color: var(--usk-primary-ink, var(--y2k-primary));
    font-family: var(--y2k-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .y2k-media-scrim {
    isolation: isolate;
    background: var(--y2k-surface-soft);
    border: 1px solid var(--y2k-border);
    border-radius: var(--y2k-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .y2k-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .y2k-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .y2k-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .y2k-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .y2k-callout-bar>:where(.y2k-button,a,button):last-child, :where([data-ui="y2k"]) .y2k-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="y2k"]) .y2k-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .y2k-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--y2k-border-rgb)/.62);
    }

    .y2k-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .y2k-card-service, .y2k-card-feature, .y2k-feature-strip, .y2k-callout-bar {
    box-shadow: 0 .8rem 2rem rgb(var(--y2k-primary-rgb)/.15);
  }

  .y2k-icon-medallion, .y2k-badge-seal {
    background: linear-gradient(145deg,#ffffff6b,transparent 42%),var(--y2k-primary);
    box-shadow: inset 0 1px 0 #ffffff8c,0 .5rem 1.1rem rgb(var(--y2k-primary-rgb)/.25);
  }

  .y2k-button-cut {
    clip-path: polygon(7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%, 0 50%);
  }

  .y2k-eyebrow {
    letter-spacing: .16em;
    text-shadow: 0 .08em .4em rgb(var(--y2k-primary-rgb)/.2);
  }

  .y2k-button.y2k-button-cut, .y2k-button-cut, :where([data-ui="y2k"]) .usk-button.y2k-button-cut, :where([data-ui="y2k"]) .ui-button.y2k-button-cut {
    clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    inline-size: min(100%, 14rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .y2k-button.y2k-button-outline-heavy, .y2k-button-outline-heavy, :where([data-ui="y2k"]) .usk-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .ui-button.y2k-button-outline-heavy {
    border-radius: var(--y2k-radius-pill);
    background: linear-gradient(180deg,rgb(var(--y2k-surface-strong-rgb)/.5),transparent);
    clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%);
    box-shadow: inset 0 2px 0 rgb(var(--y2k-surface-strong-rgb)/.86),0 .35rem .9rem rgb(var(--y2k-secondary-rgb)/.2);
    border-width: 2px;
  }

  .y2k-card-service, .y2k-media-scrim, .y2k-feature-strip, .y2k-callout-bar, .y2k-well {
    background: linear-gradient(155deg,rgb(var(--y2k-surface-strong-rgb)/.76),rgb(var(--y2k-primary-rgb)/.08)),var(--y2k-card-bg);
    border: 1px solid var(--y2k-border);
    border-radius: var(--y2k-radius-xl);
    box-shadow: inset 0 2px 0 rgb(var(--y2k-surface-strong-rgb)/.82),0 .75rem 1.5rem rgb(var(--y2k-secondary-rgb)/.2);
  }

  [data-ui="y2k"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 2px solid var(--y2k-primary);
    border-radius: var(--y2k-radius-pill);
    box-shadow: inset 0 2px 0 rgb(var(--y2k-surface-strong-rgb)/.82),0 .35rem .8rem rgb(var(--y2k-secondary-rgb)/.2);
  }

  [data-ui="y2k"][data-mode] :where(dialog) {
    background: linear-gradient(155deg,rgb(var(--y2k-surface-strong-rgb)/.82),rgb(var(--y2k-primary-rgb)/.08)),var(--y2k-surface);
    border: 1px solid var(--y2k-border);
    border-radius: var(--y2k-radius-xl);
    box-shadow: inset 0 2px 0 rgb(var(--y2k-surface-strong-rgb)/.82),0 1rem 2.2rem rgb(var(--y2k-secondary-rgb)/.24);
  }

  .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .usk-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after {
    border: .09em solid #ffffff94;
    clip-path: circle(50%);
    background: radial-gradient(circle at 30% 24%, #ffffffe6, #0000 20%), conic-gradient(currentColor, #0000 48%, currentColor);
    border-block-start-color: currentColor;
    border-radius: 50%;
    animation: .9s linear infinite y2k-spin;
    box-shadow: 0 0 .45em, inset -.08em -.08em .16em #0000002e;
  }

  [data-ui="y2k"][data-mode] {
    --y2k-card-bg: linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .18), rgb(var(--y2k-surface-strong-rgb) / .96) 48%, rgb(var(--y2k-secondary-rgb) / .12)), var(--y2k-surface);
    --usk-native-card-bg: var(--y2k-card-bg);
    --usk-native-font-control: Tahoma, Verdana, "Segoe UI", sans-serif;
    --usk-native-control-min-block-size: 2.08rem;
    --usk-native-control-padding-block: .34rem;
    --usk-native-control-padding-inline: .68rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: inset 1px 1px 0 var(--y2k-surface-strong), inset -1px -1px 0 var(--y2k-border);
    --usk-native-shadow-md: inset 2px 2px 0 var(--y2k-surface-strong), inset -2px -2px 0 var(--y2k-border), 2px 2px 0 rgb(var(--y2k-text-rgb) / .18);
    --usk-native-focus-ring: 0 0 0 1px var(--y2k-surface), 0 0 0 2px var(--y2k-focus);
    --usk-native-subcontrol-padding-block: .24rem;
    --usk-native-subcontrol-padding-inline: .44rem;
    --usk-native-choice-size: 1rem;
    --usk-native-choice-background: linear-gradient(135deg, var(--y2k-surface-strong), var(--y2k-control-bg));
    --usk-native-choice-border: 1px solid var(--y2k-text);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 1px 1px 0 var(--y2k-border), inset -1px -1px 0 var(--y2k-surface-strong);
    --usk-native-choice-checked-background: linear-gradient(180deg, var(--y2k-primary-hover), var(--y2k-primary));
    --usk-native-choice-mark-color: var(--y2k-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 45%, var(--y2k-text) 45% 55%, transparent 55%), linear-gradient(135deg, transparent 45%, var(--y2k-text) 45% 55%, transparent 55%);
    --usk-native-select-indicator-size: .48rem .48rem, .48rem .48rem;
    --usk-native-select-indicator-position: calc(100% - .84rem) 50%, calc(100% - .56rem) 50%;
    --usk-native-select-padding-inline-end: 1.85rem;
    --usk-native-range-track-size: .38rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .4rem, var(--y2k-surface-soft) .4rem .48rem);
    --usk-native-range-track-border: 1px inset var(--y2k-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb) / .28);
    --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .4rem, var(--y2k-surface) .4rem .48rem);
    --usk-native-range-thumb-size: 1.12rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px outset var(--y2k-border);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 1px 1px 0 rgb(var(--y2k-text-rgb) / .24);
    --usk-native-progress-size: .66rem;
    --usk-native-progress-track-background: var(--y2k-control-bg);
    --usk-native-progress-track-border: 1px inset var(--y2k-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb) / .28);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .5rem, var(--y2k-surface-strong) .5rem .56rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset 1px 1px 0 rgb(var(--y2k-surface-strong-rgb) / .65);
    --usk-native-scrollbar-size: .94rem;
    --usk-native-scrollbar-track: linear-gradient(135deg, var(--y2k-surface-soft), var(--y2k-surface));
    --usk-native-scrollbar-thumb: linear-gradient(135deg, var(--y2k-surface-strong), var(--y2k-primary));
    --usk-native-scrollbar-radius: 0;
  }

  .y2k-title {
    letter-spacing: max(.024em, .5px);
    margin-block: .75rem;
    font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
    font-style: italic;
    font-weight: 900;
  }

  .y2k-label, :where([data-ui="y2k"]) .usk-label, :where([data-ui="y2k"]) .ui-label {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: .68rem;
    font-weight: 700;
  }

  .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .ui-card {
    background: linear-gradient(180deg,rgb(var(--y2k-primary-rgb)/.22)0 1.2rem,transparent 1.2rem),var(--y2k-card-bg);
    border: 2px outset var(--y2k-border);
    box-shadow: inset 1px 1px 0 var(--y2k-surface-strong),inset -1px -1px 0 rgb(var(--y2k-text-rgb)/.34);
    border-radius: 0;
    padding: .66rem;
  }

  .y2k-card:before, .y2k-panel:before, :where([data-ui="y2k"]) .usk-card:before, :where([data-ui="y2k"]) .ui-card:before {
    background: linear-gradient(135deg,rgb(var(--y2k-surface-strong-rgb)/.28),transparent 34%);
  }

  .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button {
    background: linear-gradient(180deg,var(--y2k-surface-strong),var(--y2k-surface-soft));
    border: 1px outset var(--y2k-border);
    min-height: 2.08rem;
    box-shadow: inset 1px 1px 0 var(--y2k-surface-strong),inset -1px -1px 0 rgb(var(--y2k-text-rgb)/.32);
    border-radius: 0;
    padding: .34rem .68rem;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 700;
  }

  .y2k-button:active, .y2k-button[aria-pressed="true"], .y2k-button.is-active, :where([data-ui="y2k"]) .usk-button:active, :where([data-ui="y2k"]) .usk-button[aria-pressed="true"], :where([data-ui="y2k"]) .usk-button.is-active, :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button.is-active {
    box-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb)/.32);
    border-style: inset;
    transform: none;
  }

  .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .usk-input, :where([data-ui="y2k"]) .usk-textarea, :where([data-ui="y2k"]) .usk-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select {
    background: var(--y2k-control-bg);
    border: 1px inset var(--y2k-border);
    min-height: 1.94rem;
    box-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb)/.22);
    border-radius: 0;
    padding: .3rem .48rem;
    font-family: Tahoma, Verdana, sans-serif;
  }

  .y2k-nav, .y2k-toolbar, :where([data-ui="y2k"]) .usk-nav, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .ui-nav, :where([data-ui="y2k"]) .ui-toolbar {
    border: 1px outset var(--y2k-border);
    box-shadow: inset 1px 1px 0 var(--y2k-surface-strong);
    border-radius: 0;
    gap: 1px;
    padding: 2px;
  }

  .y2k-nav-link, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-nav-link {
    border: 1px outset var(--y2k-border);
    border-radius: 0;
    min-height: 1.8rem;
    padding: .26rem .5rem;
  }

  .y2k-badge, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .ui-badge {
    min-height: 1.2rem;
    box-shadow: 1px 1px 0 rgb(var(--y2k-text-rgb)/.24);
    border: 1px solid;
    border-radius: 0;
    padding: .14rem .32rem;
  }

  .y2k-alert, :where([data-ui="y2k"]) .usk-alert, :where([data-ui="y2k"]) .ui-alert {
    background: var(--y2k-control-bg);
    box-shadow: inset 1px 1px 0 var(--y2k-surface-strong);
    border: 1px solid;
    border-radius: 0;
    padding: .44rem .52rem;
  }

  .y2k-progress, :where([data-ui="y2k"]) .usk-progress, :where([data-ui="y2k"]) .ui-progress {
    background: var(--y2k-control-bg);
    border: 1px inset var(--y2k-border);
    border-radius: 0;
    height: .66rem;
  }

  .y2k-progress-bar, :where([data-ui="y2k"]) .usk-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar {
    background: repeating-linear-gradient(90deg,var(--y2k-primary)0 .5rem,var(--y2k-surface-strong) .5rem .56rem);
    box-shadow: inset 1px 1px 0 rgb(var(--y2k-surface-strong-rgb)/.65);
    border-radius: 0;
  }

  .y2k-table-wrap, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap {
    background: var(--y2k-card-bg);
    border: 1px solid var(--y2k-border);
    box-shadow: inset 1px 1px 0 var(--y2k-surface-strong);
    border-radius: 0;
  }

  .y2k-table, :where([data-ui="y2k"]) .usk-table, :where([data-ui="y2k"]) .ui-table {
    border-collapse: collapse;
    font-family: Tahoma, Verdana, sans-serif;
  }

  .y2k-table th, :where([data-ui="y2k"]) .usk-table th, :where([data-ui="y2k"]) .ui-table th {
    background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-primary-hover));
    color: var(--y2k-on-primary);
    border: 1px solid var(--y2k-border);
    padding: .32rem .42rem;
    font-weight: 700;
  }

  .y2k-tooltip, [data-ui="y2k"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="y2k"]) .usk-tooltip, :where([data-ui="y2k"]) .ui-tooltip {
    border: 1px outset var(--y2k-border);
    box-shadow: 2px 2px 0 rgb(var(--y2k-text-rgb)/.28);
    border-radius: 0;
  }

  .y2k-feature-item {
    border-inline-end: 1px solid var(--y2k-border);
    border-block-end: 1px solid var(--y2k-border);
  }

  .y2k-button, .y2k-input, .y2k-card, .y2k-alert, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-input, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .usk-alert, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-alert {
    border-radius: 1px;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="y2k"] *, [data-ui="y2k"] :before, [data-ui="y2k"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="y2k"] {
      --y2k-border-alpha: 1;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="y2k"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="y2k"] :where(:focus-visible) {
      box-shadow: none;
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="y2k"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="y2k"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="y2k"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  [data-ui="y2k"][data-mode] :is(.y2k-input,.y2k-textarea,.y2k-select)[aria-invalid="true"], :where([data-ui="y2k"])[data-mode] :is(.usk-input,.usk-textarea,.usk-select)[aria-invalid="true"], :where([data-ui="y2k"])[data-mode] :is(.ui-input,.ui-textarea,.ui-select)[aria-invalid="true"] {
    border-color: var(--y2k-danger);
    box-shadow: 0 0 0 2px rgb(var(--y2k-danger-rgb)/.2);
  }

  [data-ui="y2k"][data-mode] :is(.y2k-input,.y2k-textarea)[readonly], :where([data-ui="y2k"])[data-mode] :is(.usk-input,.usk-textarea)[readonly], :where([data-ui="y2k"])[data-mode] :is(.ui-input,.ui-textarea)[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .y2k-button-ghost, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--y2k-primary));
    background: none;
    border-color: #0000;
  }

  .y2k-feature-item > .y2k-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .y2k-callout-bar > .y2k-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="y2k"][data-mode] {
    --y2k-theme-bg: var(--y2k-bg);
    --y2k-theme-bg-size: auto;
    --y2k-card-bg: var(--y2k-surface);
    --y2k-control-bg: var(--y2k-surface);
    --y2k-focus-ring: 0 0 0 2px #d21212;
    --y2k-titlebar-bg: linear-gradient(90deg, var(--y2k-reference-navy, var(--y2k-primary)), var(--y2k-primary) 56%, var(--y2k-reference-navy, var(--y2k-primary)));
    --y2k-bevel-raised: inset 1px 1px 0 var(--y2k-bevel-highlight, var(--y2k-surface-strong)), inset -1px -1px 0 var(--y2k-bevel-shadow, var(--y2k-text));
    --y2k-bevel-recessed: inset 1px 1px 0 var(--y2k-bevel-shadow, var(--y2k-text)), inset -1px -1px 0 var(--y2k-bevel-highlight, var(--y2k-surface-strong));
    --usk-native-font-body: Tahoma, Verdana, Arial, sans-serif;
    --usk-native-font-heading: Tahoma, Verdana, Arial, sans-serif;
    --usk-native-font-control: Tahoma, Verdana, Arial, sans-serif;
    --usk-native-font-mono: "Courier New", Courier, monospace;
    --usk-native-panel-padding: .375rem;
    --usk-native-field-gap: .25rem;
    --usk-native-control-min-block-size: 1.375rem;
    --usk-native-control-padding-block: .125rem;
    --usk-native-control-padding-inline: .375rem;
    --usk-native-subcontrol-padding-block: .125rem;
    --usk-native-subcontrol-padding-inline: .375rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: var(--y2k-bevel-raised);
    --usk-native-shadow-md: var(--y2k-bevel-raised), 2px 2px 0 var(--y2k-bevel-shadow, var(--y2k-text));
    --usk-native-focus-ring: var(--y2k-focus-ring);
    --usk-native-choice-size: .875rem;
    --usk-native-choice-background: var(--y2k-surface);
    --usk-native-choice-border: 1px inset var(--y2k-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: var(--y2k-bevel-recessed);
    --usk-native-choice-checked-background: var(--y2k-primary);
    --usk-native-choice-mark-color: var(--y2k-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 46%, var(--y2k-text) 46% 56%, transparent 56%), linear-gradient(135deg, transparent 46%, var(--y2k-text) 46% 56%, transparent 56%);
    --usk-native-select-indicator-size: .375rem .375rem, .375rem .375rem;
    --usk-native-select-indicator-position: calc(100% - .75rem) 50%, calc(100% - .5rem) 50%;
    --usk-native-select-padding-inline-end: 1.5rem;
    --usk-native-range-track-size: .375rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .5rem, var(--y2k-surface-soft) .5rem .5625rem);
    --usk-native-range-track-border: 1px inset var(--y2k-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: var(--y2k-bevel-recessed);
    --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .5rem, var(--y2k-surface) .5rem .5625rem);
    --usk-native-range-thumb-size: .875rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px outset var(--y2k-border);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: var(--y2k-bevel-raised);
    --usk-native-progress-size: .875rem;
    --usk-native-progress-track-background: var(--y2k-surface-soft);
    --usk-native-progress-track-border: 1px inset var(--y2k-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: var(--y2k-bevel-recessed);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .75rem, var(--y2k-surface-strong) .75rem .8125rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset 1px 1px 0 #ffffff61;
    --usk-native-file-button-background: var(--y2k-surface-soft);
    --usk-native-file-button-border: 1px outset var(--y2k-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: var(--y2k-bevel-raised);
    --usk-native-color-swatch-radius: 0;
    --usk-native-scrollbar-size: 1rem;
    --usk-native-scrollbar-track: var(--y2k-surface-soft);
    --usk-native-scrollbar-thumb: var(--y2k-surface);
    --usk-native-scrollbar-radius: 0;
    background: var(--y2k-bg);
    min-height: 100vh;
    color: var(--y2k-text);
    font: 400 11px / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  [data-ui="y2k"] a:where(:not(:is(.y2k-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.y2k-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"]))) {
    color: var(--y2k-link);
    text-underline-offset: auto;
    text-decoration: underline;
  }

  [data-ui="y2k"][data-mode] :focus-visible {
    outline-offset: 2px;
    outline: 2px dotted #d21212;
  }

  [data-ui="y2k"][data-mode] :is(h1, h2, h3, h4, h5, h6) {
    color: var(--y2k-text);
    margin: 0 0 .25rem;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    line-height: 1.2;
  }

  [data-ui="y2k"][data-mode] :is(h1) {
    font-size: 1.25rem;
  }

  [data-ui="y2k"][data-mode] :is(h2) {
    font-size: .875rem;
  }

  [data-ui="y2k"][data-mode] :is(h3) {
    font-size: .75rem;
  }

  [data-ui="y2k"][data-mode] :is(h4, h5, h6) {
    font-size: .6875rem;
  }

  [data-ui="y2k"][data-mode] :is(p) {
    color: var(--y2k-text-muted);
    margin: 0 0 .375rem;
    line-height: 1.3;
  }

  [data-ui="y2k"][data-mode] .y2k-title {
    color: var(--y2k-text);
    letter-spacing: .025em;
    -webkit-text-stroke: 1px var(--y2k-text);
    text-shadow: 1px 1px 0 var(--y2k-bevel-highlight, var(--y2k-surface-strong)),2px 2px 0 var(--y2k-bevel-shadow, var(--y2k-text));
    margin: 0;
    font: italic 900 clamp(2rem, 5vw, 4rem) / .9 Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
  }

  .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link {
    font-family: Tahoma, Verdana, Arial, sans-serif;
  }

  [data-ui="y2k"][data-mode] .y2k-heading {
    letter-spacing: 0;
    margin: 0;
    font-size: .75rem;
    line-height: 1.2;
  }

  [data-ui="y2k"][data-mode] .y2k-kicker, [data-ui="y2k"][data-mode] .y2k-eyebrow {
    letter-spacing: .02em;
    text-transform: uppercase;
    text-shadow: none;
    margin: 0;
    font-size: .625rem;
    font-weight: 700;
    line-height: 1.2;
  }

  [data-ui="y2k"][data-mode] .y2k-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  [data-ui="y2k"][data-mode] .y2k-subtitle, [data-ui="y2k"][data-mode] .y2k-copy {
    color: var(--y2k-text-muted);
    margin: 0;
    line-height: 1.3;
  }

  .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .usk-card, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap {
    background: var(--y2k-surface);
    color: var(--y2k-text);
    border: 2px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    border-radius: 0;
    padding: .375rem;
    transition: none;
    position: relative;
  }

  .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .usk-card:before, :where([data-ui="y2k"]) .ui-card:before {
    content: none;
  }

  [data-ui="y2k"][data-mode] .y2k-card>:where(.y2k-kicker,.y2k-heading,h2,h3):first-child, [data-ui="y2k"][data-mode] .y2k-panel>:where(.y2k-kicker,.y2k-heading,h2,h3):first-child, :where([data-ui="y2k"])[data-mode] .usk-card>:where(.y2k-kicker,.y2k-heading,h2,h3):first-child, :where([data-ui="y2k"])[data-mode] .ui-card>:where(.y2k-kicker,.y2k-heading,h2,h3):first-child {
    background: var(--y2k-titlebar-bg);
    min-height: 1.25rem;
    color: var(--y2k-on-primary);
    letter-spacing: .02em;
    text-overflow: ellipsis;
    text-shadow: 1px 1px #00000085;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: break-word;
    margin: -.375rem -.375rem .375rem;
    padding: .1875rem .375rem;
    font: 700 .6875rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
    display: block;
    overflow: hidden;
  }

  .y2k-hover-lift:hover {
    box-shadow: var(--y2k-bevel-raised);
    transform: none;
  }

  .y2k-well, .y2k-inset {
    background: var(--y2k-surface-soft);
    border: 1px inset var(--y2k-border);
    box-shadow: var(--y2k-bevel-recessed);
    border-radius: 0;
    padding: .375rem;
  }

  .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button {
    background: var(--y2k-surface-soft);
    min-height: 1.375rem;
    color: var(--y2k-text);
    border: 1px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 0;
    padding: .125rem .75rem;
    font: 700 .625rem / 1 Tahoma, Verdana, Arial, sans-serif;
    transition: none;
  }

  .y2k-icon-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-icon-button {
    width: 1.375rem;
    padding: 0;
  }

  .y2k-button:where(:not(:is(.y2k-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.y2k-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.y2k-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"])))):hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .usk-button:where(:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"]))):hover, :where([data-ui="y2k"]) .usk-icon-button:hover, :where([data-ui="y2k"]) .ui-button:where(:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"]))):hover, :where([data-ui="y2k"]) .ui-icon-button:hover {
    background: var(--y2k-surface-soft);
    color: var(--y2k-text);
    box-shadow: var(--y2k-bevel-raised);
    transform: none;
  }

  .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .usk-button:active, :where([data-ui="y2k"]) .usk-icon-button:active, :where([data-ui="y2k"]) .usk-button.is-active, :where([data-ui="y2k"]) .usk-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] {
    background: var(--y2k-surface-soft);
    color: var(--y2k-text);
    box-shadow: var(--y2k-bevel-recessed);
    border-style: inset;
    translate: 1px 1px;
  }

  .y2k-button-primary, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(180deg,#fff3,transparent 20%),var(--y2k-primary);
    color: var(--y2k-on-primary);
    border-color: var(--y2k-border);
  }

  .y2k-button-primary:hover, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--y2k-primary-hover);
    color: var(--y2k-on-primary);
  }

  .y2k-button-secondary, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--y2k-surface-soft);
    color: var(--y2k-text);
    border-color: var(--y2k-border);
  }

  .y2k-button-danger, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--y2k-surface-soft);
    color: var(--y2k-text);
    border-color: var(--y2k-danger);
  }

  [data-ui="y2k"][data-mode][style*="--y2k-on-danger"] .y2k-button-danger, :where([data-ui="y2k"])[data-mode][style*="--y2k-on-danger"] .usk-button:where([data-ui-variant="danger"]), :where([data-ui="y2k"])[data-mode][style*="--y2k-on-danger"] .ui-button:where([data-ui-variant="danger"]) {
    color: var(--y2k-on-danger);
  }

  .y2k-button-ghost, :where([data-ui="y2k"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--y2k-link);
    box-shadow: none;
    background: none;
    border-color: #0000;
    text-decoration: underline;
  }

  .y2k-button-cut, .y2k-button.y2k-button-cut, .y2k-button-outline-heavy, .y2k-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .usk-button.y2k-button-cut, :where([data-ui="y2k"]) .usk-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .ui-button.y2k-button-cut, :where([data-ui="y2k"]) .ui-button.y2k-button-outline-heavy {
    border: 1px outset var(--y2k-border);
    min-block-size: 1.375rem;
    min-inline-size: 0;
    box-shadow: var(--y2k-bevel-raised);
    clip-path: none;
    border-radius: 0;
  }

  .y2k-button-cut:where(:not(:is(.y2k-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"])))), .y2k-button.y2k-button-cut:where(:not(:is(.y2k-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"])))), .y2k-button-outline-heavy, .y2k-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .usk-button.y2k-button-cut:where(:not(.usk-button:where([data-ui-variant="primary"]))), :where([data-ui="y2k"]) .usk-button.y2k-button-outline-heavy, :where([data-ui="y2k"]) .ui-button.y2k-button-cut:where(:not(.ui-button:where([data-ui-variant="primary"]))), :where([data-ui="y2k"]) .ui-button.y2k-button-outline-heavy {
    background: var(--y2k-surface-soft);
  }

  .y2k-field, :where([data-ui="y2k"]) .usk-field, :where([data-ui="y2k"]) .ui-field {
    gap: .125rem;
  }

  .y2k-label, :where([data-ui="y2k"]) .usk-label, :where([data-ui="y2k"]) .ui-label {
    letter-spacing: 0;
    font: 700 .5625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .usk-input, :where([data-ui="y2k"]) .usk-textarea, :where([data-ui="y2k"]) .usk-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select {
    background: var(--y2k-surface);
    min-height: 1.375rem;
    color: var(--y2k-text);
    border: 1px inset var(--y2k-border);
    box-shadow: var(--y2k-bevel-recessed);
    border-radius: 0;
    padding: .125rem .375rem;
    font: 400 .625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  .y2k-textarea, :where([data-ui="y2k"]) .usk-textarea, :where([data-ui="y2k"]) .ui-textarea {
    min-height: 2.75rem;
  }

  .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .usk-input:focus, :where([data-ui="y2k"]) .usk-textarea:focus, :where([data-ui="y2k"]) .usk-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus {
    border-color: var(--y2k-border);
    outline-offset: 2px;
    box-shadow: var(--y2k-bevel-recessed);
    outline: 2px dotted #d21212;
  }

  .y2k-help-text, :where([data-ui="y2k"]) .usk-help-text, :where([data-ui="y2k"]) .ui-help-text {
    color: var(--y2k-text-muted);
    font-size: .5625rem;
  }

  .y2k-tooltip-arrow {
    block-size: .375rem;
    inline-size: .375rem;
    box-shadow: none;
    background: #ffffc7;
    border: 1px solid #777;
    border-radius: 0;
    flex: none;
    transform: rotate(45deg);
  }

  .y2k-nav, .y2k-toolbar, :where([data-ui="y2k"]) .usk-nav, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .ui-nav, :where([data-ui="y2k"]) .ui-toolbar {
    background: var(--y2k-surface-soft);
    border: 1px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    border-radius: 0;
    gap: 1px;
    padding: 2px;
  }

  .y2k-nav-link, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-nav-link {
    background: var(--y2k-surface);
    min-height: 1.5625rem;
    color: var(--y2k-text);
    border: 1px outset var(--y2k-border);
    text-transform: uppercase;
    border-radius: 0;
    padding: .25rem .75rem;
    font-size: .625rem;
    font-weight: 700;
    text-decoration: none;
  }

  .y2k-nav-link:hover, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .usk-nav-link:hover, :where([data-ui="y2k"]) .usk-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] {
    background: var(--y2k-primary);
    color: var(--y2k-on-primary);
  }

  .y2k-badge, :where([data-ui="y2k"]) .usk-badge, :where([data-ui="y2k"]) .ui-badge {
    background: var(--y2k-surface-soft);
    min-height: 1.125rem;
    color: var(--y2k-text);
    box-shadow: 1px 1px 0 var(--y2k-bevel-shadow, var(--y2k-text));
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 0;
    padding: .125rem .3125rem;
    font-size: .5625rem;
    font-weight: 700;
    line-height: 1;
  }

  .y2k-badge-primary, :where([data-ui="y2k"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--y2k-primary);
    color: var(--y2k-on-primary);
  }

  .y2k-badge-secondary, :where([data-ui="y2k"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--y2k-secondary);
    color: var(--y2k-on-secondary);
  }

  .y2k-badge-success, :where([data-ui="y2k"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--y2k-success);
    color: var(--y2k-on-success);
  }

  .y2k-badge-warning, :where([data-ui="y2k"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--y2k-warning);
    color: var(--y2k-on-warning);
  }

  .y2k-badge-danger, :where([data-ui="y2k"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--y2k-danger);
    color: var(--y2k-on-danger);
  }

  .y2k-alert, :where([data-ui="y2k"]) .usk-alert, :where([data-ui="y2k"]) .ui-alert {
    color: #111;
    background: #cfe8ff;
    border: 1px solid #6083a5;
    border-radius: 0;
    min-height: 1.5rem;
    padding: .25rem .375rem;
    font-size: .625rem;
    box-shadow: inset 1px 1px #fff;
  }

  .y2k-alert-warning, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) {
    color: #111;
    background: #fff2b2;
    border-color: #9d8426;
  }

  .y2k-alert-danger, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) {
    color: #111;
    background: #ffd0d0;
    border-color: #a05a5a;
  }

  .y2k-alert-success, :where([data-ui="y2k"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) {
    color: #111;
    background: #cef2ce;
    border-color: #5f9665;
  }

  .y2k-progress, :where([data-ui="y2k"]) .usk-progress, :where([data-ui="y2k"]) .ui-progress {
    background: var(--y2k-surface-soft);
    border: 1px inset var(--y2k-border);
    height: .875rem;
    box-shadow: var(--y2k-bevel-recessed);
    border-radius: 0;
    padding: 1px;
  }

  .y2k-progress-bar, :where([data-ui="y2k"]) .usk-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar {
    background: repeating-linear-gradient(90deg,var(--y2k-primary)0 .75rem,var(--y2k-surface-strong) .75rem .8125rem);
    border-radius: 0;
    box-shadow: inset 1px 1px #fff6;
  }

  .y2k-table-wrap, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap {
    background: var(--y2k-surface);
    border: 1px solid var(--y2k-border);
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: auto;
  }

  .y2k-table, :where([data-ui="y2k"]) .usk-table, :where([data-ui="y2k"]) .ui-table {
    border-collapse: collapse;
    font: 400 .5625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  .y2k-table th, :where([data-ui="y2k"]) .usk-table th, :where([data-ui="y2k"]) .ui-table th {
    background: var(--y2k-titlebar-bg);
    color: var(--y2k-on-primary);
    border: 1px solid var(--y2k-border);
    text-align: start;
    padding: .1875rem .3125rem;
    font-weight: 700;
  }

  .y2k-table td, :where([data-ui="y2k"]) .usk-table td, :where([data-ui="y2k"]) .ui-table td {
    border: 1px solid var(--y2k-border);
    padding: .1875rem .3125rem;
  }

  .y2k-tooltip, [data-ui="y2k"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="y2k"]) .usk-tooltip, :where([data-ui="y2k"]) .ui-tooltip {
    color: #111;
    background: #ffffc7;
    border: 1px outset #777;
    border-radius: 0;
    padding: .25rem .375rem;
    font: 400 .625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
    box-shadow: 2px 2px #3d3d3d;
  }

  .y2k-card-service, .y2k-card-feature, .y2k-media-scrim, .y2k-feature-strip, .y2k-callout-bar {
    background: var(--y2k-surface);
    border: 2px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    clip-path: none;
    border-radius: 0;
  }

  .y2k-card-service, .y2k-card-feature, .y2k-callout-bar {
    gap: .375rem;
    padding: .375rem;
  }

  .y2k-feature-strip {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  }

  .y2k-feature-item {
    border-inline-end: 1px solid var(--y2k-border);
    border-block-end: 1px solid var(--y2k-border);
    gap: .375rem;
    padding: .375rem;
  }

  .y2k-icon-medallion, .y2k-badge-seal {
    background: var(--y2k-primary);
    block-size: 2.75rem;
    inline-size: 2.75rem;
    min-inline-size: 2.75rem;
    color: var(--y2k-on-primary);
    border: 2px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    text-align: center;
    border-radius: 0;
    place-items: center;
    padding: .25rem;
    font: 700 .75rem / 1 Tahoma, Verdana, Arial, sans-serif;
    display: inline-grid;
  }

  .y2k-badge-seal {
    block-size: 4rem;
    inline-size: 4rem;
    min-inline-size: 4rem;
  }

  .y2k-badge-seal > strong, .y2k-badge-seal > small {
    white-space: nowrap;
    margin: 0;
    padding: 0;
  }

  .y2k-feature-item > .y2k-icon-medallion, .y2k-callout-bar > .y2k-icon-medallion {
    min-block-size: 2.75rem;
    min-inline-size: 2.75rem;
    font-size: 1.25rem;
  }

  .y2k-media-scrim {
    min-block-size: 8rem;
  }

  [data-ui="y2k"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--y2k-surface-soft);
    min-height: 1.375rem;
    color: var(--y2k-text);
    border: 1px outset var(--y2k-border);
    box-shadow: var(--y2k-bevel-raised);
    text-transform: uppercase;
    border-radius: 0;
    padding: .125rem .75rem;
    font: 700 .625rem / 1 Tahoma, Verdana, Arial, sans-serif;
  }

  [data-ui="y2k"][data-mode] :where(dialog) {
    background: var(--y2k-surface);
    color: var(--y2k-text);
    border: 3px outset var(--y2k-border);
    box-shadow: 5px 5px 0 var(--y2k-bevel-shadow, #000);
    border-radius: 0;
    padding: .5rem;
  }

  [data-ui="y2k"][data-mode] :where(dialog)::backdrop {
    background: #0000007a;
  }

  [data-ui="y2k"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), select) {
    box-sizing: border-box;
    min-block-size: 1.375rem;
    color: var(--y2k-text);
    background-color: var(--y2k-surface);
    border: 1px inset var(--y2k-border);
    box-shadow: var(--y2k-bevel-recessed);
    border-radius: 0;
    padding: .125rem .375rem;
    font: 400 .625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  [data-ui="y2k"][data-mode] :where(textarea) {
    box-sizing: border-box;
    min-block-size: 2.75rem;
    color: var(--y2k-text);
    background: var(--y2k-surface);
    border: 1px inset var(--y2k-border);
    box-shadow: var(--y2k-bevel-recessed);
    border-radius: 0;
    padding: .125rem .375rem;
    font: 400 .625rem / 1.2 Tahoma, Verdana, Arial, sans-serif;
  }

  [data-ui="y2k"][data-mode] :where(progress, meter) {
    box-sizing: border-box;
    block-size: .875rem;
    min-block-size: .875rem;
  }

  @media (pointer: coarse) {
    .y2k-button, .y2k-icon-button, .y2k-input, .y2k-select, .y2k-nav-link, [data-ui="y2k"][data-mode] :where(button,input,select), :where([data-ui="y2k"]) .usk-button, :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .usk-input, :where([data-ui="y2k"]) .usk-select, :where([data-ui="y2k"]) .usk-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-select, :where([data-ui="y2k"]) .ui-nav-link {
      min-block-size: 2.75rem;
    }
  }

  [data-ui="y2k"][data-mode] .y2k-button.y2k-button-warning, :where([data-ui="y2k"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="y2k"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--y2k-warning);
    color: var(--y2k-on-warning);
    border-color: var(--y2k-warning);
    text-shadow: none;
  }
}

[data-ui="y2k"][data-mode] .y2k-title {
  letter-spacing: max(.025em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="y2k"][data-mode] .y2k-feature-item > .y2k-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="y2k"][data-mode] .y2k-callout-bar > .y2k-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

[data-ui="y2k"][data-mode] :is(input, select, textarea):focus-visible {
  outline-offset: 2px;
  outline: 2px dotted #d21212;
}

[data-ui="y2k"][data-mode] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select)[aria-invalid="true"] {
  border-color: var(--y2k-danger);
  box-shadow: var(--y2k-bevel-recessed),0 0 0 2px rgb(var(--y2k-danger-rgb)/.24);
}

[data-ui="y2k"][data-mode] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea)[readonly] {
  background-color: var(--y2k-surface-soft);
  filter: saturate(.72);
  opacity: .78;
  border-style: dashed;
}


/* styles/retro-glass.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --rg-radius-xs: .25rem;
    --rg-radius-sm: .5rem;
    --rg-radius-md: .75rem;
    --rg-radius-lg: 1rem;
    --rg-radius-xl: 1.5rem;
    --rg-radius-pill: 999px;
    --rg-space-1: .25rem;
    --rg-space-2: .5rem;
    --rg-space-3: .75rem;
    --rg-space-4: 1rem;
    --rg-space-5: 1.25rem;
    --rg-space-6: 1.5rem;
    --rg-space-8: 2rem;
    --rg-transition-fast: .14s ease;
    --rg-transition-base: .22s ease;
    --rg-transition-slow: .36s ease;
    --rg-font-sans: "DejaVu Sans", Arial, sans-serif;
    --rg-font-display: var(--rg-font-sans);
    --rg-font-body: var(--rg-font-sans);
    --rg-font-heading: var(--rg-font-display);
    --rg-font-control: var(--rg-font-display);
    --rg-font-mono: "DejaVu Sans Mono", Consolas, monospace;
  }

  [data-ui="retro-glass"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --rg-fallback-bg-rgb: 216 222 229;
    --rg-fallback-surface-rgb: 246 249 252;
    --rg-fallback-surface-strong-rgb: 255 255 255;
    --rg-fallback-surface-soft-rgb: 223 229 235;
    --rg-fallback-text-rgb: 28 39 49;
    --rg-fallback-text-muted-rgb: 68 81 94;
    --rg-fallback-border-rgb: 110 120 130;
    --rg-fallback-primary-rgb: 11 99 216;
    --rg-fallback-primary-hover-rgb: 8 85 190;
    --rg-fallback-primary-text-rgb: 255 255 255;
    --rg-fallback-secondary-rgb: 223 229 235;
    --rg-fallback-secondary-hover-rgb: 207 216 224;
    --rg-fallback-secondary-text-rgb: 28 39 49;
    --rg-fallback-accent-rgb: 216 137 0;
    --rg-fallback-accent-text-rgb: 0 0 0;
    --rg-fallback-success-rgb: 76 147 0;
    --rg-fallback-success-text-rgb: 0 0 0;
    --rg-fallback-warning-rgb: 216 137 0;
    --rg-fallback-warning-text-rgb: 0 0 0;
    --rg-fallback-danger-rgb: 216 61 50;
    --rg-fallback-danger-text-rgb: 0 0 0;
    --rg-fallback-link-rgb: 8 75 158;
    --rg-fallback-focus-rgb: 20 120 233;
    --rg-panel-alpha: .92;
    --rg-panel-strong-alpha: .98;
    --rg-panel-soft-alpha: .74;
    --rg-border-alpha: .7;
    --rg-glow-alpha: .24;
    --rg-shadow-alpha: .18;
    --rg-grid-alpha: .075;
    --rg-brush-line: rgb(var(--rg-text-rgb) / .035);
    --rg-glass-highlight: #ffffffe0;
    --rg-glass-midlight: #ffffff5c;
    --rg-material-shadow: rgb(var(--rg-text-rgb) / .2);
    --rg-control-text-shadow: 0 1px 0 #ffffffeb;
    --rg-dock-top: rgb(var(--rg-text-rgb) / .88);
    --rg-dock-bottom: rgb(var(--rg-text-rgb) / .98);
    --rg-dock-text: #f8fafc;
  }

  [data-ui="retro-glass"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --rg-fallback-bg-rgb: 6 16 23;
    --rg-fallback-surface-rgb: 8 23 31;
    --rg-fallback-surface-strong-rgb: 18 38 48;
    --rg-fallback-surface-soft-rgb: 39 52 60;
    --rg-fallback-text-rgb: 240 244 246;
    --rg-fallback-text-muted-rgb: 192 203 209;
    --rg-fallback-border-rgb: 110 126 135;
    --rg-fallback-primary-rgb: 22 119 232;
    --rg-fallback-primary-hover-rgb: 39 136 243;
    --rg-fallback-primary-text-rgb: 0 0 0;
    --rg-fallback-secondary-rgb: 39 52 60;
    --rg-fallback-secondary-hover-rgb: 53 67 77;
    --rg-fallback-secondary-text-rgb: 240 244 246;
    --rg-fallback-accent-rgb: 255 173 0;
    --rg-fallback-accent-text-rgb: 0 0 0;
    --rg-fallback-success-rgb: 114 201 15;
    --rg-fallback-success-text-rgb: 0 0 0;
    --rg-fallback-warning-rgb: 255 173 0;
    --rg-fallback-warning-text-rgb: 0 0 0;
    --rg-fallback-danger-rgb: 239 69 57;
    --rg-fallback-danger-text-rgb: 0 0 0;
    --rg-fallback-link-rgb: 133 194 255;
    --rg-fallback-focus-rgb: 59 156 255;
    --rg-panel-alpha: .82;
    --rg-panel-strong-alpha: .94;
    --rg-panel-soft-alpha: .58;
    --rg-border-alpha: .64;
    --rg-glow-alpha: .42;
    --rg-shadow-alpha: .42;
    --rg-grid-alpha: .12;
    --rg-brush-line: #ffffff07;
    --rg-glass-highlight: #ffffff38;
    --rg-glass-midlight: #ffffff14;
    --rg-material-shadow: #0000009e;
    --rg-control-text-shadow: 0 -1px 0 #000000db;
    --rg-dock-top: rgb(var(--rg-bg-rgb) / .88);
    --rg-dock-bottom: #000000f5;
    --rg-dock-text: #e5ebf1;
  }

  [data-ui="retro-glass"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --rg-fallback-bg-rgb: 0 0 0;
    --rg-fallback-surface-rgb: 5 8 12;
    --rg-fallback-surface-strong-rgb: 10 19 32;
    --rg-fallback-surface-soft-rgb: 0 0 0;
    --rg-fallback-text-rgb: 255 255 255;
    --rg-fallback-text-muted-rgb: 242 247 255;
    --rg-fallback-border-rgb: 255 255 255;
    --rg-fallback-primary-rgb: 156 197 240;
    --rg-fallback-primary-hover-rgb: 255 255 255;
    --rg-fallback-primary-text-rgb: 0 0 0;
    --rg-fallback-secondary-rgb: 0 230 255;
    --rg-fallback-secondary-hover-rgb: 255 255 255;
    --rg-fallback-secondary-text-rgb: 0 0 0;
    --rg-fallback-accent-rgb: 230 240 255;
    --rg-fallback-accent-text-rgb: 0 0 0;
    --rg-fallback-success-rgb: 0 255 144;
    --rg-fallback-success-text-rgb: 0 0 0;
    --rg-fallback-warning-rgb: 255 212 0;
    --rg-fallback-warning-text-rgb: 0 0 0;
    --rg-fallback-danger-rgb: 255 92 92;
    --rg-fallback-danger-text-rgb: 0 0 0;
    --rg-fallback-link-rgb: 156 197 240;
    --rg-fallback-focus-rgb: 255 255 255;
    --rg-panel-alpha: 1;
    --rg-panel-strong-alpha: 1;
    --rg-panel-soft-alpha: .92;
    --rg-border-alpha: 1;
    --rg-glow-alpha: .68;
    --rg-shadow-alpha: .56;
    --rg-grid-alpha: .18;
    --rg-brush-line: #ffffff14;
    --rg-glass-highlight: #ffffff4d;
    --rg-glass-midlight: #ffffff1f;
    --rg-material-shadow: #000000d1;
    --rg-control-text-shadow: 0 -1px 0 #000;
    --rg-dock-top: #111;
    --rg-dock-bottom: #000;
    --rg-dock-text: #fff;
  }

  [data-ui="retro-glass"][data-theme][data-mode] {
    --rg-bg-rgb: var(--usk-bg-rgb);
    --rg-surface-rgb: var(--usk-surface-rgb);
    --rg-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --rg-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --rg-text-rgb: var(--usk-text-rgb);
    --rg-text-muted-rgb: var(--usk-text-muted-rgb);
    --rg-border-rgb: var(--usk-border-rgb);
    --rg-primary-rgb: var(--usk-primary-rgb);
    --rg-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --rg-primary-text-rgb: var(--usk-primary-text-rgb);
    --rg-secondary-rgb: var(--usk-secondary-rgb);
    --rg-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --rg-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --rg-accent-rgb: var(--usk-accent-rgb);
    --rg-accent-text-rgb: var(--usk-accent-text-rgb);
    --rg-success-rgb: var(--usk-success-rgb);
    --rg-success-text-rgb: var(--usk-success-text-rgb);
    --rg-warning-rgb: var(--usk-warning-rgb);
    --rg-warning-text-rgb: var(--usk-warning-text-rgb);
    --rg-danger-rgb: var(--usk-danger-rgb);
    --rg-danger-text-rgb: var(--usk-danger-text-rgb);
    --rg-link-rgb: var(--usk-link-rgb);
    --rg-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="retro-glass"][data-mode] {
    --usk-native-bg: var(--rg-bg);
    --rg-bg-rgb: var(--usk-bg-rgb, var(--rg-fallback-bg-rgb));
    --rg-surface-rgb: var(--usk-surface-rgb, var(--rg-fallback-surface-rgb));
    --rg-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--rg-fallback-surface-strong-rgb));
    --rg-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--rg-fallback-surface-soft-rgb));
    --rg-text-rgb: var(--usk-text-rgb, var(--rg-fallback-text-rgb));
    --rg-text-muted-rgb: var(--usk-text-muted-rgb, var(--rg-fallback-text-muted-rgb));
    --rg-border-rgb: var(--usk-border-rgb, var(--rg-fallback-border-rgb));
    --rg-primary-rgb: var(--usk-primary-rgb, var(--rg-fallback-primary-rgb));
    --rg-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--rg-fallback-primary-hover-rgb));
    --rg-primary-text-rgb: var(--usk-primary-text-rgb, var(--rg-fallback-primary-text-rgb));
    --rg-secondary-rgb: var(--usk-secondary-rgb, var(--rg-fallback-secondary-rgb));
    --rg-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--rg-fallback-secondary-hover-rgb));
    --rg-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--rg-fallback-secondary-text-rgb));
    --rg-accent-rgb: var(--usk-accent-rgb, var(--rg-fallback-accent-rgb));
    --rg-accent-text-rgb: var(--usk-accent-text-rgb, var(--rg-fallback-accent-text-rgb));
    --rg-success-rgb: var(--usk-success-rgb, var(--rg-fallback-success-rgb));
    --rg-success-text-rgb: var(--usk-success-text-rgb, var(--rg-fallback-success-text-rgb));
    --rg-warning-rgb: var(--usk-warning-rgb, var(--rg-fallback-warning-rgb));
    --rg-warning-text-rgb: var(--usk-warning-text-rgb, var(--rg-fallback-warning-text-rgb));
    --rg-danger-rgb: var(--usk-danger-rgb, var(--rg-fallback-danger-rgb));
    --rg-danger-text-rgb: var(--usk-danger-text-rgb, var(--rg-fallback-danger-text-rgb));
    --rg-link-rgb: var(--usk-link-rgb, var(--rg-fallback-link-rgb));
    --rg-focus-rgb: var(--usk-focus-rgb, var(--rg-fallback-focus-rgb));
    --usk-native-surface: var(--rg-surface);
    --usk-native-surface-strong: var(--rg-surface-strong);
    --usk-native-surface-soft: var(--rg-surface-soft);
    --usk-native-card-bg: var(--rg-card-bg);
    --usk-native-control-bg: var(--rg-control-bg);
    --usk-native-text: var(--rg-text);
    --usk-native-text-muted: var(--rg-text-muted);
    --usk-native-border: var(--rg-border);
    --usk-native-primary: var(--rg-primary);
    --usk-native-primary-hover: var(--rg-primary-hover);
    --usk-native-on-primary: var(--rg-on-primary);
    --usk-native-secondary: var(--rg-secondary);
    --usk-native-on-secondary: var(--rg-on-secondary);
    --usk-native-accent: var(--rg-accent);
    --usk-native-on-accent: var(--rg-on-accent);
    --usk-native-on-success: var(--rg-on-success);
    --usk-native-on-warning: var(--rg-on-warning);
    --usk-native-on-danger: var(--rg-on-danger);
    --usk-native-focus: var(--rg-focus);
    --usk-native-success: var(--rg-success);
    --usk-native-warning: var(--rg-warning);
    --usk-native-danger: var(--rg-danger);
    --usk-native-link: var(--rg-link);
    --usk-native-font-body: var(--rg-font-body);
    --usk-native-font-heading: var(--rg-font-heading);
    --usk-native-font-control: var(--rg-font-control);
    --usk-native-font-mono: var(--rg-font-mono);
    --usk-native-radius-sm: var(--rg-radius-sm);
    --usk-native-radius: var(--rg-radius-md);
    --usk-native-radius-lg: var(--rg-radius-lg);
    --usk-native-shadow: 0 10px 30px rgb(0 0 0 / calc(var(--rg-shadow-alpha) * .72));
    --usk-native-shadow-md: var(--rg-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--rg-focus-ring, 0 0 0 3px rgb(var(--rg-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--rg-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.5rem;
    --usk-native-choice-background: var(--rg-control-bg);
    --usk-native-choice-border: 1px solid var(--rg-border);
    --usk-native-checkbox-radius: .28rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 1px #ffffff8c;
    --usk-native-choice-checked-background: var(--rg-primary);
    --usk-native-choice-mark-color: var(--rg-on-primary);
    --usk-native-track: var(--rg-glass-inset);
    --usk-native-track-fill: linear-gradient(180deg, var(--rg-primary-hover), var(--rg-primary));
    --usk-native-thumb: radial-gradient(circle at 42% 30%, var(--rg-glass-highlight), transparent 32%), var(--rg-control-material);
    --usk-native-thumb-border: var(--rg-border);
    --usk-native-select-indicator-image: linear-gradient(57deg, transparent 50%, var(--rg-primary) 50%), linear-gradient(123deg, var(--rg-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .34rem .34rem, .34rem .34rem;
    --usk-native-select-indicator-position: calc(100% - 1.16rem) 50%, calc(100% - .84rem) 50%;
    --usk-native-select-padding-inline-end: 2.55rem;
    --usk-native-range-track-size: .54rem;
    --usk-native-range-track-background: var(--rg-surface-soft);
    --usk-native-range-track-border: 1px solid var(--rg-border);
    --usk-native-range-track-radius: .2rem;
    --usk-native-range-track-shadow: inset 0 1px #ffffff8c;
    --usk-native-range-progress-background: var(--rg-primary);
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--rg-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: inset 0 1px #ffffff8c;
    --usk-native-progress-size: .72rem;
    --usk-native-progress-track-background: var(--rg-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--rg-border);
    --usk-native-progress-track-radius: .2rem;
    --usk-native-progress-track-shadow: inset 0 1px #ffffff8c;
    --usk-native-progress-value-background: var(--rg-primary);
    --usk-native-progress-value-radius: .2rem;
    --usk-native-progress-value-shadow: inset 0 1px #ffffff8c;
    --usk-native-meter-optimum-background: var(--rg-success);
    --usk-native-meter-suboptimum-background: var(--rg-warning);
    --usk-native-meter-critical-background: var(--rg-danger);
    --usk-native-file-button-background: var(--rg-primary);
    --usk-native-file-button-border: 1px solid var(--rg-border);
    --usk-native-file-button-radius: .28rem;
    --usk-native-file-button-shadow: inset 0 1px #ffffff8c;
    --usk-native-color-swatch-border: 1px solid var(--rg-border);
    --usk-native-color-swatch-radius: .28rem;
    --usk-native-indicator-opacity: .72;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .72rem;
    --usk-native-scrollbar-track: var(--rg-surface-soft);
    --usk-native-scrollbar-thumb: var(--rg-primary);
    --usk-native-scrollbar-radius: .2rem;
    --rg-bg: rgb(var(--rg-bg-rgb));
    --rg-surface: rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));
    --rg-surface-strong: rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));
    --rg-surface-soft: rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));
    --rg-text: rgb(var(--rg-text-rgb));
    --rg-text-muted: rgb(var(--rg-text-muted-rgb));
    --rg-fg: var(--rg-text);
    --rg-surface-fg: var(--rg-text);
    --rg-muted: var(--rg-text-muted);
    --rg-border: rgb(var(--rg-border-rgb) / max(var(--rg-border-alpha), var(--usk-border-min-alpha)));
    --rg-control-fg: var(--rg-text);
    --rg-primary: rgb(var(--rg-primary-rgb));
    --rg-primary-hover: rgb(var(--rg-primary-hover-rgb));
    --rg-primary-text: rgb(var(--rg-primary-text-rgb));
    --rg-secondary: rgb(var(--rg-secondary-rgb));
    --rg-secondary-hover: rgb(var(--rg-secondary-hover-rgb));
    --rg-secondary-text: rgb(var(--rg-secondary-text-rgb));
    --rg-on-primary: var(--rg-primary-text);
    --rg-on-secondary: var(--rg-secondary-text);
    --rg-on-accent: rgb(var(--rg-accent-text-rgb));
    --rg-on-success: rgb(var(--rg-success-text-rgb));
    --rg-on-warning: rgb(var(--rg-warning-text-rgb));
    --rg-on-danger: rgb(var(--rg-danger-text-rgb));
    --rg-accent: rgb(var(--rg-accent-rgb));
    --rg-success: rgb(var(--rg-success-rgb));
    --rg-warning: rgb(var(--rg-warning-rgb));
    --rg-danger: rgb(var(--rg-danger-rgb));
    --rg-link: rgb(var(--rg-link-rgb));
    --rg-focus: rgb(var(--rg-focus-rgb));
    --rg-glow-primary: rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));
    --rg-glow-secondary: rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));
    --rg-glow-accent: rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));
    --rg-shadow-sm: 0 2px 8px rgb(0 0 0 / var(--rg-shadow-alpha));
    --rg-shadow-md: 0 10px 28px rgb(0 0 0 / calc(var(--rg-shadow-alpha) + .05));
    --rg-shadow-lg: 0 22px 60px rgb(0 0 0 / calc(var(--rg-shadow-alpha) + .12));
    --rg-theme-bg-size: auto;
    --rg-theme-bg: repeating-linear-gradient(0deg, transparent 0 1px, var(--rg-brush-line) 1px 2px), linear-gradient(90deg, rgb(var(--rg-primary-rgb) / .025), transparent 18%, transparent 82%, rgb(var(--rg-secondary-rgb) / .025)), var(--rg-bg);
    --rg-brushed-chrome: repeating-linear-gradient(0deg, transparent 0 1px, var(--rg-brush-line) 1px 2px), linear-gradient(180deg, var(--rg-glass-highlight), var(--rg-glass-midlight) 46%, rgb(var(--rg-surface-soft-rgb) / .54) 52%, rgb(var(--rg-surface-rgb) / .88));
    --rg-glass-pane: linear-gradient(180deg, var(--rg-glass-highlight), rgb(var(--rg-surface-strong-rgb) / .28) 10%, rgb(var(--rg-surface-rgb) / .82) 100%);
    --rg-glass-inset: linear-gradient(180deg, rgb(var(--rg-text-rgb) / .075), rgb(var(--rg-surface-rgb) / .7) 22%, rgb(var(--rg-surface-strong-rgb) / .68));
    --rg-control-material: linear-gradient(180deg, var(--rg-glass-highlight), rgb(var(--rg-surface-strong-rgb) / .9) 12%, rgb(var(--rg-surface-rgb) / .72) 52%, rgb(var(--rg-surface-soft-rgb) / .9));
    --rg-card-bg: var(--rg-glass-pane);
    --rg-control-bg: var(--rg-control-material);
    --rg-spinner-track: rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));
    --rg-spinner-stroke: var(--rg-primary);
    --rg-spinner-accent: var(--rg-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="retro-glass"][data-mode] {
      --rg-border: color-mix(in srgb, rgb(var(--rg-border-rgb) / max(var(--rg-border-alpha), var(--usk-border-min-alpha))), var(--rg-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="retro-glass"] {
    background: var(--rg-theme-bg, var(--rg-bg));
    background-size: var(--rg-theme-bg-size, auto);
    color: var(--rg-text);
    font-family: var(--rg-font-body);
  }

  [data-ui="retro-glass"] *, [data-ui="retro-glass"] :before, [data-ui="retro-glass"] :after {
    box-sizing: border-box;
  }

  [data-ui="retro-glass"][data-mode] {
    background: var(--rg-theme-bg);
    background-size: var(--rg-theme-bg-size);
  }

  [data-ui="retro-glass"] :where(a) {
    color: var(--rg-link);
    text-underline-offset: .18em;
  }

  [data-ui="retro-glass"] ::selection {
    background: var(--rg-primary);
    color: var(--rg-on-primary);
  }

  .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .usk-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link {
    font-family: var(--rg-font-heading);
    text-transform: uppercase;
  }

  .rg-title {
    letter-spacing: .06em;
    text-shadow: 0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1.02;
  }

  .rg-heading {
    letter-spacing: .06em;
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 2rem);
  }

  .rg-kicker {
    color: var(--usk-primary-ink, var(--rg-primary));
    letter-spacing: .18em;
    margin: 0;
    font-size: .8rem;
    font-weight: 900;
  }

  .rg-subtitle, .rg-copy {
    color: var(--rg-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .rg-text-muted {
    color: var(--rg-text-muted);
  }

  .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .usk-card, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .ui-card, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap {
    background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);
    color: var(--rg-text);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-xl);
    box-shadow: var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
    transition: transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);
    border-top-color: #ffffff47;
    border-left-color: #fff3;
    position: relative;
  }

  .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .usk-card:before, :where([data-ui="retro-glass"]) .ui-card:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }

  .rg-card, .rg-panel, .rg-console, :where([data-ui="retro-glass"]) .usk-card, :where([data-ui="retro-glass"]) .ui-card {
    padding: var(--rg-space-6);
  }

  .rg-console {
    border-radius: var(--rg-radius-lg);
    box-shadow: var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary);
  }

  .rg-toolbar, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--rg-space-4);
    padding: var(--rg-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .rg-hover-lift:hover {
    border-color: rgb(var(--rg-primary-rgb)/.68);
    box-shadow: var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);
    transform: translateY(-3px);
  }

  .rg-inset, .rg-well {
    background: linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);
    border: 1px solid rgb(var(--rg-border-rgb)/.36);
    border-radius: var(--rg-radius-lg);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    box-shadow: inset 0 8px 22px #00000029;
  }

  .rg-well {
    padding: var(--rg-space-5);
  }

  .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--rg-space-2);
    background: linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);
    min-height: 2.85rem;
    color: var(--rg-text);
    border: 1px solid rgb(var(--rg-border-rgb)/.56);
    border-radius: var(--rg-radius-md);
    box-shadow: var(--rg-shadow-sm);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    font: inherit;
    font-family: var(--rg-font-display);
    letter-spacing: .08em;
    cursor: pointer;
    transition: transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);
    border-top-color: #ffffff52;
    padding: .75rem 1.1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .usk-button:active, :where([data-ui="retro-glass"]) .usk-icon-button:active, :where([data-ui="retro-glass"]) .usk-button.is-active, :where([data-ui="retro-glass"]) .usk-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] {
    box-shadow: inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);
    transform: translateY(1px);
  }

  .rg-button-primary:hover, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--rg-primary-hover);
  }

  .rg-button-secondary:hover, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--rg-secondary-hover);
  }

  .rg-button-danger, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--rg-danger);
    color: var(--rg-on-danger);
  }

  .rg-icon-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button {
    width: 2.85rem;
    padding: 0;
  }

  .rg-field, :where([data-ui="retro-glass"]) .usk-field, :where([data-ui="retro-glass"]) .ui-field {
    gap: var(--rg-space-2);
    flex-direction: column;
    display: flex;
  }

  .rg-label, :where([data-ui="retro-glass"]) .usk-label, :where([data-ui="retro-glass"]) .ui-label {
    font-family: var(--rg-font-heading);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .8rem;
    font-weight: 900;
  }

  .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .usk-input, :where([data-ui="retro-glass"]) .usk-textarea, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select {
    background: linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);
    width: 100%;
    min-height: 2.9rem;
    color: var(--rg-text);
    border: 1px solid rgb(var(--rg-border-rgb)/.44);
    border-radius: var(--rg-radius-md);
    font: inherit;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    outline: none;
    padding: .8rem 1rem;
    box-shadow: inset 0 8px 18px #00000024;
  }

  .rg-textarea, :where([data-ui="retro-glass"]) .usk-textarea, :where([data-ui="retro-glass"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .rg-input:focus, .rg-textarea:focus, .rg-select:focus, :where([data-ui="retro-glass"]) .usk-input:focus, :where([data-ui="retro-glass"]) .usk-textarea:focus, :where([data-ui="retro-glass"]) .usk-select:focus, :where([data-ui="retro-glass"]) .ui-input:focus, :where([data-ui="retro-glass"]) .ui-textarea:focus, :where([data-ui="retro-glass"]) .ui-select:focus {
    border-color: var(--rg-focus);
    box-shadow: inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22);
  }

  .rg-help-text, :where([data-ui="retro-glass"]) .usk-help-text, :where([data-ui="retro-glass"]) .ui-help-text {
    color: var(--rg-text-muted);
    font-size: .9rem;
  }

  .rg-badge, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .ui-badge {
    background: linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);
    min-height: 1.8rem;
    color: var(--rg-text);
    border: 1px solid rgb(var(--rg-border-rgb)/.5);
    border-radius: var(--rg-radius-pill);
    box-shadow: var(--rg-shadow-sm);
    letter-spacing: .08em;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    align-items: center;
    padding: .35rem .75rem;
    font-size: .78rem;
    font-weight: 900;
    display: inline-flex;
  }

  .rg-badge-primary, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--rg-primary);
    color: var(--rg-on-primary);
  }

  .rg-badge-secondary, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--rg-secondary);
    color: var(--rg-on-secondary);
  }

  .rg-badge-success, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--rg-success);
    color: var(--rg-on-success);
  }

  .rg-badge-warning, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--rg-warning);
    color: var(--rg-on-warning);
  }

  .rg-badge-danger, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--rg-danger);
    color: var(--rg-on-danger);
  }

  .rg-nav, :where([data-ui="retro-glass"]) .usk-nav, :where([data-ui="retro-glass"]) .ui-nav {
    gap: var(--rg-space-2);
    padding: var(--rg-space-2);
    background: linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-xl);
    box-shadow: var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
    flex-wrap: wrap;
    display: flex;
  }

  .rg-nav-link, :where([data-ui="retro-glass"]) .usk-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--rg-text-muted);
    border-radius: var(--rg-radius-pill);
    letter-spacing: .08em;
    border: 1px solid #0000;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
  }

  .rg-nav-link:hover, :where([data-ui="retro-glass"]) .usk-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover {
    color: var(--rg-text);
    border-color: rgb(var(--rg-primary-rgb)/.36);
    background: #ffffff1a;
  }

  .rg-tooltip, [data-ui="retro-glass"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="retro-glass"]) .usk-tooltip, :where([data-ui="retro-glass"]) .ui-tooltip {
    background: linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);
    max-inline-size: 16rem;
    color: var(--rg-text);
    box-shadow: var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    backdrop-filter: blur(14px) saturate(145%);
    letter-spacing: .04em;
    border: 1px solid #ffffff57;
    border-radius: 38% 62% 48% 52% / 52% 42% 58% 48%;
    align-items: center;
    gap: .45rem;
    padding: .62rem .88rem;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.3;
    display: inline-flex;
  }

  .rg-tooltip-arrow {
    background: #ffffff61;
    border: 1px solid #ffffff4d;
    border-radius: 40% 60% 45% 55%;
    flex: none;
    block-size: .6rem;
    inline-size: .6rem;
    transform: rotate(45deg);
  }

  .rg-progress, :where([data-ui="retro-glass"]) .usk-progress, :where([data-ui="retro-glass"]) .ui-progress {
    background: var(--rg-surface-soft);
    border: 1px solid rgb(var(--rg-border-rgb)/.4);
    border-radius: var(--rg-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
    box-shadow: inset 0 8px 18px #00000024;
  }

  .rg-progress-bar, :where([data-ui="retro-glass"]) .usk-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar {
    height: 100%;
    width: var(--rg-progress-value, 50%);
    background: linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));
    border-radius: inherit;
    box-shadow: 0 0 18px var(--rg-glow-primary);
  }

  .rg-alert, :where([data-ui="retro-glass"]) .usk-alert, :where([data-ui="retro-glass"]) .ui-alert {
    padding: var(--rg-space-4);
    background: var(--rg-surface);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-lg);
    box-shadow: var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }

  .rg-alert-title, :where([data-ui="retro-glass"]) .usk-alert-title, :where([data-ui="retro-glass"]) .ui-alert-title {
    font-family: var(--rg-font-heading);
    text-transform: uppercase;
    margin: 0;
  }

  .rg-alert-body, :where([data-ui="retro-glass"]) .usk-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body {
    color: var(--rg-text-muted);
    margin: .5rem 0 0;
  }

  .rg-alert-success, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left: 4px solid var(--rg-success);
  }

  .rg-alert-warning, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left: 4px solid var(--rg-warning);
  }

  .rg-alert-danger, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left: 4px solid var(--rg-danger);
  }

  .rg-table-wrap, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap {
    overflow: auto;
  }

  .rg-table, :where([data-ui="retro-glass"]) .usk-table, :where([data-ui="retro-glass"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .rg-table th, .rg-table td, :where([data-ui="retro-glass"]) .usk-table th, :where([data-ui="retro-glass"]) .usk-table td, :where([data-ui="retro-glass"]) .ui-table th, :where([data-ui="retro-glass"]) .ui-table td {
    border-bottom: 1px solid rgb(var(--rg-border-rgb)/.34);
    text-align: left;
    padding: .9rem 1rem;
  }

  .rg-table th, :where([data-ui="retro-glass"]) .usk-table th, :where([data-ui="retro-glass"]) .ui-table th {
    background: rgb(var(--rg-primary-rgb)/.1);
    font-family: var(--rg-font-heading);
    text-transform: uppercase;
    letter-spacing: .1em;
  }

  .rg-table td, :where([data-ui="retro-glass"]) .usk-table td, :where([data-ui="retro-glass"]) .ui-table td {
    color: var(--rg-text-muted);
  }

  .rg-text-primary {
    color: var(--usk-primary-ink, var(--rg-primary));
  }

  .rg-text-secondary {
    color: var(--rg-secondary);
  }

  .rg-text-accent {
    color: var(--usk-accent-ink, var(--rg-accent));
  }

  .rg-text-success {
    color: var(--rg-success);
  }

  .rg-text-warning {
    color: var(--rg-warning);
  }

  .rg-text-danger {
    color: var(--rg-danger);
  }

  @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    [data-ui="retro-glass"] {
      --rg-panel-alpha: .96;
      --rg-panel-strong-alpha: 1;
      --rg-panel-soft-alpha: .9;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="retro-glass"] *, [data-ui="retro-glass"] :before, [data-ui="retro-glass"] :after {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
    }
  }

  .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .usk-card, :where([data-ui="retro-glass"]) .ui-card {
    background: var(--rg-card-bg);
  }

  .rg-toolbar, .rg-table-wrap, .rg-button:where(:not([data-ui-variant])):not(:is(.rg-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.rg-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.rg-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.rg-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.rg-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.rg-button-outline-heavy), .rg-icon-button, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.rg-button-outline-heavy), :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.rg-button-outline-heavy), :where([data-ui="retro-glass"]) .ui-icon-button {
    background: var(--rg-control-bg);
  }

  .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .usk-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link {
    font-family: var(--rg-font-control);
  }

  .rg-spinner, .rg-loading-spinner, [data-ui="retro-glass"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="retro-glass"]) .usk-spinner, :where([data-ui="retro-glass"]) .ui-spinner {
    box-sizing: border-box;
    block-size: 2rem;
    inline-size: 2rem;
    color: var(--rg-spinner-stroke);
    border: 2px solid var(--rg-spinner-track);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    vertical-align: -.2em;
    background: none;
    border-block-start-color: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 0;
    animation: .85s linear infinite rg-spin;
    display: inline-block;
  }

  .rg-spinner-sm {
    border-width: .08rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .rg-spinner-lg {
    border-width: .2rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="retro-glass"]) .usk-button[aria-busy="true"], :where([data-ui="retro-glass"]) .usk-icon-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .usk-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    box-sizing: border-box;
    border: 2px solid var(--rg-spinner-track);
    block-size: 16px;
    inline-size: 16px;
    box-shadow: none;
    clip-path: none;
    background: none;
    border-block-start-color: currentColor;
    border-radius: 50%;
    flex: 0 0 16px;
    padding: 0;
    animation: .85s linear infinite rg-spin;
    display: inline-block;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .rg-spinner, .rg-loading-spinner, [data-ui="retro-glass"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .usk-spinner, :where([data-ui="retro-glass"]) .usk-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-spinner, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after {
      border-color: color-mix(in srgb,currentColor 28%,transparent);
      border-block-start-color: currentColor;
    }
  }

  @keyframes rg-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .rg-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--rg-border-rgb)/.72);
    border-radius: var(--rg-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .rg-card-service {
    gap: var(--rg-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .rg-card-service > .rg-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .rg-card-service > .rg-card-media + .rg-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .rg-card-feature {
    gap: var(--rg-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .rg-card-accent-edge {
    border-inline-start: .35rem solid var(--rg-primary);
  }

  .rg-icon-medallion {
    background: var(--rg-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--rg-on-primary);
    border: 2px solid rgb(var(--rg-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .rg-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .rg-button.rg-button-cut, .rg-button-cut, :where([data-ui="retro-glass"]) .usk-button.rg-button-cut, :where([data-ui="retro-glass"]) .ui-button.rg-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .rg-button.rg-button-cut:focus-visible, .rg-button-cut:focus-visible, :where([data-ui="retro-glass"]) .usk-button.rg-button-cut:focus-visible, :where([data-ui="retro-glass"]) .ui-button.rg-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .rg-button.rg-button-outline-heavy, .rg-button-outline-heavy, :where([data-ui="retro-glass"]) .usk-button.rg-button-outline-heavy, :where([data-ui="retro-glass"]) .ui-button.rg-button-outline-heavy {
    color: var(--usk-primary-ink, var(--rg-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--rg-primary);
    box-shadow: none;
    background: none;
  }

  .rg-button.rg-button-outline-heavy:hover, .rg-button-outline-heavy:hover, :where([data-ui="retro-glass"]) .usk-button.rg-button-outline-heavy:hover, :where([data-ui="retro-glass"]) .ui-button.rg-button-outline-heavy:hover {
    background: var(--rg-primary);
    color: var(--rg-on-primary);
    border-color: var(--rg-primary-hover);
  }

  .rg-badge-seal {
    aspect-ratio: 1;
    background: var(--rg-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--rg-text);
    border: 2px solid var(--rg-primary);
    text-align: center;
    font-family: var(--rg-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .rg-feature-strip {
    background: var(--rg-card-bg);
    color: var(--rg-text);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .rg-feature-item {
    align-items: center;
    gap: var(--rg-space-3);
    min-inline-size: 0;
    padding: var(--rg-space-4);
    border-inline-end: 1px solid rgb(var(--rg-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .rg-feature-item:last-child {
    border-inline-end: 0;
  }

  .rg-feature-item > :where(p, small) {
    color: var(--rg-text-muted);
    margin: 0;
  }

  .rg-callout-bar {
    align-items: center;
    gap: var(--rg-space-4);
    padding: var(--rg-space-4) var(--rg-space-5);
    background: var(--rg-card-bg);
    color: var(--rg-text);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .rg-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .rg-callout-bar>:where(.rg-button,a,button):last-child, :where([data-ui="retro-glass"]) .rg-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="retro-glass"]) .rg-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .rg-eyebrow {
    color: var(--usk-primary-ink, var(--rg-primary));
    font-family: var(--rg-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .rg-media-scrim {
    isolation: isolate;
    background: var(--rg-surface-soft);
    border: 1px solid var(--rg-border);
    border-radius: var(--rg-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .rg-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .rg-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .rg-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .rg-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .rg-callout-bar>:where(.rg-button,a,button):last-child, :where([data-ui="retro-glass"]) .rg-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="retro-glass"]) .rg-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .rg-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--rg-border-rgb)/.62);
    }

    .rg-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .rg-card-service, .rg-card-feature, .rg-feature-strip, .rg-callout-bar {
    background: linear-gradient(135deg,#ffffff29,#ffffff08),var(--rg-card-bg);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
    box-shadow: var(--rg-shadow-md),0 0 1.8rem rgb(var(--rg-primary-rgb)/.18);
  }

  .rg-icon-medallion, .rg-badge-seal {
    background: linear-gradient(145deg,#ffffff4d,#ffffff0d),rgb(var(--rg-primary-rgb)/.72);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    backdrop-filter: blur(12px) saturate(150%);
    box-shadow: 0 0 1.35rem rgb(var(--rg-primary-rgb)/.28);
    border-color: #ffffff52;
  }

  .rg-button-outline-heavy {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #ffffff0f;
  }

  .rg-button.rg-button-cut, .rg-button-cut, :where([data-ui="retro-glass"]) .usk-button.rg-button-cut, :where([data-ui="retro-glass"]) .ui-button.rg-button-cut {
    clip-path: polygon(.8rem 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .8rem) 100%, 0 100%, 0 .35rem);
    justify-content: center;
    justify-self: center;
    min-block-size: 2.75rem;
    inline-size: min(100%, 16rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .rg-button.rg-button-outline-heavy, .rg-button-outline-heavy, :where([data-ui="retro-glass"]) .usk-button.rg-button-outline-heavy, :where([data-ui="retro-glass"]) .ui-button.rg-button-outline-heavy {
    background: rgb(var(--rg-surface-strong-rgb)/.2);
    clip-path: polygon(0 0, calc(100% - .8rem) 0, 100% .35rem, 100% 100%, .8rem 100%, 0 calc(100% - .35rem));
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.78),0 .45rem 1rem rgb(var(--rg-primary-rgb)/.14);
    border-width: 1px;
    border-radius: 0;
  }

  .rg-card-service, .rg-media-scrim, .rg-feature-strip, .rg-callout-bar, .rg-well {
    background: rgb(var(--rg-surface-strong-rgb)/.34);
    border: 1px solid rgb(var(--rg-border-rgb)/.72);
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.78),0 .8rem 1.6rem rgb(var(--rg-primary-rgb)/.14);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: .75rem 1.35rem .75rem 1.15rem;
  }

  [data-ui="retro-glass"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    color: var(--rg-text);
    background: rgb(var(--rg-surface-strong-rgb)/.24);
    border: 1px solid var(--rg-primary);
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.78),0 .35rem .85rem rgb(var(--rg-primary-rgb)/.14);
    border-radius: .55rem .9rem .55rem .78rem;
  }

  [data-ui="retro-glass"][data-mode] :where(dialog) {
    background: rgb(var(--rg-surface-strong-rgb)/.72);
    border: 1px solid rgb(var(--rg-border-rgb)/.78);
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.8),0 1rem 2.2rem rgb(var(--rg-primary-rgb)/.18);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-radius: .85rem 1.45rem .85rem 1.2rem;
  }

  [data-ui="retro-glass"][data-mode] {
    --usk-native-font-control: "Segoe UI", Tahoma, Geneva, sans-serif;
    --usk-native-control-min-block-size: 2.5rem;
    --usk-native-control-padding-block: .52rem;
    --usk-native-control-padding-inline: .86rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: .34rem;
    --usk-native-radius: .52rem;
    --usk-native-radius-lg: .72rem;
    --usk-native-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb) / .9), 0 .22rem .5rem rgb(var(--rg-text-rgb) / .18);
    --usk-native-shadow-md: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb) / .92), 0 .7rem 1.35rem rgb(var(--rg-text-rgb) / .22);
    --usk-native-focus-ring: 0 0 0 1px var(--rg-surface-strong), 0 0 0 3px var(--rg-focus), 0 0 .65rem rgb(var(--rg-focus-rgb) / .34);
    --usk-native-subcontrol-padding-block: .4rem;
    --usk-native-subcontrol-padding-inline: .62rem;
    --usk-native-choice-size: 1.16rem;
    --usk-native-choice-background: var(--rg-control-material);
    --usk-native-choice-border: 1px solid var(--rg-border);
    --usk-native-checkbox-radius: .28rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb) / .9), 0 1px 3px rgb(var(--rg-text-rgb) / .22);
    --usk-native-choice-checked-background: linear-gradient(180deg, var(--rg-primary-hover), var(--rg-primary));
    --usk-native-choice-mark-color: var(--rg-on-primary);
    --usk-native-select-indicator-image: linear-gradient(55deg, transparent 46%, var(--rg-text) 46% 56%, transparent 56%), linear-gradient(125deg, transparent 46%, var(--rg-text) 46% 56%, transparent 56%);
    --usk-native-select-indicator-size: .44rem .44rem, .44rem .44rem;
    --usk-native-select-indicator-position: calc(100% - 1.02rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.2rem;
    --usk-native-range-track-size: .42rem;
    --usk-native-range-track-background: var(--rg-glass-inset);
    --usk-native-range-track-border: 1px inset var(--rg-border);
    --usk-native-range-track-radius: .35rem;
    --usk-native-range-track-shadow: inset 0 2px 4px rgb(var(--rg-text-rgb) / .22);
    --usk-native-range-progress-background: linear-gradient(180deg, var(--rg-primary-hover), var(--rg-primary));
    --usk-native-range-thumb-size: 1.2rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--rg-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: inset 0 1px 0 var(--rg-surface-strong), 0 2px 4px rgb(var(--rg-text-rgb) / .28);
    --usk-native-progress-size: .74rem;
    --usk-native-progress-track-background: var(--rg-glass-inset);
    --usk-native-progress-track-border: 1px inset var(--rg-border);
    --usk-native-progress-track-radius: .42rem;
    --usk-native-progress-track-shadow: inset 0 2px 4px rgb(var(--rg-text-rgb) / .25);
    --usk-native-progress-value-background: repeating-linear-gradient(120deg, var(--rg-primary) 0 .5rem, var(--rg-primary-hover) .5rem .7rem);
    --usk-native-progress-value-radius: .36rem;
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb) / .7), 0 0 .45rem rgb(var(--rg-primary-rgb) / .35);
    --usk-native-scrollbar-size: .8rem;
    --usk-native-scrollbar-track: linear-gradient(90deg, var(--rg-surface-soft), var(--rg-surface));
    --usk-native-scrollbar-thumb: linear-gradient(90deg, var(--rg-surface-strong), var(--rg-primary), var(--rg-surface-strong));
    --usk-native-scrollbar-radius: .48rem;
  }

  .rg-title {
    font-family: var(--rg-font-display);
    letter-spacing: max(.06em, .5px);
    text-transform: none;
    text-shadow: 0 1px 0 var(--rg-glass-highlight),0 2px 2px rgb(var(--rg-text-rgb)/.28);
    margin-block: .75rem;
    font-weight: 800;
  }

  .rg-heading {
    letter-spacing: .015em;
    text-shadow: var(--rg-control-text-shadow);
    font-size: clamp(1.16rem, 2.4vw, 1.72rem);
    font-weight: 700;
  }

  .rg-kicker, .rg-label, :where([data-ui="retro-glass"]) .usk-label, :where([data-ui="retro-glass"]) .ui-label {
    letter-spacing: .055em;
    font-size: .76rem;
    font-weight: 700;
  }

  .rg-copy, .rg-subtitle {
    line-height: 1.48;
  }

  .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .usk-card, :where([data-ui="retro-glass"]) .ui-card {
    background: var(--rg-glass-pane);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .35rem .8rem var(--rg-material-shadow);
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
    border-radius: .46rem;
    padding: 1rem;
  }

  .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .usk-card:before, :where([data-ui="retro-glass"]) .ui-card:before {
    background: linear-gradient(180deg,var(--rg-glass-midlight),transparent 24%);
  }

  .rg-well, .rg-inset {
    background: var(--rg-glass-inset);
    border: 1px inset var(--rg-border);
    box-shadow: inset 0 2px 5px var(--rg-material-shadow),inset 0 1px 0 var(--rg-glass-midlight);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: .34rem;
    padding: .82rem;
  }

  .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button {
    background: var(--rg-control-material);
    border: 1px solid var(--rg-border);
    min-height: 2.5rem;
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),inset 0-1px 0 rgb(var(--rg-text-rgb)/.08),0 .16rem .38rem var(--rg-material-shadow);
    letter-spacing: .01em;
    text-shadow: var(--rg-control-text-shadow);
    text-transform: none;
    border-radius: .34rem;
    padding: .5rem .82rem;
    font-weight: 650;
  }

  .rg-button:hover, .rg-icon-button:hover, :where([data-ui="retro-glass"]) .usk-button:hover, :where([data-ui="retro-glass"]) .usk-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover {
    border-color: var(--rg-primary);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .2rem .48rem var(--rg-material-shadow),0 0 .5rem rgb(var(--rg-primary-rgb)/.24);
    transform: none;
  }

  .rg-button:active, .rg-icon-button:active, .rg-button[aria-pressed="true"], .rg-button.is-active, :where([data-ui="retro-glass"]) .usk-button:active, :where([data-ui="retro-glass"]) .usk-icon-button:active, :where([data-ui="retro-glass"]) .usk-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .usk-button.is-active, :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button.is-active {
    background: var(--rg-glass-inset);
    box-shadow: inset 0 2px 5px var(--rg-material-shadow),0 1px 0 var(--rg-glass-midlight);
    transform: translateY(1px);
  }

  .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .usk-input, :where([data-ui="retro-glass"]) .usk-textarea, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select {
    background: var(--rg-glass-inset);
    border: 1px inset var(--rg-border);
    min-height: 2.32rem;
    box-shadow: inset 0 2px 5px var(--rg-material-shadow),0 1px 0 var(--rg-glass-highlight);
    border-radius: .28rem;
    padding: .44rem .64rem;
  }

  .rg-nav, :where([data-ui="retro-glass"]) .usk-nav, :where([data-ui="retro-glass"]) .ui-nav {
    background: linear-gradient(180deg,var(--rg-primary-hover),var(--rg-primary) 44%,rgb(var(--rg-primary-rgb)/.82) 50%,rgb(var(--rg-primary-rgb)/.68));
    border: 1px solid rgb(var(--rg-primary-rgb)/.92);
    box-shadow: inset 0 1px 0 #ffffff7a,inset 0-1px 0 #00000057,0 .24rem .54rem var(--rg-material-shadow);
    border-radius: .34rem;
    gap: 0;
    padding: .2rem;
  }

  .rg-nav-link, :where([data-ui="retro-glass"]) .usk-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link {
    min-height: 2.7rem;
    color: var(--rg-on-primary);
    letter-spacing: .015em;
    text-shadow: 0 -1px #0000009e;
    border-inline-end: 1px solid #00000038;
    border-radius: .2rem;
    padding: .58rem .92rem;
    font-size: .82rem;
  }

  .rg-nav-link:hover, :where([data-ui="retro-glass"]) .usk-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover {
    color: var(--rg-on-primary);
    background: linear-gradient(#ffffff3d, #ffffff0a);
    border-color: #ffffff4d;
  }

  .rg-toolbar, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar {
    background: var(--rg-brushed-chrome);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),inset 0-1px 0 rgb(var(--rg-text-rgb)/.18),0 .22rem .5rem var(--rg-material-shadow);
    border-radius: .34rem;
  }

  .rg-badge, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .ui-badge {
    border: 1px solid var(--rg-border);
    min-height: 1.46rem;
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.85),0 1px 3px rgb(var(--rg-text-rgb)/.2);
    border-radius: .72rem;
    padding: .24rem .52rem;
  }

  .rg-alert, :where([data-ui="retro-glass"]) .usk-alert, :where([data-ui="retro-glass"]) .ui-alert {
    background: var(--rg-glass-pane);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .28rem .6rem var(--rg-material-shadow);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .38rem;
    padding: .7rem .86rem;
  }

  .rg-alert-success, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) {
    background: linear-gradient(180deg,rgb(var(--rg-success-rgb)/.2),rgb(var(--rg-success-rgb)/.08)),var(--rg-glass-pane);
  }

  .rg-alert-warning, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) {
    background: linear-gradient(180deg,rgb(var(--rg-warning-rgb)/.2),rgb(var(--rg-warning-rgb)/.08)),var(--rg-glass-pane);
  }

  .rg-alert-danger, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) {
    background: linear-gradient(180deg,rgb(var(--rg-danger-rgb)/.2),rgb(var(--rg-danger-rgb)/.08)),var(--rg-glass-pane);
  }

  .rg-progress, :where([data-ui="retro-glass"]) .usk-progress, :where([data-ui="retro-glass"]) .ui-progress {
    background: var(--rg-glass-inset);
    height: .74rem;
    box-shadow: inset 0 2px 4px var(--rg-material-shadow),0 1px 0 var(--rg-glass-highlight);
    border-radius: .42rem;
  }

  .rg-progress-bar, :where([data-ui="retro-glass"]) .usk-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar {
    background: repeating-linear-gradient(120deg,var(--rg-primary)0 .5rem,var(--rg-primary-hover) .5rem .7rem);
    box-shadow: inset 0 1px 0 rgb(var(--rg-surface-strong-rgb)/.7),0 0 .45rem rgb(var(--rg-primary-rgb)/.35);
    border-radius: .36rem;
  }

  .rg-table-wrap, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap {
    background: var(--rg-glass-inset);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .35rem .72rem var(--rg-material-shadow);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .42rem;
  }

  .rg-table, :where([data-ui="retro-glass"]) .usk-table, :where([data-ui="retro-glass"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .rg-table th, :where([data-ui="retro-glass"]) .usk-table th, :where([data-ui="retro-glass"]) .ui-table th {
    background: linear-gradient(180deg,rgb(var(--rg-primary-rgb)/.92),var(--rg-primary-hover) 48%,var(--rg-primary));
    color: var(--rg-on-primary);
    text-shadow: 0 -1px #00000085;
    padding: .58rem .72rem;
    font-weight: 700;
  }

  .rg-table td, :where([data-ui="retro-glass"]) .usk-table td, :where([data-ui="retro-glass"]) .ui-table td {
    padding: .64rem .76rem;
  }

  .rg-tooltip, [data-ui="retro-glass"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="retro-glass"]) .usk-tooltip, :where([data-ui="retro-glass"]) .ui-tooltip {
    color: #f5f8fa;
    background: linear-gradient(#363d44f5, #080c0ffa);
    border: 1px solid #ffffff47;
    border-radius: .36rem;
    box-shadow: inset 0 1px #ffffff38, 0 .55rem 1rem #0000007a;
  }

  .rg-card-service, .rg-card-feature, .rg-media-scrim, .rg-feature-strip, .rg-callout-bar {
    background: var(--rg-glass-pane);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .35rem .72rem var(--rg-material-shadow);
    -webkit-backdrop-filter: blur(12px) saturate(118%);
    backdrop-filter: blur(12px) saturate(118%);
    clip-path: none;
    border-radius: .46rem;
  }

  .rg-callout-bar {
    background: linear-gradient(180deg,#ffffff29,transparent 12%),linear-gradient(180deg,rgb(var(--rg-text-rgb)/.88),rgb(var(--rg-bg-rgb)/.96));
    color: var(--rg-dock-text);
    box-shadow: inset 0 1px 0 #ffffff42,inset 0-1px 0 #000000b3,0 .45rem .92rem var(--rg-material-shadow);
    border-color: #ffffff2e;
  }

  .rg-check-control, .rg-radio-control, .rg-switch-track, .rg-switch-thumb, :where([data-ui="retro-glass"]) .usk-check-control, :where([data-ui="retro-glass"]) .usk-radio-control, :where([data-ui="retro-glass"]) .usk-switch-track, :where([data-ui="retro-glass"]) .usk-switch-thumb, :where([data-ui="retro-glass"]) .ui-check-control, :where([data-ui="retro-glass"]) .ui-radio-control, :where([data-ui="retro-glass"]) .ui-switch-track, :where([data-ui="retro-glass"]) .ui-switch-thumb {
    background: var(--rg-control-material);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),inset 0-1px 0 rgb(var(--rg-text-rgb)/.12),0 1px 3px var(--rg-material-shadow);
  }

  .rg-check-control, :where([data-ui="retro-glass"]) .usk-check-control, :where([data-ui="retro-glass"]) .ui-check-control {
    border-radius: .22rem;
  }

  .rg-radio-control, :where([data-ui="retro-glass"]) .usk-radio-control, :where([data-ui="retro-glass"]) .ui-radio-control {
    border-radius: 50%;
  }

  .rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch-track {
    background: var(--rg-glass-inset);
    border-radius: var(--rg-radius-pill);
    box-shadow: inset 0 2px 4px var(--rg-material-shadow),0 1px 0 var(--rg-glass-highlight);
  }

  .rg-switch-thumb, :where([data-ui="retro-glass"]) .usk-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch-thumb {
    background: radial-gradient(circle at 42% 30%,var(--rg-glass-highlight),transparent 32%),var(--rg-control-material);
    border-radius: 50%;
  }

  .rg-check:has(input:checked) .rg-check-control, .rg-radio:has(input:checked) .rg-radio-control, .rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="retro-glass"]) .usk-check:has(input:checked) .usk-check-control, :where([data-ui="retro-glass"]) .usk-radio:has(input:checked) .usk-radio-control, :where([data-ui="retro-glass"]) .usk-switch:has(input:checked) .usk-switch-track, :where([data-ui="retro-glass"]) .ui-check:has(input:checked) .ui-check-control, :where([data-ui="retro-glass"]) .ui-radio:has(input:checked) .ui-radio-control, :where([data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-track {
    background: linear-gradient(180deg,var(--rg-primary-hover),var(--rg-primary));
    border-color: var(--rg-primary);
  }

  [data-ui="retro-glass"][data-mode] :where(fieldset) {
    background: var(--rg-glass-pane);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),0 .32rem .7rem var(--rg-material-shadow);
    border-radius: .42rem;
  }

  [data-ui="retro-glass"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select) {
    background: var(--rg-glass-inset);
    border: 1px inset var(--rg-border);
    box-shadow: inset 0 2px 5px var(--rg-material-shadow),0 1px 0 var(--rg-glass-highlight);
    border-radius: .28rem;
  }

  [data-ui="retro-glass"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background: var(--rg-control-material);
    border: 1px solid var(--rg-border);
    box-shadow: inset 0 1px 0 var(--rg-glass-highlight),inset 0-1px 0 rgb(var(--rg-text-rgb)/.08),0 .16rem .38rem var(--rg-material-shadow);
    text-shadow: var(--rg-control-text-shadow);
    border-radius: .34rem;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="retro-glass"] *, [data-ui="retro-glass"] :before, [data-ui="retro-glass"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="retro-glass"] {
      --rg-border-alpha: 1;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="retro-glass"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="retro-glass"] :where(:focus-visible) {
      box-shadow: none;
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="retro-glass"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="retro-glass"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="retro-glass"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .rg-input[aria-invalid="true"], .rg-textarea[aria-invalid="true"], .rg-select[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-input[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-textarea[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-select[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-input[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-textarea[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-select[aria-invalid="true"] {
    border-color: var(--rg-danger);
    box-shadow: 0 0 0 2px rgb(var(--rg-danger-rgb)/.2);
  }

  .rg-input[readonly], .rg-textarea[readonly], :where([data-ui="retro-glass"]) .usk-input[readonly], :where([data-ui="retro-glass"]) .usk-textarea[readonly], :where([data-ui="retro-glass"]) .ui-input[readonly], :where([data-ui="retro-glass"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .rg-button-ghost, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--rg-primary));
    background: none;
    border-color: #0000;
  }

  .rg-feature-item > .rg-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .rg-callout-bar > .rg-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="retro-glass"][data-mode] {
    --rg-radius-sm: 6px;
    --rg-radius-md: 10px;
    --rg-radius-lg: 14px;
    --rg-space-5: 24px;
    --rg-space-6: 32px;
    --rg-control-height: 36px;
    --rg-line-color: rgb(var(--rg-border-rgb) / .65);
    --rg-line-strong: var(--rg-border);
    --rg-surface-input: rgb(var(--usk-surface-strong-rgb, var(--rg-input-fallback-rgb)));
    --rg-surface-raised: rgb(var(--rg-surface-strong-rgb));
    --rg-canvas: var(--rg-bg);
    --rg-text-soft: var(--rg-text-muted);
    --rg-muted: var(--rg-text-muted);
    --rg-highlight: var(--rg-glass-highlight);
    --rg-recess: var(--rg-material-shadow);
    --rg-glass-pane: linear-gradient(180deg, var(--rg-glass-midlight), transparent 18%), rgb(var(--rg-surface-rgb));
    --rg-brushed-chrome: repeating-linear-gradient(0deg, transparent 0 1px, var(--rg-brush-line) 1px 2px), linear-gradient(180deg, var(--rg-glass-highlight), var(--rg-glass-midlight) 48%, rgb(var(--rg-border-rgb) / .48) 52%, rgb(var(--rg-surface-soft-rgb) / .5));
    --rg-glass-inset: linear-gradient(180deg, #0000001f, transparent 18%), var(--rg-surface-input);
    --rg-control-material: linear-gradient(180deg, var(--rg-glass-highlight), var(--rg-glass-midlight) 46%, #00000029 52%, transparent), var(--rg-surface-soft);
    --rg-gloss-rgb: var(--rg-primary-rgb);
    --rg-progress-stripe: #ffffff3d;
    --rg-gloss-ink: rgb(var(--usk-primary-text-rgb, 255 255 255));
    --rg-gloss: linear-gradient(180deg, #fff6, transparent 18%, #00000026 46%, #0000006b 52%, #00000038), rgb(var(--rg-gloss-rgb));
    --rg-danger-gloss: linear-gradient(180deg, #fff6, transparent 18%, #00000026 46%, #0000006b 52%, #00000038), var(--rg-danger);
    --rg-floating-shadow: inset 0 1px 0 var(--rg-highlight), 0 7px 18px #0000003d;
    --usk-native-font-control: var(--rg-font-body);
    --usk-native-control-min-block-size: var(--rg-control-height);
    --usk-native-radius-sm: var(--rg-radius-sm);
    --usk-native-radius: var(--rg-radius-md);
    --usk-native-card-bg: var(--rg-glass-pane);
    --usk-native-control-bg: var(--rg-glass-inset);
  }

  [data-ui="retro-glass"][data-mode="light"] {
    --rg-input-fallback-rgb: 248 250 252;
  }

  [data-ui="retro-glass"][data-mode="dark"] {
    --rg-input-fallback-rgb: 7 21 29;
  }

  [data-ui="retro-glass"][data-mode="contrast"] {
    --rg-input-fallback-rgb: 0 0 0;
    --rg-gloss-ink: var(--rg-on-primary);
    --rg-gloss: rgb(var(--rg-gloss-rgb));
    --rg-line-color: var(--rg-border);
  }

  [data-ui="retro-glass"][data-theme][data-mode] {
    --rg-gloss: linear-gradient(180deg, #ffffff4d, transparent 12%, transparent 48%, #0000000a 52%, transparent), rgb(var(--rg-gloss-rgb));
    --rg-danger-gloss: linear-gradient(180deg, #ffffff4d, transparent 12%, transparent 48%, #0000000a 52%, transparent), var(--rg-danger);
  }

  .rg-title, .rg-heading {
    letter-spacing: 0;
    text-shadow: none;
  }

  .rg-heading {
    font-size: 1.25rem;
  }

  .rg-title {
    font-size: 2rem;
  }

  .rg-kicker, .rg-label, .rg-overline, :where([data-ui="retro-glass"]) .usk-label, :where([data-ui="retro-glass"]) .ui-label {
    font: 700 12px/1.4 var(--rg-font-mono);
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--rg-text-soft);
  }

  .rg-label, :where([data-ui="retro-glass"]) .usk-label, :where([data-ui="retro-glass"]) .ui-label {
    margin-block-end: 4px;
    display: block;
  }

  .rg-overline {
    margin: 0 0 8px;
    display: block;
  }

  .rg-section-title {
    color: var(--rg-text);
    font: 800 14px/1.3 var(--rg-font-body);
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    display: flex;
  }

  .rg-section-title:before {
    content: "";
    border: 1px solid var(--rg-primary);
    background: var(--rg-gloss);
    block-size: 10px;
    inline-size: 10px;
    box-shadow: inset 0 1px 0 var(--rg-highlight);
    border-radius: 50%;
    flex: 0 0 10px;
  }

  .rg-section-title:after {
    content: "";
    background: repeating-linear-gradient(90deg,var(--rg-line-color)0 9px,transparent 9px 13px);
    flex: 0 0 34px;
    block-size: 8px;
    inline-size: 34px;
    margin-inline-start: auto;
  }

  .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .usk-card, :where([data-ui="retro-glass"]) .ui-card {
    background: var(--rg-glass-pane);
    border: 1px solid var(--rg-line-color);
    border-radius: var(--rg-radius-md);
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 4px 0 #0000001f;
    clip-path: none;
  }

  .rg-card:before, .rg-panel:before, :where([data-ui="retro-glass"]) .usk-card:before, :where([data-ui="retro-glass"]) .ui-card:before {
    content: none;
  }

  .rg-toolbar, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar {
    background: var(--rg-brushed-chrome),var(--rg-surface-soft);
    border-radius: var(--rg-radius-lg);
  }

  .rg-button, .rg-icon-button, .rg-segment, .rg-pagination-page, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .usk-segment, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-segment {
    min-height: var(--rg-control-height);
    min-block-size: var(--rg-control-height);
    background: var(--rg-control-material);
    color: var(--rg-text);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    box-shadow: inset 0 1px 0 var(--rg-highlight),inset 0-1px 0 #0000002e,0 1px 2px #00000038;
    font: 700 14px/1.2 var(--rg-font-body);
    letter-spacing: 0;
    text-shadow: none;
    cursor: pointer;
    clip-path: none;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-decoration: none;
    transition: background .15s, box-shadow .15s, transform 80ms;
    display: inline-flex;
  }

  .rg-icon-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button {
    inline-size: var(--rg-control-height);
    aspect-ratio: 1;
    padding: 8px;
  }

  .rg-button-primary, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    border-color: var(--rg-primary);
  }

  .rg-button-secondary, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--rg-control-material);
    color: var(--rg-text);
    border-color: var(--rg-line-strong);
  }

  .rg-button-danger, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(180deg,#fff6,transparent 12%),var(--rg-danger);
    color: var(--rg-on-danger);
    border-color: var(--rg-danger);
  }

  .rg-button-primary:hover, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
  }

  [data-ui="retro-glass"][data-mode][style*="--rg-on-danger"] .rg-button-danger, :where([data-ui="retro-glass"])[data-mode][style*="--rg-on-danger"] .usk-button:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"])[data-mode][style*="--rg-on-danger"] .ui-button:where([data-ui-variant="danger"]) {
    color: var(--rg-on-danger);
  }

  .rg-button-ghost, :where([data-ui="retro-glass"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--rg-text-soft);
    border-color: var(--rg-line-color);
    box-shadow: none;
    background: none;
  }

  .rg-button:hover, .rg-icon-button:hover, .rg-button.is-hover, .rg-segment:hover, .rg-pagination-page:hover, :where([data-ui="retro-glass"]) .usk-button:hover, :where([data-ui="retro-glass"]) .usk-icon-button:hover, :where([data-ui="retro-glass"]) .usk-button.is-hover, :where([data-ui="retro-glass"]) .usk-segment:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button.is-hover, :where([data-ui="retro-glass"]) .ui-segment:hover {
    border-color: var(--rg-focus);
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 0 0 1px var(--rg-focus);
    transform: none;
  }

  .rg-button:active, .rg-icon-button:active, .rg-button.is-pressed, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .usk-button:active, :where([data-ui="retro-glass"]) .usk-icon-button:active, :where([data-ui="retro-glass"]) .usk-button.is-pressed, :where([data-ui="retro-glass"]) .usk-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-pressed, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] {
    background: linear-gradient(180deg,#00000038,#ffffff1a),var(--rg-surface-soft);
    color: var(--rg-text);
    box-shadow: inset 0 2px 5px var(--rg-recess);
    transform: translateY(1px);
  }

  .rg-button:disabled, .rg-icon-button:disabled, .rg-button.is-disabled, :where([data-ui="retro-glass"]) .usk-button:disabled, :where([data-ui="retro-glass"]) .usk-icon-button:disabled, :where([data-ui="retro-glass"]) .usk-button.is-disabled, :where([data-ui="retro-glass"]) .ui-button:disabled, :where([data-ui="retro-glass"]) .ui-icon-button:disabled, :where([data-ui="retro-glass"]) .ui-button.is-disabled {
    opacity: .4;
    filter: saturate(.45);
    cursor: not-allowed;
    box-shadow: none;
  }

  .rg-field, :where([data-ui="retro-glass"]) .usk-field, :where([data-ui="retro-glass"]) .ui-field {
    min-inline-size: 0;
    display: block;
  }

  .rg-input, .rg-select, .rg-textarea, :where([data-ui="retro-glass"]) .usk-input, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .usk-textarea, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-select, :where([data-ui="retro-glass"]) .ui-textarea {
    inline-size: 100%;
    min-block-size: var(--rg-control-height);
    background: var(--rg-glass-inset);
    color: var(--rg-text);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    box-shadow: inset 0 1px 3px var(--rg-recess),0 1px 0 var(--rg-highlight);
    font: 14px/1.3 var(--rg-font-body);
    padding: 8px 11px;
  }

  .rg-select, :where([data-ui="retro-glass"]) .usk-select, :where([data-ui="retro-glass"]) .ui-select {
    background-image: var(--usk-native-select-indicator-image),linear-gradient(180deg,#0000001f,transparent 18%);
    background-size: var(--usk-native-select-indicator-size),auto;
    background-position: var(--usk-native-select-indicator-position),center;
    background-repeat: no-repeat;
    padding-inline-end: 32px;
  }

  .rg-textarea, :where([data-ui="retro-glass"]) .usk-textarea, :where([data-ui="retro-glass"]) .ui-textarea {
    resize: vertical;
    min-block-size: 64px;
  }

  .rg-input::placeholder, .rg-textarea::placeholder, :where([data-ui="retro-glass"]) .usk-input::placeholder, :where([data-ui="retro-glass"]) .usk-textarea::placeholder, :where([data-ui="retro-glass"]) .ui-input::placeholder, :where([data-ui="retro-glass"]) .ui-textarea::placeholder {
    color: var(--rg-muted);
    opacity: 1;
  }

  .rg-input-wrap {
    align-items: center;
    display: flex;
    position: relative;
  }

  .rg-input-wrap .rg-input, :where([data-ui="retro-glass"]) .rg-input-wrap .usk-input, :where([data-ui="retro-glass"]) .rg-input-wrap .ui-input {
    padding-inline-end: 36px;
  }

  .rg-input-icon {
    color: var(--rg-link);
    pointer-events: none;
    position: absolute;
    inset-inline-end: 11px;
  }

  .rg-helper, .rg-error-text {
    color: var(--rg-text-soft);
    font: 12px/1.4 var(--rg-font-mono);
    margin-block-start: 4px;
    display: block;
  }

  .rg-error-text {
    border-inline-start: 3px solid var(--rg-danger);
    padding-inline-start: 6px;
  }

  .rg-input.is-error, .rg-input[aria-invalid="true"], .rg-select[aria-invalid="true"], .rg-textarea[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-input.is-error, :where([data-ui="retro-glass"]) .usk-input[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-select[aria-invalid="true"], :where([data-ui="retro-glass"]) .usk-textarea[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-input.is-error, :where([data-ui="retro-glass"]) .ui-input[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-select[aria-invalid="true"], :where([data-ui="retro-glass"]) .ui-textarea[aria-invalid="true"] {
    border-color: var(--rg-danger);
    box-shadow: inset 0 1px 3px var(--rg-recess),0 0 0 1px var(--rg-danger);
  }

  .rg-input.is-hover, :where([data-ui="retro-glass"]) .usk-input.is-hover, :where([data-ui="retro-glass"]) .ui-input.is-hover {
    border-color: var(--rg-focus);
  }

  .rg-input.is-focus, :where([data-ui="retro-glass"]) .usk-input.is-focus, :where([data-ui="retro-glass"]) .ui-input.is-focus {
    outline: 2px solid var(--rg-focus);
    outline-offset: 2px;
  }

  .rg-dropdown, .rg-popover, .rg-modal, :where([data-ui="retro-glass"]) .usk-popover, :where([data-ui="retro-glass"]) .ui-popover {
    color: var(--rg-text);
    background: var(--rg-glass-pane);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-md);
    box-shadow: var(--rg-floating-shadow);
    font: 14px/1.4 var(--rg-font-body);
    padding: 12px;
  }

  .rg-dropdown {
    border-color: var(--rg-focus);
    border-radius: var(--rg-radius-sm);
    padding: 6px;
  }

  .rg-option {
    min-block-size: 32px;
    inline-size: 100%;
    color: var(--rg-text-soft);
    font: 14px/1.3 var(--rg-font-body);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    display: flex;
  }

  .rg-option:hover, .rg-option.is-selected, .rg-option[aria-selected="true"] {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    border-color: var(--rg-primary);
  }

  .rg-option:disabled {
    opacity: .4;
    cursor: not-allowed;
  }

  .rg-tags {
    background: var(--rg-glass-inset);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    min-block-size: 48px;
    box-shadow: inset 0 1px 3px var(--rg-recess);
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px;
    display: flex;
  }

  .rg-chip, .rg-badge, :where([data-ui="retro-glass"]) .usk-chip, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .ui-chip, :where([data-ui="retro-glass"]) .ui-badge {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: var(--rg-surface-soft);
    min-block-size: 24px;
    color: var(--rg-text);
    box-shadow: inset 0 1px 0 var(--rg-highlight);
    font: 700 12px/1.2 var(--rg-font-body);
    letter-spacing: 0;
    text-transform: none;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    display: inline-flex;
  }

  .rg-badge, :where([data-ui="retro-glass"]) .usk-badge, :where([data-ui="retro-glass"]) .ui-badge {
    background: var(--rg-control-material);
    box-shadow: inset 0 1px 0 var(--rg-highlight),inset 0-1px 0 #0000002e,0 1px 2px #00000038;
  }

  .rg-chip, .rg-badge-primary, :where([data-ui="retro-glass"]) .usk-chip, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="retro-glass"]) .ui-chip, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--rg-gloss);
    border-color: var(--rg-primary);
    color: var(--rg-gloss-ink);
  }

  .rg-chip-danger, :where([data-ui="retro-glass"]) .usk-chip:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-chip:where([data-ui-variant="danger"]) {
    background: linear-gradient(rgb(var(--rg-danger-rgb)/.18),rgb(var(--rg-danger-rgb)/.18)),var(--rg-surface-raised);
    border-color: var(--rg-danger);
    color: var(--rg-text);
  }

  .rg-chip-warning, :where([data-ui="retro-glass"]) .usk-chip:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-chip:where([data-ui-variant="warning"]) {
    background: linear-gradient(rgb(var(--rg-warning-rgb)/.18),rgb(var(--rg-warning-rgb)/.18)),var(--rg-surface-raised);
    border-color: var(--rg-warning);
    color: var(--rg-text);
  }

  .rg-badge-success, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) {
    background: linear-gradient(180deg,#fff6,transparent 18%,#00000026 46%,#0000006b 52%,#00000038),var(--rg-success);
    border-color: var(--rg-success);
    color: var(--rg-on-success);
  }

  .rg-badge-warning, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: linear-gradient(180deg,#fff6,transparent 18%,#00000026 46%,#0000006b 52%,#00000038),var(--rg-warning);
    border-color: var(--rg-warning);
    color: var(--rg-on-warning);
  }

  .rg-badge-danger, :where([data-ui="retro-glass"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: linear-gradient(180deg,#fff6,transparent 18%,#00000026 46%,#0000006b 52%,#00000038),var(--rg-danger);
    border-color: var(--rg-danger);
    color: var(--rg-on-danger);
  }

  .rg-chip, :where([data-ui="retro-glass"]) .usk-chip, :where([data-ui="retro-glass"]) .ui-chip {
    cursor: pointer;
  }

  .rg-file {
    border: 1px dashed var(--rg-line-strong);
    border-radius: var(--rg-radius-md);
    background: var(--rg-glass-inset);
    min-block-size: 112px;
    color: var(--rg-text-soft);
    box-shadow: inset 0 1px 3px var(--rg-recess);
    text-align: center;
    font: 14px/1.4 var(--rg-font-body);
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex;
    position: relative;
  }

  .rg-file strong {
    color: var(--rg-link);
  }

  .rg-file input[type="file"] {
    opacity: 0;
    cursor: pointer;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

  .rg-file:focus-within {
    outline: 2px solid var(--rg-focus);
    outline-offset: 2px;
  }

  .rg-choice, .rg-switch, :where([data-ui="retro-glass"]) .usk-switch, :where([data-ui="retro-glass"]) .ui-switch {
    min-block-size: 32px;
    color: var(--rg-text-soft);
    font: 14px/1.3 var(--rg-font-body);
    cursor: pointer;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    position: relative;
  }

  .rg-choice input {
    accent-color: var(--rg-primary);
    flex: 0 0 18px;
    block-size: 18px;
    inline-size: 18px;
    margin: 0;
  }

  .rg-choice:has(:disabled), .rg-switch:has(:disabled), :where([data-ui="retro-glass"]) .usk-switch:has(:disabled), :where([data-ui="retro-glass"]) .ui-switch:has(:disabled) {
    opacity: 1;
    color: var(--rg-text-soft);
    cursor: not-allowed;
  }

  .rg-choice input:disabled {
    opacity: 1;
    border: 1px dashed var(--rg-line-strong);
    background: var(--rg-surface-soft);
    box-shadow: none;
  }

  .rg-choice input:disabled:not(:checked) {
    appearance: none;
  }

  .rg-choice input.is-focus {
    outline: 2px solid var(--rg-focus);
    outline-offset: 2px;
  }

  .rg-switch input, :where([data-ui="retro-glass"]) .usk-switch input, :where([data-ui="retro-glass"]) .ui-switch input {
    opacity: 0;
    z-index: 1;
    block-size: 100%;
    inline-size: 100%;
    cursor: inherit;
    position: absolute;
    inset: 0;
  }

  .rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch-track {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: var(--rg-glass-inset);
    block-size: 22px;
    inline-size: 42px;
    box-shadow: inset 0 1px 3px var(--rg-recess);
    align-items: center;
    padding: 2px;
    display: inline-flex;
  }

  .rg-switch-thumb, :where([data-ui="retro-glass"]) .usk-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch-thumb {
    border: 1px solid var(--rg-line-strong);
    background: var(--rg-control-material);
    block-size: 16px;
    inline-size: 16px;
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 1px 2px #00000059;
    border-radius: 50%;
    transition: transform .15s;
  }

  .rg-switch input:checked+.rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--rg-gloss);
    border-color: var(--rg-primary);
  }

  .rg-switch input:checked+.rg-switch-track .rg-switch-thumb, :where([data-ui="retro-glass"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    transform: translateX(18px);
  }

  .rg-switch:has(input:disabled) .rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch:has(input:disabled) .usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch:has(input:disabled) .ui-switch-track {
    background: var(--rg-surface-soft);
    border: 1px dashed var(--rg-line-strong);
    box-shadow: none;
    filter: saturate(.35);
  }

  .rg-switch:has(input:disabled) .rg-switch-thumb, :where([data-ui="retro-glass"]) .usk-switch:has(input:disabled) .usk-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch:has(input:disabled) .ui-switch-thumb {
    opacity: .58;
    box-shadow: none;
  }

  .rg-switch input:focus-visible+.rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch input:focus-visible+.usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch input:focus-visible+.ui-switch-track {
    outline: 2px solid var(--rg-focus);
    outline-offset: 2px;
  }

  .rg-segmented {
    flex-wrap: wrap;
    gap: 4px;
    display: inline-flex;
  }

  .rg-segment, :where([data-ui="retro-glass"]) .usk-segment, :where([data-ui="retro-glass"]) .ui-segment {
    font-size: 12px;
  }

  .rg-segment.is-active, .rg-segment[aria-pressed="true"], .rg-pagination-page[aria-current="page"], :where([data-ui="retro-glass"]) .usk-segment.is-active, :where([data-ui="retro-glass"]) .usk-segment[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-segment.is-active, :where([data-ui="retro-glass"]) .ui-segment[aria-pressed="true"] {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    border-color: var(--rg-primary);
  }

  .rg-range {
    --usk-native-range-track-background: linear-gradient(90deg, var(--rg-primary) 0 var(--rg-value, 58%), var(--rg-surface-input) var(--rg-value, 58%) 100%);
    appearance: none;
    background: none;
    border: 0;
    min-block-size: 32px;
    inline-size: 100%;
    margin: 0;
    padding: 0;
  }

  .rg-range-critical {
    --usk-native-range-track-background: linear-gradient(90deg, var(--rg-success) 0 45%, var(--rg-warning) 45% 72%, var(--rg-danger) 72% 100%);
  }

  .rg-range::-webkit-slider-runnable-track {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: var(--usk-native-range-track-background);
    height: 7px;
    box-shadow: inset 0 1px 2px var(--rg-recess);
  }

  .rg-range::-moz-range-track {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: var(--usk-native-range-track-background);
    height: 7px;
    box-shadow: inset 0 1px 2px var(--rg-recess);
  }

  .rg-range::-moz-range-progress {
    background: none;
  }

  .rg-range::-webkit-slider-thumb {
    appearance: none;
    border: 1px solid var(--rg-line-strong);
    background: var(--rg-control-material);
    block-size: 19px;
    inline-size: 19px;
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 1px 3px #0006;
    border-radius: 50%;
    margin-top: -7px;
  }

  .rg-range::-moz-range-thumb {
    border: 1px solid var(--rg-line-strong);
    background: var(--rg-control-material);
    block-size: 19px;
    inline-size: 19px;
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 1px 3px #0006;
    border-radius: 50%;
  }

  .rg-progress, :where([data-ui="retro-glass"]) .usk-progress, :where([data-ui="retro-glass"]) .ui-progress {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: var(--rg-glass-inset);
    block-size: 12px;
    box-shadow: inset 0 1px 3px var(--rg-recess);
    padding: 2px;
    overflow: hidden;
  }

  .rg-progress-bar, :where([data-ui="retro-glass"]) .usk-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar {
    block-size: 100%;
    inline-size: var(--rg-progress-value, 64%);
    border-radius: inherit;
    background: repeating-linear-gradient(125deg,var(--rg-progress-stripe)0 1px,transparent 1px 16px),var(--rg-progress-fill, var(--rg-gloss));
    box-shadow: inset 0 1px 0 var(--rg-highlight);
    display: block;
  }

  .rg-progress-danger {
    --rg-progress-fill: var(--rg-danger-gloss);
  }

  .rg-meter {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-pill);
    background: linear-gradient(90deg,var(--rg-success)0 46%,var(--rg-warning) 46% 72%,var(--rg-danger) 72% 100%);
    block-size: 8px;
    margin-block: 12px;
    position: relative;
  }

  .rg-meter:after {
    content: "";
    border: 1px solid var(--rg-line-strong);
    background: var(--rg-control-material);
    block-size: 18px;
    inline-size: 18px;
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 1px 3px #0006;
    border-radius: 50%;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: clamp(0%,var(--rg-value, 72%),100%);
    transform: translate(-50%, -50%);
  }

  .rg-stepper, :where([data-ui="retro-glass"]) .usk-stepper, :where([data-ui="retro-glass"]) .ui-stepper {
    justify-content: space-between;
    align-items: start;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
  }

  .rg-stepper:before, :where([data-ui="retro-glass"]) .usk-stepper:before, :where([data-ui="retro-glass"]) .ui-stepper:before {
    content: "";
    background: var(--rg-line-strong);
    block-size: 2px;
    position: absolute;
    inset-block-start: 15px;
    inset-inline: 12%;
  }

  .rg-step, :where([data-ui="retro-glass"]) .usk-step, :where([data-ui="retro-glass"]) .ui-step {
    color: var(--rg-text-soft);
    text-align: center;
    font: 12px/1.4 var(--rg-font-mono);
    flex: 1;
    position: relative;
  }

  .rg-step b, :where([data-ui="retro-glass"]) .usk-step b, :where([data-ui="retro-glass"]) .ui-step b {
    background: var(--rg-surface-soft);
    border: 1px solid var(--rg-line-strong);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    block-size: 24px;
    inline-size: 24px;
    margin: 0 auto 8px;
    display: flex;
  }

  .rg-step.is-complete b, :where([data-ui="retro-glass"]) .usk-step.is-complete b, :where([data-ui="retro-glass"]) .ui-step.is-complete b {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    border-color: var(--rg-primary);
  }

  .rg-step.is-active b, :where([data-ui="retro-glass"]) .usk-step.is-active b, :where([data-ui="retro-glass"]) .ui-step.is-active b {
    background: var(--rg-surface-input);
    color: var(--rg-link);
    border: 2px solid var(--rg-primary);
  }

  .rg-alert, :where([data-ui="retro-glass"]) .usk-alert, :where([data-ui="retro-glass"]) .ui-alert {
    border: 1px solid var(--rg-primary);
    border-radius: var(--rg-radius-sm);
    background: var(--rg-glass-pane);
    min-block-size: 40px;
    color: var(--rg-text-soft);
    box-shadow: inset 0 1px 0 var(--rg-highlight);
    font: 14px/1.4 var(--rg-font-body);
    align-items: center;
    gap: 8px;
    padding: 8px;
    display: flex;
  }

  .rg-alert-body, :where([data-ui="retro-glass"]) .usk-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body {
    margin: 0;
  }

  .rg-alert-success, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) {
    border-color: var(--rg-success);
  }

  .rg-alert-warning, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-color: var(--rg-warning);
  }

  .rg-alert-danger, :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-color: var(--rg-danger);
  }

  .rg-alert>[aria-hidden="true"], :where([data-ui="retro-glass"]) .usk-alert>[aria-hidden="true"], :where([data-ui="retro-glass"]) .ui-alert>[aria-hidden="true"] {
    color: var(--rg-primary);
  }

  .rg-alert-success>[aria-hidden="true"], :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="success"])>[aria-hidden="true"], :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"])>[aria-hidden="true"] {
    color: var(--rg-success);
  }

  .rg-alert-warning>[aria-hidden="true"], :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="warning"])>[aria-hidden="true"], :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"])>[aria-hidden="true"] {
    color: var(--rg-warning);
  }

  .rg-alert-danger>[aria-hidden="true"], :where([data-ui="retro-glass"]) .usk-alert:where([data-ui-variant="danger"])>[aria-hidden="true"], :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"])>[aria-hidden="true"] {
    color: var(--rg-danger);
  }

  .rg-toast, :where([data-ui="retro-glass"]) .usk-toast, :where([data-ui="retro-glass"]) .ui-toast {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-md);
    background: var(--rg-glass-pane);
    color: var(--rg-text);
    box-shadow: inset 0 1px 0 var(--rg-highlight);
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
  }

  .rg-toast strong, :where([data-ui="retro-glass"]) .usk-toast strong, :where([data-ui="retro-glass"]) .ui-toast strong {
    font: 700 14px/1.4 var(--rg-font-mono);
    display: block;
  }

  .rg-toast p, :where([data-ui="retro-glass"]) .usk-toast p, :where([data-ui="retro-glass"]) .ui-toast p {
    color: var(--rg-text-soft);
    font: 14px/1.4 var(--rg-font-body);
    margin: 4px 0 0;
  }

  .rg-skeleton, :where([data-ui="retro-glass"]) .usk-skeleton, :where([data-ui="retro-glass"]) .ui-skeleton {
    border-radius: var(--rg-radius-pill);
    background: linear-gradient(90deg,var(--rg-surface-soft),rgb(var(--rg-text-rgb)/.12),var(--rg-surface-soft));
    background-size: 200% 100%;
    block-size: 10px;
    inline-size: 100%;
    animation: 1.5s ease-in-out infinite rg-template-pulse;
    display: block;
  }

  .rg-breadcrumb, .rg-tabs, .rg-pagination, :where([data-ui="retro-glass"]) .usk-breadcrumb, :where([data-ui="retro-glass"]) .usk-tabs, :where([data-ui="retro-glass"]) .usk-pagination, :where([data-ui="retro-glass"]) .ui-breadcrumb, :where([data-ui="retro-glass"]) .ui-tabs, :where([data-ui="retro-glass"]) .ui-pagination {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .rg-breadcrumb, :where([data-ui="retro-glass"]) .usk-breadcrumb, :where([data-ui="retro-glass"]) .ui-breadcrumb {
    color: var(--rg-text-soft);
    font: 12px/1.4 var(--rg-font-mono);
  }

  .rg-breadcrumb a, :where([data-ui="retro-glass"]) .usk-breadcrumb a, :where([data-ui="retro-glass"]) .ui-breadcrumb a {
    color: var(--rg-text-soft);
  }

  .rg-breadcrumb [aria-current], :where([data-ui="retro-glass"]) .usk-breadcrumb [aria-current], :where([data-ui="retro-glass"]) .ui-breadcrumb [aria-current] {
    color: var(--rg-link);
    font-weight: 700;
  }

  .rg-tab, :where([data-ui="retro-glass"]) .usk-tab, :where([data-ui="retro-glass"]) .ui-tab {
    min-block-size: var(--rg-control-height);
    border: 0;
    border-bottom: 2px solid var(--rg-line-strong);
    color: var(--rg-text-soft);
    font: 700 12px/1.4 var(--rg-font-mono);
    cursor: pointer;
    background: none;
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;
  }

  .rg-tab:hover, .rg-tab.is-active, .rg-tab[aria-selected="true"], :where([data-ui="retro-glass"]) .usk-tab:hover, :where([data-ui="retro-glass"]) .usk-tab.is-active, :where([data-ui="retro-glass"]) .usk-tab[aria-selected="true"], :where([data-ui="retro-glass"]) .ui-tab:hover, :where([data-ui="retro-glass"]) .ui-tab.is-active, :where([data-ui="retro-glass"]) .ui-tab[aria-selected="true"] {
    background: linear-gradient(rgb(var(--rg-primary-rgb)/.2),rgb(var(--rg-primary-rgb)/.2)),var(--rg-surface-input);
    border-bottom-color: var(--rg-primary);
    color: var(--rg-text);
  }

  .rg-pagination-page {
    min-inline-size: 36px;
    padding: 8px;
    font-size: 12px;
  }

  .rg-nav, :where([data-ui="retro-glass"]) .usk-nav, :where([data-ui="retro-glass"]) .ui-nav {
    box-shadow: none;
    background: none;
    border: 0;
    gap: 6px;
    padding: 0;
  }

  .rg-nav-link, :where([data-ui="retro-glass"]) .usk-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link {
    min-block-size: var(--rg-control-height);
    background: var(--rg-control-material);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    color: var(--rg-text);
    text-shadow: none;
    letter-spacing: 0;
    padding: 8px 12px;
  }

  .rg-nav-link:hover, :where([data-ui="retro-glass"]) .usk-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover {
    color: var(--rg-text);
    background: var(--rg-control-material);
  }

  .rg-nav-link.is-active, .rg-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .usk-nav-link.is-active, :where([data-ui="retro-glass"]) .usk-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .ui-nav-link.is-active, :where([data-ui="retro-glass"]) .ui-nav-link[aria-current="page"] {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    box-shadow: inset 0 1px 0 var(--rg-highlight);
  }

  .rg-table-wrap, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap {
    box-shadow: none;
    background: none;
    border: 0;
  }

  .rg-table, :where([data-ui="retro-glass"]) .usk-table, :where([data-ui="retro-glass"]) .ui-table {
    border-collapse: collapse;
    color: var(--rg-text-soft);
    font: 14px/1.4 var(--rg-font-body);
  }

  .rg-table th, :where([data-ui="retro-glass"]) .usk-table th, :where([data-ui="retro-glass"]) .ui-table th {
    background: linear-gradient(180deg,rgb(var(--rg-surface-strong-rgb)/.15),transparent);
    color: var(--rg-text-soft);
    font: 700 12px/1.4 var(--rg-font-mono);
    text-shadow: none;
    padding: 8px;
  }

  .rg-table td, :where([data-ui="retro-glass"]) .usk-table td, :where([data-ui="retro-glass"]) .ui-table td {
    border-block-start: 1px solid var(--rg-line-color);
    padding: 8px;
  }

  .rg-avatar, :where([data-ui="retro-glass"]) .usk-avatar, :where([data-ui="retro-glass"]) .ui-avatar {
    border: 2px solid var(--rg-surface-raised);
    background: var(--rg-gloss);
    block-size: 34px;
    inline-size: 34px;
    color: var(--rg-gloss-ink);
    font: 700 12px/1 var(--rg-font-body);
    border-radius: 50%;
    flex: 0 0 34px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    box-shadow: 0 1px 3px #0000004d;
  }

  .rg-avatar-danger {
    background: var(--rg-danger-gloss);
    color: rgb(var(--usk-danger-text-rgb, 255 255 255));
  }

  .rg-avatar-neutral {
    background: var(--rg-surface-soft);
    color: var(--rg-text);
  }

  .rg-avatar-group, :where([data-ui="retro-glass"]) .usk-avatar-group, :where([data-ui="retro-glass"]) .ui-avatar-group {
    padding-inline-start: 7px;
    display: flex;
  }

  .rg-avatar-group .rg-avatar, :where([data-ui="retro-glass"]) .usk-avatar-group .usk-avatar, :where([data-ui="retro-glass"]) .ui-avatar-group .ui-avatar {
    margin-inline-start: -7px;
  }

  .rg-list {
    color: var(--rg-text-soft);
    font: 14px/1.5 var(--rg-font-body);
    margin: 0;
    padding-inline-start: 20px;
  }

  .rg-list li {
    padding: 4px 0;
  }

  .rg-list li::marker {
    color: var(--rg-link);
  }

  .rg-tooltip, [data-ui="retro-glass"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="retro-glass"]) .usk-tooltip, :where([data-ui="retro-glass"]) .ui-tooltip {
    background: var(--rg-text);
    max-inline-size: 100%;
    color: var(--rg-bg);
    border: 1px solid var(--rg-focus);
    border-radius: var(--rg-radius-sm);
    box-shadow: none;
    font: 700 12px/1.4 var(--rg-font-mono);
    letter-spacing: 0;
    padding: 12px;
  }

  .rg-modal {
    max-inline-size: min(440px, 100vw - 32px);
  }

  .rg-modal::backdrop {
    background: rgb(var(--rg-bg-rgb)/.7);
  }

  .rg-modal h3, .rg-popover strong, :where([data-ui="retro-glass"]) .usk-popover strong, :where([data-ui="retro-glass"]) .ui-popover strong {
    color: var(--rg-text);
    font: 700 14px/1.4 var(--rg-font-mono);
    margin: 0 0 8px;
  }

  .rg-modal p, .rg-popover p, :where([data-ui="retro-glass"]) .usk-popover p, :where([data-ui="retro-glass"]) .ui-popover p {
    color: var(--rg-text-soft);
    margin: 0 0 12px;
  }

  .rg-modal-actions {
    flex-wrap: wrap;
    justify-content: end;
    gap: 8px;
    display: flex;
  }

  .rg-accordion {
    background: var(--rg-glass-inset);
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    color: var(--rg-text);
    margin: 0;
    padding: 0;
  }

  .rg-accordion summary {
    min-block-size: 36px;
    font: 700 12px/1.4 var(--rg-font-mono);
    cursor: pointer;
    padding: 10px 12px;
  }

  .rg-accordion p {
    color: var(--rg-text-soft);
    font: 14px/1.4 var(--rg-font-body);
    margin: 0;
    padding: 4px 12px 12px;
  }

  .rg-code {
    border-inline-start: 3px solid var(--rg-primary);
    border-radius: var(--rg-radius-sm);
    background: var(--rg-glass-inset);
    color: var(--rg-text-soft);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font: 12px/1.5 var(--rg-font-mono);
    margin: 0;
    padding: 12px;
    display: block;
  }

  .rg-quote {
    border-inline-start: 3px solid var(--rg-primary);
    color: var(--rg-text-soft);
    font: italic 14px/1.5 var(--rg-font-body);
    margin: 0;
    padding: 8px 12px;
  }

  .rg-token-swatch {
    min-inline-size: 46px;
    color: var(--rg-text-soft);
    font: 12px/1.3 var(--rg-font-mono);
    flex-direction: column;
    gap: 6px;
    display: inline-flex;
  }

  .rg-token-swatch i {
    border: 1px solid var(--rg-line-strong);
    border-radius: var(--rg-radius-sm);
    background: var(--rg-token-swatch-color, var(--rg-primary));
    block-size: 28px;
    inline-size: 46px;
    display: block;
    box-shadow: inset 0 1px #ffffff80, 0 1px 3px #00000038;
  }

  .rg-spinner:before, .rg-spinner:after, .rg-loading-spinner:before, .rg-loading-spinner:after, :where([data-ui="retro-glass"]) .usk-spinner:before, :where([data-ui="retro-glass"]) .usk-spinner:after, :where([data-ui="retro-glass"]) .ui-spinner:before, :where([data-ui="retro-glass"]) .ui-spinner:after {
    content: none;
  }

  .rg-icon-medallion {
    background: var(--rg-gloss);
    color: var(--rg-gloss-ink);
    border-color: var(--rg-line-strong);
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 2px 4px var(--rg-recess);
  }

  .rg-card-service > .rg-icon-medallion {
    font-size: 32px;
    font-weight: 800;
  }

  .rg-badge-seal {
    background: var(--rg-control-material);
    color: var(--rg-text);
    border-color: var(--rg-line-strong);
    box-shadow: inset 0 1px 0 var(--rg-highlight),0 2px 4px var(--rg-recess);
    font-size: .78rem;
  }

  .rg-badge-seal > :where(strong, small) {
    color: inherit;
    opacity: 1;
  }

  [data-ui="retro-glass"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select) {
    border-radius: var(--rg-radius-sm);
  }

  [data-ui="retro-glass"][data-mode] :where(input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"]) {
    border-color: var(--rg-danger);
    box-shadow: inset 0 2px 5px var(--rg-material-shadow),0 0 0 1px var(--rg-danger);
  }

  [data-ui="retro-glass"][data-mode] :where(input[readonly]:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea[readonly]) {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .rg-choice input[type="checkbox"] {
    appearance: auto;
  }

  .rg-choice input[type="checkbox"]:before, .rg-choice input[type="checkbox"]:after {
    content: none;
  }

  [data-ui="retro-glass"] :focus-visible {
    outline: 2px solid var(--rg-focus);
    outline-offset: 2px;
  }

  @keyframes rg-template-pulse {
    50% {
      background-position: -100% 0;
    }
  }

  @media (any-pointer: coarse) {
    .rg-button, .rg-icon-button, .rg-segment, .rg-pagination-page, .rg-option, .rg-tab, .rg-choice, .rg-switch, .rg-range, .rg-chip, :where([data-ui="retro-glass"]) .usk-button, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .usk-segment, :where([data-ui="retro-glass"]) .usk-tab, :where([data-ui="retro-glass"]) .usk-switch, :where([data-ui="retro-glass"]) .usk-chip, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-segment, :where([data-ui="retro-glass"]) .ui-tab, :where([data-ui="retro-glass"]) .ui-switch, :where([data-ui="retro-glass"]) .ui-chip {
      min-block-size: 44px;
    }

    .rg-icon-button, .rg-pagination-page, :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button {
      min-inline-size: 44px;
    }

    .rg-accordion summary {
      min-block-size: 44px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rg-skeleton, .rg-spinner, .rg-loading-spinner, [data-ui="retro-glass"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .usk-skeleton, :where([data-ui="retro-glass"]) .usk-spinner, :where([data-ui="retro-glass"]) .usk-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-skeleton, :where([data-ui="retro-glass"]) .ui-spinner, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .rg-switch input, :where([data-ui="retro-glass"]) .usk-switch input, :where([data-ui="retro-glass"]) .ui-switch input {
      opacity: 1;
      block-size: 20px;
      inline-size: 20px;
      position: static;
    }

    .rg-switch-track, :where([data-ui="retro-glass"]) .usk-switch-track, :where([data-ui="retro-glass"]) .ui-switch-track {
      display: none;
    }

    .rg-range {
      appearance: auto;
    }

    .rg-step b, .rg-progress, :where([data-ui="retro-glass"]) .usk-step b, :where([data-ui="retro-glass"]) .usk-progress, :where([data-ui="retro-glass"]) .ui-step b, :where([data-ui="retro-glass"]) .ui-progress {
      border-color: canvastext;
    }

    .rg-step.is-complete b, .rg-progress-bar, :where([data-ui="retro-glass"]) .usk-step.is-complete b, :where([data-ui="retro-glass"]) .usk-progress-bar, :where([data-ui="retro-glass"]) .ui-step.is-complete b, :where([data-ui="retro-glass"]) .ui-progress-bar {
      color: highlighttext;
      background: highlight;
    }
  }

  [data-ui="retro-glass"][data-mode] .rg-button.rg-button-warning, :where([data-ui="retro-glass"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="retro-glass"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--rg-warning);
    color: var(--rg-on-warning);
    border-color: var(--rg-warning);
    text-shadow: none;
  }

  .rg-console {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin-inline: 0;
    overflow-x: auto;
  }
}

[data-ui="retro-glass"][data-mode] .rg-title {
  letter-spacing: max(.06em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="retro-glass"][data-mode] .rg-feature-item > .rg-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="retro-glass"][data-mode] .rg-callout-bar > .rg-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/editorial-luxe.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --luxe-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --luxe-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --luxe-font-body: var(--luxe-font-sans);
    --luxe-font-heading: var(--luxe-font-display);
    --luxe-font-control: var(--luxe-font-display);
    --luxe-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --luxe-radius-xs: .25rem;
    --luxe-radius-sm: .5rem;
    --luxe-radius-md: .75rem;
    --luxe-radius-lg: 1.125rem;
    --luxe-radius-xl: calc(1.125rem + .5rem);
    --luxe-radius-pill: 999px;
    --luxe-space-1: .25rem;
    --luxe-space-2: .5rem;
    --luxe-space-3: .75rem;
    --luxe-space-4: 1rem;
    --luxe-space-5: 1.25rem;
    --luxe-space-6: 1.5rem;
    --luxe-space-8: 2rem;
    --luxe-transition-fast: .15s ease;
    --luxe-transition-base: .24s ease;
  }

  [data-ui="editorial-luxe"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --luxe-fallback-bg-rgb: 250 244 234;
    --luxe-fallback-surface-rgb: 255 253 249;
    --luxe-fallback-surface-strong-rgb: 255 255 255;
    --luxe-fallback-surface-soft-rgb: 239 228 207;
    --luxe-fallback-text-rgb: 42 31 26;
    --luxe-fallback-text-muted-rgb: 109 92 84;
    --luxe-fallback-border-rgb: 212 192 166;
    --luxe-fallback-primary-rgb: 107 15 26;
    --luxe-fallback-primary-hover-rgb: 91 13 22;
    --luxe-fallback-primary-text-rgb: 255 255 255;
    --luxe-fallback-secondary-rgb: 17 17 17;
    --luxe-fallback-secondary-hover-rgb: 0 0 0;
    --luxe-fallback-secondary-text-rgb: 255 255 255;
    --luxe-fallback-accent-rgb: 201 154 70;
    --luxe-fallback-accent-text-rgb: 0 0 0;
    --luxe-fallback-success-rgb: 47 125 84;
    --luxe-fallback-success-text-rgb: 255 255 255;
    --luxe-fallback-warning-rgb: 160 107 19;
    --luxe-fallback-warning-text-rgb: 0 0 0;
    --luxe-fallback-danger-rgb: 178 60 60;
    --luxe-fallback-danger-text-rgb: 255 255 255;
    --luxe-fallback-link-rgb: 91 13 22;
    --luxe-fallback-focus-rgb: 201 154 70;
    --luxe-panel-alpha: .98;
    --luxe-panel-soft-alpha: .78;
    --luxe-border-alpha: .58;
    --luxe-shadow-alpha: .12;
    --luxe-focus-alpha: .34;
  }

  [data-ui="editorial-luxe"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --luxe-fallback-bg-rgb: 19 13 10;
    --luxe-fallback-surface-rgb: 33 24 20;
    --luxe-fallback-surface-strong-rgb: 50 36 30;
    --luxe-fallback-surface-soft-rgb: 25 18 15;
    --luxe-fallback-text-rgb: 251 245 236;
    --luxe-fallback-text-muted-rgb: 211 195 183;
    --luxe-fallback-border-rgb: 106 82 62;
    --luxe-fallback-primary-rgb: 201 138 93;
    --luxe-fallback-primary-hover-rgb: 224 169 126;
    --luxe-fallback-primary-text-rgb: 0 0 0;
    --luxe-fallback-secondary-rgb: 246 235 215;
    --luxe-fallback-secondary-hover-rgb: 255 248 235;
    --luxe-fallback-secondary-text-rgb: 0 0 0;
    --luxe-fallback-accent-rgb: 231 184 95;
    --luxe-fallback-accent-text-rgb: 0 0 0;
    --luxe-fallback-success-rgb: 152 224 182;
    --luxe-fallback-success-text-rgb: 0 0 0;
    --luxe-fallback-warning-rgb: 255 210 122;
    --luxe-fallback-warning-text-rgb: 0 0 0;
    --luxe-fallback-danger-rgb: 255 160 154;
    --luxe-fallback-danger-text-rgb: 0 0 0;
    --luxe-fallback-link-rgb: 240 200 125;
    --luxe-fallback-focus-rgb: 231 184 95;
    --luxe-panel-alpha: .92;
    --luxe-panel-soft-alpha: .64;
    --luxe-border-alpha: .52;
    --luxe-shadow-alpha: .34;
    --luxe-focus-alpha: .42;
  }

  [data-ui="editorial-luxe"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --luxe-fallback-bg-rgb: 0 0 0;
    --luxe-fallback-surface-rgb: 15 10 7;
    --luxe-fallback-surface-strong-rgb: 28 18 13;
    --luxe-fallback-surface-soft-rgb: 0 0 0;
    --luxe-fallback-text-rgb: 255 255 255;
    --luxe-fallback-text-muted-rgb: 255 245 232;
    --luxe-fallback-border-rgb: 255 255 255;
    --luxe-fallback-primary-rgb: 200 138 54;
    --luxe-fallback-primary-hover-rgb: 255 255 255;
    --luxe-fallback-primary-text-rgb: 0 0 0;
    --luxe-fallback-secondary-rgb: 255 243 217;
    --luxe-fallback-secondary-hover-rgb: 255 255 255;
    --luxe-fallback-secondary-text-rgb: 0 0 0;
    --luxe-fallback-accent-rgb: 255 211 107;
    --luxe-fallback-accent-text-rgb: 0 0 0;
    --luxe-fallback-success-rgb: 0 255 144;
    --luxe-fallback-success-text-rgb: 0 0 0;
    --luxe-fallback-warning-rgb: 255 212 0;
    --luxe-fallback-warning-text-rgb: 0 0 0;
    --luxe-fallback-danger-rgb: 255 107 107;
    --luxe-fallback-danger-text-rgb: 0 0 0;
    --luxe-fallback-link-rgb: 255 211 107;
    --luxe-fallback-focus-rgb: 255 255 255;
    --luxe-panel-alpha: 1;
    --luxe-panel-soft-alpha: .92;
    --luxe-border-alpha: 1;
    --luxe-shadow-alpha: .5;
    --luxe-focus-alpha: .72;
  }

  [data-ui="editorial-luxe"][data-theme][data-mode] {
    --luxe-bg-rgb: var(--usk-bg-rgb);
    --luxe-surface-rgb: var(--usk-surface-rgb);
    --luxe-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --luxe-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --luxe-text-rgb: var(--usk-text-rgb);
    --luxe-text-muted-rgb: var(--usk-text-muted-rgb);
    --luxe-border-rgb: var(--usk-border-rgb);
    --luxe-primary-rgb: var(--usk-primary-rgb);
    --luxe-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --luxe-primary-text-rgb: var(--usk-primary-text-rgb);
    --luxe-secondary-rgb: var(--usk-secondary-rgb);
    --luxe-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --luxe-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --luxe-accent-rgb: var(--usk-accent-rgb);
    --luxe-accent-text-rgb: var(--usk-accent-text-rgb);
    --luxe-success-rgb: var(--usk-success-rgb);
    --luxe-success-text-rgb: var(--usk-success-text-rgb);
    --luxe-warning-rgb: var(--usk-warning-rgb);
    --luxe-warning-text-rgb: var(--usk-warning-text-rgb);
    --luxe-danger-rgb: var(--usk-danger-rgb);
    --luxe-danger-text-rgb: var(--usk-danger-text-rgb);
    --luxe-link-rgb: var(--usk-link-rgb);
    --luxe-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="editorial-luxe"][data-mode] {
    --usk-native-bg: var(--luxe-bg);
    --luxe-bg-rgb: var(--usk-bg-rgb, var(--luxe-fallback-bg-rgb));
    --luxe-surface-rgb: var(--usk-surface-rgb, var(--luxe-fallback-surface-rgb));
    --luxe-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--luxe-fallback-surface-strong-rgb));
    --luxe-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--luxe-fallback-surface-soft-rgb));
    --luxe-text-rgb: var(--usk-text-rgb, var(--luxe-fallback-text-rgb));
    --luxe-text-muted-rgb: var(--usk-text-muted-rgb, var(--luxe-fallback-text-muted-rgb));
    --luxe-border-rgb: var(--usk-border-rgb, var(--luxe-fallback-border-rgb));
    --luxe-primary-rgb: var(--usk-primary-rgb, var(--luxe-fallback-primary-rgb));
    --luxe-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--luxe-fallback-primary-hover-rgb));
    --luxe-primary-text-rgb: var(--usk-primary-text-rgb, var(--luxe-fallback-primary-text-rgb));
    --luxe-secondary-rgb: var(--usk-secondary-rgb, var(--luxe-fallback-secondary-rgb));
    --luxe-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--luxe-fallback-secondary-hover-rgb));
    --luxe-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--luxe-fallback-secondary-text-rgb));
    --luxe-accent-rgb: var(--usk-accent-rgb, var(--luxe-fallback-accent-rgb));
    --luxe-accent-text-rgb: var(--usk-accent-text-rgb, var(--luxe-fallback-accent-text-rgb));
    --luxe-success-rgb: var(--usk-success-rgb, var(--luxe-fallback-success-rgb));
    --luxe-success-text-rgb: var(--usk-success-text-rgb, var(--luxe-fallback-success-text-rgb));
    --luxe-warning-rgb: var(--usk-warning-rgb, var(--luxe-fallback-warning-rgb));
    --luxe-warning-text-rgb: var(--usk-warning-text-rgb, var(--luxe-fallback-warning-text-rgb));
    --luxe-danger-rgb: var(--usk-danger-rgb, var(--luxe-fallback-danger-rgb));
    --luxe-danger-text-rgb: var(--usk-danger-text-rgb, var(--luxe-fallback-danger-text-rgb));
    --luxe-link-rgb: var(--usk-link-rgb, var(--luxe-fallback-link-rgb));
    --luxe-focus-rgb: var(--usk-focus-rgb, var(--luxe-fallback-focus-rgb));
    --usk-native-surface: var(--luxe-surface);
    --usk-native-surface-strong: var(--luxe-surface-strong);
    --usk-native-surface-soft: var(--luxe-surface-soft);
    --usk-native-card-bg: var(--luxe-card-bg);
    --usk-native-control-bg: var(--luxe-control-bg);
    --usk-native-text: var(--luxe-text);
    --usk-native-text-muted: var(--luxe-text-muted);
    --usk-native-border: var(--luxe-border);
    --usk-native-primary: var(--luxe-primary);
    --usk-native-primary-hover: var(--luxe-primary-hover);
    --usk-native-on-primary: var(--luxe-on-primary);
    --usk-native-secondary: var(--luxe-secondary);
    --usk-native-on-secondary: var(--luxe-on-secondary);
    --usk-native-accent: var(--luxe-accent);
    --usk-native-on-accent: var(--luxe-on-accent);
    --usk-native-on-success: var(--luxe-on-success);
    --usk-native-on-warning: var(--luxe-on-warning);
    --usk-native-on-danger: var(--luxe-on-danger);
    --usk-native-focus: var(--luxe-focus);
    --usk-native-success: var(--luxe-success);
    --usk-native-warning: var(--luxe-warning);
    --usk-native-danger: var(--luxe-danger);
    --usk-native-link: var(--luxe-link);
    --usk-native-font-body: var(--luxe-font-body);
    --usk-native-font-heading: var(--luxe-font-heading);
    --usk-native-font-control: var(--luxe-font-control);
    --usk-native-font-mono: var(--luxe-font-mono);
    --usk-native-radius-sm: var(--luxe-radius-sm);
    --usk-native-radius: var(--luxe-radius-md);
    --usk-native-radius-lg: var(--luxe-radius-lg);
    --usk-native-shadow: var(--luxe-shadow-sm, none);
    --usk-native-shadow-md: var(--luxe-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--luxe-focus-ring, 0 0 0 3px rgb(var(--luxe-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--luxe-space-5);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.35rem;
    --usk-native-choice-background: var(--luxe-control-bg);
    --usk-native-choice-border: 1px solid var(--luxe-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: none;
    --usk-native-choice-checked-background: var(--luxe-primary);
    --usk-native-choice-mark-color: var(--luxe-on-primary);
    --usk-native-select-indicator-image: linear-gradient(60deg, transparent 50%, var(--luxe-primary) 50%), linear-gradient(120deg, var(--luxe-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .38rem .38rem, .38rem .38rem;
    --usk-native-select-indicator-position: calc(100% - 1.24rem) 50%, calc(100% - .9rem) 50%;
    --usk-native-select-padding-inline-end: 2.7rem;
    --usk-native-range-track-size: 1px;
    --usk-native-range-track-background: var(--luxe-surface-soft);
    --usk-native-range-track-border: 1px solid var(--luxe-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: var(--luxe-primary);
    --usk-native-range-thumb-size: .85rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--luxe-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: none;
    --usk-native-progress-size: .28rem;
    --usk-native-progress-track-background: var(--luxe-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--luxe-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: var(--luxe-primary);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-meter-optimum-background: var(--luxe-success);
    --usk-native-meter-suboptimum-background: var(--luxe-warning);
    --usk-native-meter-critical-background: var(--luxe-danger);
    --usk-native-file-button-background: var(--luxe-primary);
    --usk-native-file-button-border: 1px solid var(--luxe-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: none;
    --usk-native-color-swatch-border: 1px solid var(--luxe-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: .77;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .55rem;
    --usk-native-scrollbar-track: var(--luxe-surface-soft);
    --usk-native-scrollbar-thumb: var(--luxe-primary);
    --usk-native-scrollbar-radius: 0;
    --luxe-bg: rgb(var(--luxe-bg-rgb));
    --luxe-surface: rgb(var(--luxe-surface-rgb) / var(--luxe-panel-alpha));
    --luxe-surface-strong: rgb(var(--luxe-surface-strong-rgb) / var(--luxe-panel-alpha));
    --luxe-surface-soft: rgb(var(--luxe-surface-soft-rgb) / var(--luxe-panel-soft-alpha));
    --luxe-text: rgb(var(--luxe-text-rgb));
    --luxe-text-muted: rgb(var(--luxe-text-muted-rgb));
    --luxe-fg: var(--luxe-text);
    --luxe-surface-fg: var(--luxe-text);
    --luxe-muted: var(--luxe-text-muted);
    --luxe-border: rgb(var(--luxe-border-rgb) / max(var(--luxe-border-alpha), var(--usk-border-min-alpha)));
    --luxe-control-fg: var(--luxe-text);
    --luxe-primary: rgb(var(--luxe-primary-rgb));
    --luxe-primary-hover: rgb(var(--luxe-primary-hover-rgb));
    --luxe-primary-text: rgb(var(--luxe-primary-text-rgb));
    --luxe-secondary: rgb(var(--luxe-secondary-rgb));
    --luxe-secondary-hover: rgb(var(--luxe-secondary-hover-rgb));
    --luxe-secondary-text: rgb(var(--luxe-secondary-text-rgb));
    --luxe-on-primary: var(--luxe-primary-text);
    --luxe-on-secondary: var(--luxe-secondary-text);
    --luxe-on-accent: rgb(var(--luxe-accent-text-rgb));
    --luxe-on-success: rgb(var(--luxe-success-text-rgb));
    --luxe-on-warning: rgb(var(--luxe-warning-text-rgb));
    --luxe-on-danger: rgb(var(--luxe-danger-text-rgb));
    --luxe-accent: rgb(var(--luxe-accent-rgb));
    --luxe-success: rgb(var(--luxe-success-rgb));
    --luxe-warning: rgb(var(--luxe-warning-rgb));
    --luxe-danger: rgb(var(--luxe-danger-rgb));
    --luxe-link: rgb(var(--luxe-link-rgb));
    --luxe-focus: rgb(var(--luxe-focus-rgb));
    --luxe-focus-ring: 0 0 0 3px rgb(var(--luxe-focus-rgb) / var(--luxe-focus-alpha));
    --luxe-theme-bg-size: auto;
    --luxe-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--luxe-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--luxe-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--luxe-secondary-rgb) / .1), transparent 34rem), var(--luxe-bg);
    --luxe-card-bg: linear-gradient(135deg, rgb(var(--luxe-primary-rgb) / .1), rgb(var(--luxe-accent-rgb) / .055) 42%, rgb(var(--luxe-surface-strong-rgb) / var(--luxe-panel-alpha)) 100%), var(--luxe-surface);
    --luxe-control-bg: linear-gradient(180deg, rgb(var(--luxe-surface-strong-rgb) / var(--luxe-panel-alpha)), rgb(var(--luxe-surface-soft-rgb) / var(--luxe-panel-soft-alpha)));
    --luxe-spinner-track: rgb(var(--luxe-border-rgb) / max(.28, calc(var(--luxe-border-alpha) * .7)));
    --luxe-spinner-stroke: var(--luxe-primary);
    --luxe-spinner-accent: var(--luxe-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="editorial-luxe"][data-mode] {
      --luxe-border: color-mix(in srgb, rgb(var(--luxe-border-rgb) / max(var(--luxe-border-alpha), var(--usk-border-min-alpha))), var(--luxe-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="editorial-luxe"] {
    background: linear-gradient(180deg,rgb(var(--luxe-primary-rgb)/.04),transparent 22rem),var(--luxe-bg);
    color: var(--luxe-text);
    font-family: var(--luxe-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="editorial-luxe"] *, [data-ui="editorial-luxe"] :before, [data-ui="editorial-luxe"] :after {
    box-sizing: border-box;
  }

  [data-ui="editorial-luxe"][data-mode] {
    background: var(--luxe-theme-bg);
    background-size: var(--luxe-theme-bg-size);
  }

  .luxe-title, .luxe-heading, .luxe-kicker, .luxe-button, .luxe-badge, .luxe-nav-link, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .usk-badge, :where([data-ui="editorial-luxe"]) .usk-nav-link, :where([data-ui="editorial-luxe"]) .ui-button, :where([data-ui="editorial-luxe"]) .ui-badge, :where([data-ui="editorial-luxe"]) .ui-nav-link {
    font-family: var(--luxe-font-heading);
  }

  .luxe-title {
    color: var(--luxe-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .luxe-heading {
    color: var(--luxe-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .luxe-kicker {
    color: var(--usk-primary-ink, var(--luxe-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .luxe-subtitle, .luxe-copy {
    color: var(--luxe-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .luxe-text-muted {
    color: var(--luxe-text-muted);
  }

  .luxe-divider {
    background: var(--luxe-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .luxe-surface, .luxe-card, .luxe-panel, .luxe-toolbar, .luxe-table-wrap, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .ui-card, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--luxe-surface);
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--luxe-shadow-alpha));
    transition: transform var(--luxe-transition-base),box-shadow var(--luxe-transition-base),border-color var(--luxe-transition-base),background var(--luxe-transition-base);
    position: relative;
  }

  .luxe-toolbar, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--luxe-space-4);
    padding: var(--luxe-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .luxe-surface-sm {
    border-radius: var(--luxe-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--luxe-shadow-alpha)*.72));
  }

  .luxe-surface-lg {
    border-radius: var(--luxe-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--luxe-shadow-alpha) + .08));
  }

  .luxe-well, .luxe-inset {
    background: var(--luxe-surface-soft);
    color: var(--luxe-text);
    border: 1px solid rgb(var(--luxe-border-rgb)/calc(var(--luxe-border-alpha)*.7));
    border-radius: var(--luxe-radius-md);
    padding: var(--luxe-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .luxe-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--luxe-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .luxe-button, .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-button, :where([data-ui="editorial-luxe"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--luxe-space-2);
    background: var(--luxe-surface);
    min-height: 2.75rem;
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--luxe-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--luxe-transition-fast),background var(--luxe-transition-fast),border-color var(--luxe-transition-fast),box-shadow var(--luxe-transition-fast),transform var(--luxe-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .luxe-button:hover, .luxe-icon-button:hover, :where([data-ui="editorial-luxe"]) .usk-button:hover, :where([data-ui="editorial-luxe"]) .usk-icon-button:hover, :where([data-ui="editorial-luxe"]) .ui-button:hover, :where([data-ui="editorial-luxe"]) .ui-icon-button:hover {
    border-color: var(--luxe-primary);
    transform: translateY(-1px);
  }

  .luxe-button:active, .luxe-icon-button:active, .luxe-button[aria-pressed="true"], .luxe-icon-button[aria-pressed="true"], .luxe-button.is-active, .luxe-icon-button.is-active, :where([data-ui="editorial-luxe"]) .usk-button:active, :where([data-ui="editorial-luxe"]) .usk-icon-button:active, :where([data-ui="editorial-luxe"]) .usk-button[aria-pressed="true"], :where([data-ui="editorial-luxe"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="editorial-luxe"]) .usk-button.is-active, :where([data-ui="editorial-luxe"]) .usk-icon-button.is-active, :where([data-ui="editorial-luxe"]) .ui-button:active, :where([data-ui="editorial-luxe"]) .ui-icon-button:active, :where([data-ui="editorial-luxe"]) .ui-button[aria-pressed="true"], :where([data-ui="editorial-luxe"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="editorial-luxe"]) .ui-button.is-active, :where([data-ui="editorial-luxe"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .luxe-button-primary:hover, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--luxe-primary-hover);
    border-color: var(--luxe-primary-hover);
  }

  .luxe-button-secondary:hover, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--luxe-secondary-hover);
    border-color: var(--luxe-secondary-hover);
  }

  .luxe-button-ghost, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--luxe-text);
    box-shadow: none;
    background: none;
  }

  .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-icon-button {
    border-radius: var(--luxe-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .luxe-button:disabled, .luxe-icon-button:disabled, .luxe-disabled, :where([data-ui="editorial-luxe"]) .usk-button:disabled, :where([data-ui="editorial-luxe"]) .usk-icon-button:disabled, :where([data-ui="editorial-luxe"]) .ui-button:disabled, :where([data-ui="editorial-luxe"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .luxe-card, .luxe-panel, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .ui-card {
    background: var(--luxe-card-bg);
  }

  .luxe-toolbar, .luxe-table-wrap, .luxe-button:where(:not([data-ui-variant])):not(:is(.luxe-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.luxe-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.luxe-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.luxe-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.luxe-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.luxe-button-outline-heavy), .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.luxe-button-outline-heavy), :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap, :where([data-ui="editorial-luxe"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.luxe-button-outline-heavy), :where([data-ui="editorial-luxe"]) .ui-icon-button {
    background: var(--luxe-control-bg);
  }

  .luxe-button, .luxe-icon-button, .luxe-badge, .luxe-nav-link, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .usk-badge, :where([data-ui="editorial-luxe"]) .usk-nav-link, :where([data-ui="editorial-luxe"]) .ui-button, :where([data-ui="editorial-luxe"]) .ui-icon-button, :where([data-ui="editorial-luxe"]) .ui-badge, :where([data-ui="editorial-luxe"]) .ui-nav-link {
    font-family: var(--luxe-font-control);
  }

  .luxe-field, :where([data-ui="editorial-luxe"]) .usk-field, :where([data-ui="editorial-luxe"]) .ui-field {
    gap: var(--luxe-space-2);
    flex-direction: column;
    display: flex;
  }

  .luxe-label, :where([data-ui="editorial-luxe"]) .usk-label, :where([data-ui="editorial-luxe"]) .ui-label {
    color: var(--luxe-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .luxe-input, .luxe-textarea, .luxe-select, :where([data-ui="editorial-luxe"]) .usk-input, :where([data-ui="editorial-luxe"]) .usk-textarea, :where([data-ui="editorial-luxe"]) .usk-select, :where([data-ui="editorial-luxe"]) .ui-input, :where([data-ui="editorial-luxe"]) .ui-textarea, :where([data-ui="editorial-luxe"]) .ui-select {
    background: var(--luxe-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-md);
    font: inherit;
    transition: background var(--luxe-transition-fast),border-color var(--luxe-transition-fast),box-shadow var(--luxe-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .luxe-textarea, :where([data-ui="editorial-luxe"]) .usk-textarea, :where([data-ui="editorial-luxe"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .luxe-input::placeholder, .luxe-textarea::placeholder, :where([data-ui="editorial-luxe"]) .usk-input::placeholder, :where([data-ui="editorial-luxe"]) .usk-textarea::placeholder, :where([data-ui="editorial-luxe"]) .ui-input::placeholder, :where([data-ui="editorial-luxe"]) .ui-textarea::placeholder {
    color: var(--luxe-text-muted);
    opacity: .82;
  }

  .luxe-input:hover, .luxe-textarea:hover, .luxe-select:hover, :where([data-ui="editorial-luxe"]) .usk-input:hover, :where([data-ui="editorial-luxe"]) .usk-textarea:hover, :where([data-ui="editorial-luxe"]) .usk-select:hover, :where([data-ui="editorial-luxe"]) .ui-input:hover, :where([data-ui="editorial-luxe"]) .ui-textarea:hover, :where([data-ui="editorial-luxe"]) .ui-select:hover {
    border-color: rgb(var(--luxe-primary-rgb)/.58);
  }

  .luxe-input:focus, .luxe-textarea:focus, .luxe-select:focus, :where([data-ui="editorial-luxe"]) .usk-input:focus, :where([data-ui="editorial-luxe"]) .usk-textarea:focus, :where([data-ui="editorial-luxe"]) .usk-select:focus, :where([data-ui="editorial-luxe"]) .ui-input:focus, :where([data-ui="editorial-luxe"]) .ui-textarea:focus, :where([data-ui="editorial-luxe"]) .ui-select:focus {
    border-color: var(--luxe-focus);
    box-shadow: var(--luxe-focus-ring);
  }

  .luxe-help-text, :where([data-ui="editorial-luxe"]) .usk-help-text, :where([data-ui="editorial-luxe"]) .ui-help-text {
    color: var(--luxe-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .luxe-check, .luxe-radio, :where([data-ui="editorial-luxe"]) .usk-check, :where([data-ui="editorial-luxe"]) .usk-radio, :where([data-ui="editorial-luxe"]) .ui-check, :where([data-ui="editorial-luxe"]) .ui-radio {
    align-items: center;
    gap: var(--luxe-space-2);
    color: var(--luxe-text);
    cursor: pointer;
    display: inline-flex;
  }

  .luxe-check input, .luxe-radio input, :where([data-ui="editorial-luxe"]) .usk-check input, :where([data-ui="editorial-luxe"]) .usk-radio input, :where([data-ui="editorial-luxe"]) .ui-check input, :where([data-ui="editorial-luxe"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .luxe-check-control, .luxe-radio-control, :where([data-ui="editorial-luxe"]) .usk-check-control, :where([data-ui="editorial-luxe"]) .usk-radio-control, :where([data-ui="editorial-luxe"]) .ui-check-control, :where([data-ui="editorial-luxe"]) .ui-radio-control {
    background: var(--luxe-surface-soft);
    border: 1px solid var(--luxe-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--luxe-transition-fast),box-shadow var(--luxe-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .luxe-check-control, :where([data-ui="editorial-luxe"]) .usk-check-control, :where([data-ui="editorial-luxe"]) .ui-check-control {
    border-radius: var(--luxe-radius-xs);
  }

  .luxe-radio-control, :where([data-ui="editorial-luxe"]) .usk-radio-control, :where([data-ui="editorial-luxe"]) .ui-radio-control {
    border-radius: 50%;
  }

  .luxe-check input:checked+.luxe-check-control, .luxe-radio input:checked+.luxe-radio-control, :where([data-ui="editorial-luxe"]) .usk-check input:checked+.usk-check-control, :where([data-ui="editorial-luxe"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="editorial-luxe"]) .ui-check input:checked+.ui-check-control, :where([data-ui="editorial-luxe"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--luxe-primary);
    border-color: var(--luxe-primary);
    box-shadow: var(--luxe-focus-ring);
  }

  .luxe-check input:checked+.luxe-check-control:after, :where([data-ui="editorial-luxe"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="editorial-luxe"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--luxe-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .luxe-radio input:checked+.luxe-radio-control:after, :where([data-ui="editorial-luxe"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="editorial-luxe"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--luxe-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .luxe-switch, :where([data-ui="editorial-luxe"]) .usk-switch, :where([data-ui="editorial-luxe"]) .ui-switch {
    align-items: center;
    gap: var(--luxe-space-3);
    color: var(--luxe-text);
    cursor: pointer;
    display: inline-flex;
  }

  .luxe-switch input, :where([data-ui="editorial-luxe"]) .usk-switch input, :where([data-ui="editorial-luxe"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .luxe-switch-track, :where([data-ui="editorial-luxe"]) .usk-switch-track, :where([data-ui="editorial-luxe"]) .ui-switch-track {
    background: var(--luxe-surface-soft);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--luxe-transition-fast),box-shadow var(--luxe-transition-fast);
    position: relative;
  }

  .luxe-switch-thumb, :where([data-ui="editorial-luxe"]) .usk-switch-thumb, :where([data-ui="editorial-luxe"]) .ui-switch-thumb {
    background: var(--luxe-surface-strong);
    border: 1px solid var(--luxe-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--luxe-shadow-alpha));
    transition: left var(--luxe-transition-fast),background var(--luxe-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .luxe-switch input:checked+.luxe-switch-track, :where([data-ui="editorial-luxe"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="editorial-luxe"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--luxe-primary);
    border-color: var(--luxe-primary);
  }

  .luxe-switch input:checked+.luxe-switch-track .luxe-switch-thumb, :where([data-ui="editorial-luxe"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="editorial-luxe"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--luxe-on-primary);
    left: calc(100% - 1.56rem);
  }

  .luxe-badge, :where([data-ui="editorial-luxe"]) .usk-badge, :where([data-ui="editorial-luxe"]) .ui-badge {
    align-items: center;
    gap: var(--luxe-space-1);
    background: var(--luxe-surface-soft);
    min-height: 1.75rem;
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .luxe-badge-primary, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
    border-color: var(--luxe-primary);
  }

  .luxe-badge-secondary, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--luxe-secondary);
    color: var(--luxe-on-secondary);
    border-color: var(--luxe-secondary);
  }

  .luxe-badge-success, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--luxe-success);
    color: var(--luxe-on-success);
    border-color: var(--luxe-success);
  }

  .luxe-badge-warning, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--luxe-warning);
    color: var(--luxe-on-warning);
    border-color: var(--luxe-warning);
  }

  .luxe-badge-danger, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--luxe-danger);
    color: var(--luxe-on-danger);
    border-color: var(--luxe-danger);
  }

  .luxe-nav, :where([data-ui="editorial-luxe"]) .usk-nav, :where([data-ui="editorial-luxe"]) .ui-nav {
    align-items: center;
    gap: var(--luxe-space-2);
    padding: var(--luxe-space-2);
    background: var(--luxe-surface);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--luxe-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .luxe-nav-link, :where([data-ui="editorial-luxe"]) .usk-nav-link, :where([data-ui="editorial-luxe"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--luxe-text-muted);
    border-radius: var(--luxe-radius-pill);
    transition: color var(--luxe-transition-fast),background var(--luxe-transition-fast),box-shadow var(--luxe-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .luxe-nav-link:hover, :where([data-ui="editorial-luxe"]) .usk-nav-link:hover, :where([data-ui="editorial-luxe"]) .ui-nav-link:hover {
    color: var(--luxe-text);
    background: var(--luxe-surface-soft);
  }

  .luxe-nav-link[aria-current="page"], .luxe-nav-link.is-active, :where([data-ui="editorial-luxe"]) .usk-nav-link[aria-current="page"], :where([data-ui="editorial-luxe"]) .usk-nav-link.is-active, :where([data-ui="editorial-luxe"]) .ui-nav-link[aria-current="page"], :where([data-ui="editorial-luxe"]) .ui-nav-link.is-active {
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
  }

  .luxe-tooltip, [data-ui="editorial-luxe"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="editorial-luxe"]) .usk-tooltip, :where([data-ui="editorial-luxe"]) .ui-tooltip {
    background: var(--luxe-text);
    max-inline-size: 16rem;
    color: var(--luxe-bg);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .luxe-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .luxe-progress, :where([data-ui="editorial-luxe"]) .usk-progress, :where([data-ui="editorial-luxe"]) .ui-progress {
    background: var(--luxe-surface-soft);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .luxe-progress-bar, :where([data-ui="editorial-luxe"]) .usk-progress-bar, :where([data-ui="editorial-luxe"]) .ui-progress-bar {
    height: 100%;
    width: var(--luxe-progress-value, 50%);
    background: linear-gradient(90deg,var(--luxe-primary),var(--luxe-accent));
    border-radius: inherit;
  }

  .luxe-alert, :where([data-ui="editorial-luxe"]) .usk-alert, :where([data-ui="editorial-luxe"]) .ui-alert {
    gap: var(--luxe-space-2);
    padding: var(--luxe-space-4);
    background: var(--luxe-surface);
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--luxe-shadow-alpha));
    display: grid;
  }

  .luxe-alert-success, :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--luxe-success);
  }

  .luxe-alert-warning, :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--luxe-warning);
  }

  .luxe-alert-danger, :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--luxe-danger);
  }

  .luxe-alert-title, :where([data-ui="editorial-luxe"]) .usk-alert-title, :where([data-ui="editorial-luxe"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .luxe-alert-body, :where([data-ui="editorial-luxe"]) .usk-alert-body, :where([data-ui="editorial-luxe"]) .ui-alert-body {
    color: var(--luxe-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .luxe-table-wrap, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .ui-table-wrap {
    overflow: auto;
  }

  .luxe-table, :where([data-ui="editorial-luxe"]) .usk-table, :where([data-ui="editorial-luxe"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .luxe-table th, .luxe-table td, :where([data-ui="editorial-luxe"]) .usk-table th, :where([data-ui="editorial-luxe"]) .usk-table td, :where([data-ui="editorial-luxe"]) .ui-table th, :where([data-ui="editorial-luxe"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--luxe-border);
    padding: .95rem 1rem;
  }

  .luxe-table th, :where([data-ui="editorial-luxe"]) .usk-table th, :where([data-ui="editorial-luxe"]) .ui-table th {
    color: var(--luxe-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--luxe-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .luxe-table td, :where([data-ui="editorial-luxe"]) .usk-table td, :where([data-ui="editorial-luxe"]) .ui-table td {
    color: var(--luxe-text-muted);
  }

  .luxe-table tr:hover td, :where([data-ui="editorial-luxe"]) .usk-table tr:hover td, :where([data-ui="editorial-luxe"]) .ui-table tr:hover td {
    background: rgb(var(--luxe-primary-rgb)/.045);
  }

  .luxe-text-primary {
    color: var(--usk-primary-ink, var(--luxe-primary));
  }

  .luxe-text-secondary {
    color: var(--luxe-secondary);
  }

  .luxe-text-accent {
    color: var(--usk-accent-ink, var(--luxe-accent));
  }

  .luxe-text-success {
    color: var(--luxe-success);
  }

  .luxe-text-warning {
    color: var(--luxe-warning);
  }

  .luxe-text-danger {
    color: var(--luxe-danger);
  }

  .luxe-bg-primary {
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
  }

  .luxe-bg-secondary {
    background: var(--luxe-secondary);
    color: var(--luxe-on-secondary);
  }

  .luxe-border {
    border: 1px solid var(--luxe-border);
  }

  .luxe-rounded {
    border-radius: var(--luxe-radius-md);
  }

  .luxe-rounded-lg {
    border-radius: var(--luxe-radius-lg);
  }

  .luxe-rounded-xl {
    border-radius: var(--luxe-radius-xl);
  }

  .luxe-pill {
    border-radius: var(--luxe-radius-pill);
  }

  .luxe-sr-only, .luxe-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .luxe-skip-link {
    z-index: 9999;
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
    border-radius: var(--luxe-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .luxe-skip-link:focus {
    transform: translateY(0);
  }

  .luxe-metric, :where([data-ui="editorial-luxe"]) .usk-metric, :where([data-ui="editorial-luxe"]) .ui-metric {
    padding: var(--luxe-space-5);
    background: var(--luxe-surface);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .luxe-metric-value, :where([data-ui="editorial-luxe"]) .usk-metric-value, :where([data-ui="editorial-luxe"]) .ui-metric-value {
    color: var(--luxe-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .luxe-metric-label, :where([data-ui="editorial-luxe"]) .usk-metric-label, :where([data-ui="editorial-luxe"]) .ui-metric-label {
    color: var(--luxe-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .luxe-empty-state, :where([data-ui="editorial-luxe"]) .usk-empty-state, :where([data-ui="editorial-luxe"]) .ui-empty-state {
    place-items: center;
    gap: var(--luxe-space-3);
    min-height: 14rem;
    padding: var(--luxe-space-6);
    text-align: center;
    background: var(--luxe-surface-soft);
    border: 1px dashed var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    display: grid;
  }

  .luxe-spinner, .luxe-loading-spinner, [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="editorial-luxe"]) .usk-spinner, :where([data-ui="editorial-luxe"]) .ui-spinner {
    border: .25rem solid var(--luxe-spinner-track);
    border-block-start-color: var(--luxe-spinner-stroke);
    border-inline-end-color: var(--luxe-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite luxe-spin;
    display: inline-block;
  }

  .luxe-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .luxe-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .luxe-button[aria-busy="true"], .luxe-icon-button[aria-busy="true"], [data-ui="editorial-luxe"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="editorial-luxe"]) .usk-button[aria-busy="true"], :where([data-ui="editorial-luxe"]) .usk-icon-button[aria-busy="true"], :where([data-ui="editorial-luxe"]) .ui-button[aria-busy="true"], :where([data-ui="editorial-luxe"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .luxe-button[aria-busy="true"]:after, .luxe-icon-button[aria-busy="true"]:after, [data-ui="editorial-luxe"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="editorial-luxe"]) .usk-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--luxe-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite luxe-spin;
    display: inline-block;
  }

  @keyframes luxe-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .luxe-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--luxe-border-rgb)/.72);
    border-radius: var(--luxe-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .luxe-card-service {
    gap: var(--luxe-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .luxe-card-service > .luxe-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .luxe-card-service > .luxe-card-media + .luxe-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .luxe-card-feature {
    gap: var(--luxe-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .luxe-card-accent-edge {
    border-inline-start: .35rem solid var(--luxe-primary);
  }

  .luxe-icon-medallion {
    background: var(--luxe-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--luxe-on-primary);
    border: 2px solid rgb(var(--luxe-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .luxe-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .luxe-button.luxe-button-cut, .luxe-button-cut, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-cut, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .luxe-button.luxe-button-cut:focus-visible, .luxe-button-cut:focus-visible, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-cut:focus-visible, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .luxe-button.luxe-button-outline-heavy, .luxe-button-outline-heavy, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-outline-heavy, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-outline-heavy {
    color: var(--usk-primary-ink, var(--luxe-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--luxe-primary);
    box-shadow: none;
    background: none;
  }

  .luxe-button.luxe-button-outline-heavy:hover, .luxe-button-outline-heavy:hover, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-outline-heavy:hover, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-outline-heavy:hover {
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
    border-color: var(--luxe-primary-hover);
  }

  .luxe-badge-seal {
    aspect-ratio: 1;
    background: var(--luxe-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--luxe-text);
    border: 2px solid var(--luxe-primary);
    text-align: center;
    font-family: var(--luxe-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .luxe-feature-strip {
    background: var(--luxe-card-bg);
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .luxe-feature-item {
    align-items: center;
    gap: var(--luxe-space-3);
    min-inline-size: 0;
    padding: var(--luxe-space-4);
    border-inline-end: 1px solid rgb(var(--luxe-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .luxe-feature-item:last-child {
    border-inline-end: 0;
  }

  .luxe-feature-item > :where(p, small) {
    color: var(--luxe-text-muted);
    margin: 0;
  }

  .luxe-callout-bar {
    align-items: center;
    gap: var(--luxe-space-4);
    padding: var(--luxe-space-4) var(--luxe-space-5);
    background: var(--luxe-card-bg);
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .luxe-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .luxe-callout-bar>:where(.luxe-button,a,button):last-child, :where([data-ui="editorial-luxe"]) .luxe-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="editorial-luxe"]) .luxe-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .luxe-eyebrow {
    color: var(--usk-primary-ink, var(--luxe-primary));
    font-family: var(--luxe-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .luxe-media-scrim {
    isolation: isolate;
    background: var(--luxe-surface-soft);
    border: 1px solid var(--luxe-border);
    border-radius: var(--luxe-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .luxe-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .luxe-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .luxe-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .luxe-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .luxe-callout-bar>:where(.luxe-button,a,button):last-child, :where([data-ui="editorial-luxe"]) .luxe-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="editorial-luxe"]) .luxe-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .luxe-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--luxe-border-rgb)/.62);
    }

    .luxe-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .luxe-card-service, .luxe-card-feature, .luxe-feature-strip, .luxe-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--luxe-shadow-alpha) + .03));
  }

  .luxe-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .luxe-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--luxe-shadow-alpha) + .05));
  }

  :root {
    --luxe-font-display: "Bodoni MT", Didot, "Times New Roman", Georgia, serif;
    --luxe-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --luxe-font-heading: var(--luxe-font-display);
    --luxe-font-control: var(--luxe-font-body);
    --luxe-radius-xs: .08rem;
    --luxe-radius-sm: .16rem;
    --luxe-radius-md: .3rem;
    --luxe-radius-lg: .45rem;
    --luxe-radius-xl: .65rem;
  }

  [data-ui="editorial-luxe"] {
    font-family: var(--luxe-font-body);
  }

  [data-ui="editorial-luxe"][data-mode] {
    --luxe-theme-bg: linear-gradient(90deg, rgb(var(--luxe-border-rgb) / .09) 1px, transparent 1px) 0 0 / 22rem 100%, linear-gradient(180deg, rgb(var(--luxe-primary-rgb) / .035), transparent 22rem), var(--luxe-bg);
    --luxe-card-bg: linear-gradient(180deg, rgb(var(--luxe-surface-strong-rgb) / var(--luxe-panel-alpha)), rgb(var(--luxe-surface-rgb) / var(--luxe-panel-alpha)));
  }

  .luxe-title {
    font-family: var(--luxe-font-display);
    letter-spacing: -.045em;
    font-size: clamp(2.8rem, 7vw, 5.8rem);
    font-weight: 500;
    line-height: .94;
  }

  .luxe-heading {
    font-family: var(--luxe-font-display);
    letter-spacing: -.025em;
    font-weight: 500;
  }

  .luxe-kicker, .luxe-eyebrow {
    font-family: var(--luxe-font-body);
    letter-spacing: .2em;
    font-size: .7rem;
    font-weight: 750;
  }

  .luxe-surface, .luxe-card, .luxe-panel, .luxe-toolbar, .luxe-table-wrap, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .ui-card, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap {
    box-shadow: 0 1rem 2.8rem rgb(0 0 0 / calc(var(--luxe-shadow-alpha)*.55));
    border-width: 1px;
  }

  .luxe-card, .luxe-panel, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .ui-card {
    padding: clamp(1.4rem, 3vw, 2.4rem);
  }

  .luxe-button, .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-button, :where([data-ui="editorial-luxe"]) .ui-icon-button {
    border-radius: var(--luxe-radius-sm);
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .76rem;
    font-weight: 800;
  }

  .luxe-button-ghost, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="ghost"]) {
    border-color: #0000;
  }

  .luxe-nav, :where([data-ui="editorial-luxe"]) .usk-nav, :where([data-ui="editorial-luxe"]) .ui-nav {
    border: 0;
    border-block-end: 1px solid var(--luxe-border);
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding-inline: 0;
  }

  .luxe-nav-link, :where([data-ui="editorial-luxe"]) .usk-nav-link, :where([data-ui="editorial-luxe"]) .ui-nav-link {
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .78rem;
  }

  .luxe-nav-link[aria-current="page"], .luxe-nav-link.is-active, :where([data-ui="editorial-luxe"]) .usk-nav-link[aria-current="page"], :where([data-ui="editorial-luxe"]) .usk-nav-link.is-active, :where([data-ui="editorial-luxe"]) .ui-nav-link[aria-current="page"], :where([data-ui="editorial-luxe"]) .ui-nav-link.is-active {
    color: var(--luxe-text);
    box-shadow: inset 0-2px 0 var(--luxe-primary);
    background: none;
  }

  .luxe-input, .luxe-textarea, .luxe-select, :where([data-ui="editorial-luxe"]) .usk-input, :where([data-ui="editorial-luxe"]) .usk-textarea, :where([data-ui="editorial-luxe"]) .usk-select, :where([data-ui="editorial-luxe"]) .ui-input, :where([data-ui="editorial-luxe"]) .ui-textarea, :where([data-ui="editorial-luxe"]) .ui-select {
    border-radius: var(--luxe-radius-sm);
    background: none;
  }

  .luxe-card-media, .luxe-media-scrim, .luxe-feature-strip, .luxe-callout-bar {
    border-radius: var(--luxe-radius-md);
  }

  .luxe-icon-medallion {
    background: var(--luxe-surface-strong);
    color: var(--usk-primary-ink, var(--luxe-link));
    border: 1px solid var(--luxe-primary);
    box-shadow: none;
  }

  .luxe-badge-seal {
    font-family: var(--luxe-font-display);
    background: none;
    border-style: double;
    border-width: 4px;
  }

  .luxe-feature-item {
    align-items: start;
  }

  .luxe-card-accent-edge {
    box-shadow: inset .2rem 0 0 rgb(var(--luxe-primary-rgb)/.2);
    border-inline-start-width: 1px;
  }

  .luxe-button.luxe-button-cut, .luxe-button-cut, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-cut, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-cut {
    clip-path: polygon(.45rem 0, calc(100% - .45rem) 0, 100% .45rem, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, .45rem 100%, 0 calc(100% - .45rem), 0 .45rem);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .luxe-button.luxe-button-outline-heavy, .luxe-button-outline-heavy, :where([data-ui="editorial-luxe"]) .usk-button.luxe-button-outline-heavy, :where([data-ui="editorial-luxe"]) .ui-button.luxe-button-outline-heavy {
    border: 3px double var(--luxe-primary);
    clip-path: polygon(.3rem 0, calc(100% - .3rem) 0, 100% .3rem, 100% calc(100% - .3rem), calc(100% - .3rem) 100%, .3rem 100%, 0 calc(100% - .3rem), 0 .3rem);
    box-shadow: 0 .18rem 0 rgb(var(--luxe-text-rgb)/.14);
    border-radius: 0;
  }

  .luxe-card-service, .luxe-media-scrim, .luxe-feature-strip, .luxe-callout-bar, .luxe-metric, :where([data-ui="editorial-luxe"]) .usk-metric, :where([data-ui="editorial-luxe"]) .ui-metric {
    border: 3px double var(--luxe-border);
    box-shadow: 0 .2rem 0 rgb(var(--luxe-text-rgb)/.12);
    border-radius: 0;
  }

  [data-ui="editorial-luxe"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 3px double var(--luxe-primary);
    box-shadow: 0 .18rem 0 rgb(var(--luxe-text-rgb)/.14);
    border-radius: 0;
  }

  [data-ui="editorial-luxe"][data-mode] :where(dialog) {
    border: 3px double var(--luxe-border);
    box-shadow: 0 .28rem 0 rgb(var(--luxe-text-rgb)/.16),0 1rem 2rem rgb(var(--luxe-text-rgb)/.16);
    border-radius: 0;
  }

  .luxe-spinner, .luxe-loading-spinner, [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="editorial-luxe"]) .usk-spinner, :where([data-ui="editorial-luxe"]) .ui-spinner {
    background: conic-gradient(from 45deg,var(--luxe-spinner-stroke),transparent 36%,var(--luxe-spinner-accent),transparent 72%);
    box-shadow: inset 0 0 0 .08rem var(--luxe-surface);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    border-style: double;
    border-radius: 0;
    animation: 1.12s steps(4, end) infinite luxe-spin;
  }

  .luxe-button[aria-busy="true"]:after, .luxe-icon-button[aria-busy="true"]:after, [data-ui="editorial-luxe"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="editorial-luxe"]) .usk-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-icon-button[aria-busy="true"]:after {
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    background: linear-gradient(90deg, #0000 35%, currentColor 35% 65%, #0000 65%);
    border: .08em double;
    border-radius: 0;
    animation: 1.12s steps(4, end) infinite luxe-spin;
    box-shadow: inset 0 0 0 .05em;
  }

  [data-ui="editorial-luxe"][data-mode] {
    --usk-native-font-control: var(--luxe-font-heading);
    --usk-native-control-min-block-size: 2.5rem;
    --usk-native-control-padding-block: .62rem;
    --usk-native-control-padding-inline: 1.45rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: .02rem;
    --usk-native-radius: .03rem;
    --usk-native-radius-lg: .04rem;
    --usk-native-shadow: inset 0 -1px 0 rgb(var(--luxe-border-rgb) / .54);
    --usk-native-shadow-md: inset 0 0 0 1px rgb(var(--luxe-border-rgb) / .38), inset 0 0 0 4px var(--luxe-surface-strong);
    --usk-native-focus-ring: 0 0 0 1px var(--luxe-warning), 0 0 0 4px rgb(var(--luxe-primary-rgb) / .34);
    --usk-native-subcontrol-padding-block: .39rem;
    --usk-native-subcontrol-padding-inline: .92rem;
    --usk-native-choice-size: 1.08rem;
    --usk-native-choice-background: var(--luxe-control-bg);
    --usk-native-choice-border: 1px solid var(--luxe-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 0 0 2px var(--luxe-surface-strong);
    --usk-native-choice-checked-background: var(--luxe-success);
    --usk-native-choice-mark-color: var(--luxe-on-primary);
    --usk-native-select-indicator-image: linear-gradient(55deg, transparent 48%, var(--luxe-warning) 49% 51%, transparent 52%), linear-gradient(125deg, transparent 48%, var(--luxe-warning) 49% 51%, transparent 52%);
    --usk-native-select-indicator-size: .4rem .5rem, .4rem .5rem;
    --usk-native-select-indicator-position: calc(100% - 1.28rem) 50%, calc(100% - .96rem) 50%;
    --usk-native-select-padding-inline-end: 2.82rem;
    --usk-native-range-track-size: 1px;
    --usk-native-range-track-background: linear-gradient(90deg, var(--luxe-border), rgb(var(--luxe-warning-rgb) / .62), var(--luxe-border));
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 1px 0 var(--luxe-surface-strong);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--luxe-success), var(--luxe-warning));
    --usk-native-range-thumb-size: .82rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--luxe-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 0 0 2px var(--luxe-surface-strong);
    --usk-native-progress-size: .22rem;
    --usk-native-progress-track-background: rgb(var(--luxe-border-rgb) / .24);
    --usk-native-progress-track-border: 0 solid transparent;
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: inset 0 1px 0 rgb(var(--luxe-surface-strong-rgb) / .68);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--luxe-success), var(--luxe-warning));
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: 1px 0 0 var(--luxe-border);
    --usk-native-scrollbar-size: .42rem;
    --usk-native-scrollbar-track: var(--luxe-surface-soft);
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--luxe-warning), var(--luxe-border));
    --usk-native-scrollbar-radius: 0;
    --usk-native-card-bg: var(--luxe-surface);
    --usk-native-control-bg: var(--luxe-surface-soft);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="editorial-luxe"][data-mode] {
      --usk-native-card-bg: linear-gradient(90deg, var(--luxe-surface) 0 48%, color-mix(in srgb, var(--luxe-surface) 48%, var(--luxe-primary)) 48% 100%);
      --usk-native-control-bg: linear-gradient(180deg, color-mix(in srgb, var(--luxe-surface-soft) 55%, var(--luxe-primary)), var(--luxe-surface-soft));
    }
  }

  .luxe-title {
    letter-spacing: max(.02em, .5px);
    margin-block: .75rem;
    font-weight: 500;
  }

  .luxe-label, :where([data-ui="editorial-luxe"]) .usk-label, :where([data-ui="editorial-luxe"]) .ui-label {
    font-size: .64rem;
    font-weight: 600;
  }

  .luxe-button, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .ui-button {
    background: var(--luxe-primary);
    min-height: 2.5rem;
    box-shadow: inset 0-1px 0 rgb(var(--luxe-border-rgb)/.54);
    border-radius: .02rem;
    padding: .62rem 1.45rem;
    font-weight: 600;
  }

  .luxe-input, :where([data-ui="editorial-luxe"]) .usk-input, :where([data-ui="editorial-luxe"]) .ui-input {
    border-radius: 0;
    min-height: 2.45rem;
    padding: .55rem .95rem;
  }

  .luxe-card, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .ui-card {
    background: linear-gradient(180deg,rgb(var(--luxe-surface-strong-rgb)/.66),transparent),var(--luxe-card-bg);
    border: 1px solid var(--luxe-border);
    box-shadow: inset 0 0 0 1px rgb(var(--luxe-border-rgb)/.28),inset 0 0 0 4px var(--luxe-surface-strong);
    border-radius: .02rem;
    padding: 1.75rem;
  }

  .luxe-well {
    background: linear-gradient(90deg,transparent 0 49.8%,rgb(var(--luxe-border-rgb)/.22) 49.8% 50.2%,transparent 50.2%),var(--luxe-surface-soft);
    border: 1px solid var(--luxe-border);
    box-shadow: inset 0 0 0 4px var(--luxe-surface-strong);
  }

  .luxe-badge, :where([data-ui="editorial-luxe"]) .usk-badge, :where([data-ui="editorial-luxe"]) .ui-badge {
    border-radius: 50%;
    min-height: 1.42rem;
    padding: .16rem .74rem;
  }

  .luxe-alert, :where([data-ui="editorial-luxe"]) .usk-alert, :where([data-ui="editorial-luxe"]) .ui-alert {
    background: linear-gradient(90deg,rgb(var(--luxe-primary-rgb)/.08),transparent 36%),var(--luxe-card-bg);
    border: 1px solid var(--luxe-border);
    box-shadow: inset 0 0 0 4px var(--luxe-surface-strong);
    border-radius: 0;
  }

  .luxe-progress, :where([data-ui="editorial-luxe"]) .usk-progress, :where([data-ui="editorial-luxe"]) .ui-progress {
    background: rgb(var(--luxe-border-rgb)/.24);
    height: .22rem;
  }

  .luxe-table-wrap, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .ui-table-wrap {
    background: linear-gradient(180deg,rgb(var(--luxe-surface-strong-rgb)/.62),transparent),var(--luxe-card-bg);
    box-shadow: inset 0 0 0 1px rgb(var(--luxe-border-rgb)/.3);
    border-radius: 0;
  }

  .luxe-table th, :where([data-ui="editorial-luxe"]) .usk-table th, :where([data-ui="editorial-luxe"]) .ui-table th {
    background: none;
    padding: .56rem 1rem;
    font-weight: 600;
  }

  .luxe-table td, :where([data-ui="editorial-luxe"]) .usk-table td, :where([data-ui="editorial-luxe"]) .ui-table td {
    padding: .58rem 1rem;
  }

  .luxe-nav, .luxe-panel, .luxe-toolbar, .luxe-tooltip, [data-ui="editorial-luxe"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .luxe-card-service, .luxe-feature-strip, .luxe-callout-bar, :where([data-ui="editorial-luxe"]) .usk-nav, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-tooltip, :where([data-ui="editorial-luxe"]) .ui-nav, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-tooltip {
    border: 1px solid var(--luxe-border);
    box-shadow: inset 0 0 0 4px var(--luxe-surface-strong);
    border-radius: 0;
  }

  .luxe-nav, :where([data-ui="editorial-luxe"]) .usk-nav, :where([data-ui="editorial-luxe"]) .ui-nav {
    border-block-style: solid double;
    border-block-width: 1px 3px;
    border-inline: 0;
  }

  .luxe-card-service, .luxe-feature-item {
    border-block-start: 3px double var(--luxe-border);
  }

  .luxe-callout-bar {
    border-block: 3px double var(--luxe-border);
    border-inline: 0;
  }

  .luxe-tooltip-arrow {
    transform: rotate(45deg);
  }

  .luxe-progress-bar, :where([data-ui="editorial-luxe"]) .usk-progress-bar, :where([data-ui="editorial-luxe"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--luxe-success),var(--luxe-warning));
  }

  .luxe-card, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .ui-card {
    border-radius: .02rem;
  }

  [data-ui="editorial-luxe"][data-mode] {
    --usk-native-card-bg: linear-gradient(rgb(var(--luxe-text-rgb) / .12), rgb(var(--luxe-text-rgb) / .12)), var(--luxe-surface);
  }

  .luxe-panel, .luxe-card-service, .luxe-feature-strip, .luxe-callout-bar {
    background: linear-gradient(90deg,transparent 0 58%,rgb(var(--luxe-border-rgb)/.32) 58% calc(58% + 1px),transparent calc(58% + 1px)),linear-gradient(rgb(var(--luxe-text-rgb)/.12),rgb(var(--luxe-text-rgb)/.12)),var(--luxe-card-bg);
  }

  .luxe-feature-strip {
    background: linear-gradient(90deg,transparent 0 33.333%,rgb(var(--luxe-border-rgb)/.32) 33.333% calc(33.333% + 1px),transparent calc(33.333% + 1px) 66.666%,rgb(var(--luxe-border-rgb)/.32) 66.666% calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(rgb(var(--luxe-text-rgb)/.12),rgb(var(--luxe-text-rgb)/.12)),var(--luxe-card-bg);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="editorial-luxe"] *, [data-ui="editorial-luxe"] :before, [data-ui="editorial-luxe"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="editorial-luxe"] {
      --luxe-border-alpha: 1;
      --luxe-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="editorial-luxe"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="editorial-luxe"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="editorial-luxe"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="editorial-luxe"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="editorial-luxe"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .luxe-input[aria-invalid="true"], .luxe-textarea[aria-invalid="true"], .luxe-select[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .usk-input[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .usk-textarea[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .usk-select[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .ui-input[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .ui-textarea[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .ui-select[aria-invalid="true"] {
    border-color: var(--luxe-danger);
    box-shadow: 0 0 0 2px rgb(var(--luxe-danger-rgb)/.18);
  }

  .luxe-input[readonly], .luxe-textarea[readonly], :where([data-ui="editorial-luxe"]) .usk-input[readonly], :where([data-ui="editorial-luxe"]) .usk-textarea[readonly], :where([data-ui="editorial-luxe"]) .ui-input[readonly], :where([data-ui="editorial-luxe"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .luxe-button-primary, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
    border-color: var(--luxe-primary);
  }

  .luxe-button-secondary, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--luxe-surface);
    color: var(--luxe-text);
    border-color: var(--luxe-border);
  }

  .luxe-button-danger, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--luxe-danger);
    color: var(--luxe-on-danger);
    border-color: var(--luxe-danger);
  }

  .luxe-button-ghost, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--luxe-primary));
    background: none;
    border-color: #0000;
  }

  .luxe-feature-item > .luxe-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .luxe-callout-bar > .luxe-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="editorial-luxe"][data-mode="light"] {
    --luxe-fallback-bg-rgb: 248 245 239;
    --luxe-fallback-surface-rgb: 248 245 239;
    --luxe-fallback-surface-strong-rgb: 255 253 250;
    --luxe-fallback-surface-soft-rgb: 222 219 212;
    --luxe-fallback-text-rgb: 17 20 19;
    --luxe-fallback-text-muted-rgb: 99 96 90;
    --luxe-fallback-border-rgb: 112 109 101;
    --luxe-fallback-primary-rgb: 18 50 41;
    --luxe-fallback-primary-hover-rgb: 39 72 61;
    --luxe-fallback-primary-text-rgb: 244 240 232;
    --luxe-fallback-secondary-rgb: 17 20 19;
    --luxe-fallback-secondary-text-rgb: 244 240 232;
    --luxe-fallback-accent-rgb: 165 130 70;
    --luxe-fallback-accent-text-rgb: 17 20 19;
    --luxe-fallback-success-rgb: 18 50 41;
    --luxe-fallback-success-text-rgb: 244 240 232;
    --luxe-fallback-warning-rgb: 130 94 35;
    --luxe-fallback-warning-text-rgb: 255 255 255;
    --luxe-fallback-danger-rgb: 125 17 19;
    --luxe-fallback-danger-text-rgb: 255 255 255;
    --luxe-fallback-link-rgb: 125 17 19;
    --luxe-fallback-focus-rgb: 130 94 35;
    --luxe-status-success: rgb(var(--usk-success-rgb, 18 50 41));
    --luxe-status-danger: rgb(var(--usk-danger-rgb, 125 17 19));
  }

  [data-ui="editorial-luxe"][data-mode="dark"] {
    --luxe-fallback-bg-rgb: 14 17 16;
    --luxe-fallback-surface-rgb: 14 17 16;
    --luxe-fallback-surface-strong-rgb: 18 22 21;
    --luxe-fallback-surface-soft-rgb: 48 50 48;
    --luxe-fallback-text-rgb: 232 223 210;
    --luxe-fallback-text-muted-rgb: 172 163 151;
    --luxe-fallback-border-rgb: 149 130 92;
    --luxe-fallback-primary-rgb: 24 56 46;
    --luxe-fallback-primary-hover-rgb: 40 73 62;
    --luxe-fallback-primary-text-rgb: 232 223 210;
    --luxe-fallback-secondary-rgb: 232 223 210;
    --luxe-fallback-secondary-text-rgb: 17 20 19;
    --luxe-fallback-accent-rgb: 195 164 106;
    --luxe-fallback-accent-text-rgb: 17 20 19;
    --luxe-fallback-success-rgb: 24 56 46;
    --luxe-fallback-success-text-rgb: 232 223 210;
    --luxe-fallback-warning-rgb: 195 164 106;
    --luxe-fallback-warning-text-rgb: 17 20 19;
    --luxe-fallback-danger-rgb: 141 27 28;
    --luxe-fallback-danger-text-rgb: 255 255 255;
    --luxe-fallback-link-rgb: 232 223 210;
    --luxe-fallback-focus-rgb: 195 164 106;
    --luxe-status-success: rgb(var(--usk-success-rgb, 151 196 172));
    --luxe-status-danger: rgb(var(--usk-danger-rgb, 239 151 152));
  }

  [data-ui="editorial-luxe"][data-mode="contrast"] {
    --luxe-status-success: var(--luxe-success);
    --luxe-status-danger: var(--luxe-danger);
  }

  [data-ui="editorial-luxe"][data-mode] {
    --luxe-font-display: Didot, "Bodoni MT", "Times New Roman", serif;
    --luxe-font-heading: var(--luxe-font-display);
    --luxe-font-body: "Iowan Old Style", Georgia, serif;
    --luxe-font-control: "Arial Narrow", "Liberation Sans Narrow", Arial, sans-serif;
    --luxe-brass: rgb(var(--usk-accent-rgb, 165 130 70));
    --luxe-brass-light: rgb(var(--usk-accent-rgb, 196 166 109));
    --luxe-on-brass: rgb(var(--usk-accent-text-rgb, 17 20 19));
    --luxe-rule-soft: rgb(var(--luxe-border-rgb) / .35);
    --luxe-card-bg: var(--luxe-surface);
    --luxe-control-bg: transparent;
    --luxe-radius-xs: 0;
    --luxe-radius-sm: 0;
    --luxe-radius-md: 0;
    --luxe-radius-lg: 0;
    --usk-native-font-control: var(--luxe-font-control);
    --usk-native-card-bg: var(--luxe-surface);
    --usk-native-control-bg: transparent;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-control-min-block-size: 2.125rem;
    --usk-native-control-padding-block: .375rem;
    --usk-native-control-padding-inline: .75rem;
    --usk-native-range-track-background: var(--luxe-border);
    --usk-native-range-progress-background: var(--luxe-border);
    --usk-native-range-thumb-background: var(--luxe-brass-light);
    --usk-native-range-thumb-border: 1px solid var(--luxe-brass);
    --usk-native-progress-value-background: var(--luxe-primary);
    --usk-native-choice-checked-background: var(--luxe-primary);
  }

  .luxe-sheet {
    border: 4px double var(--luxe-border);
    outline: 1px solid var(--luxe-rule-soft);
    outline-offset: -12px;
    color: var(--luxe-text);
    background: var(--luxe-surface);
    font-family: var(--luxe-font-body);
    padding: 32px;
    position: relative;
  }

  .luxe-sheet *, .luxe-sheet :before, .luxe-sheet :after {
    box-sizing: border-box;
    letter-spacing: 0;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-sheet :where(article, aside, section, figure, fieldset) {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .luxe-masthead {
    border-bottom: 1px solid var(--luxe-border);
    justify-content: space-between;
    align-items: start;
    gap: 24px;
    padding-bottom: 16px;
    display: flex;
  }

  .luxe-masthead .luxe-kicker {
    color: var(--luxe-text-muted);
  }

  .luxe-badge-seal > strong {
    font-size: 28px;
    line-height: 1;
  }

  .luxe-badge-seal > small {
    font-size: 12px;
    line-height: 1.25;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-masthead-title {
    font-family: var(--luxe-font-display);
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
    font-size: 76px;
    font-weight: 400;
    line-height: 1;
  }

  .luxe-collection-rail {
    align-content: start;
    gap: 24px;
    display: grid;
  }

  .luxe-collection-rail ol {
    counter-reset: collection;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .luxe-collection-rail li {
    counter-increment: collection;
    font-family: var(--luxe-font-control);
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    display: flex;
  }

  .luxe-collection-rail li:before {
    content: counter(collection,decimal-leading-zero);
    font: 10px var(--luxe-font-mono);
    color: var(--luxe-text-muted);
  }

  .luxe-portrait {
    aspect-ratio: 388 / 434;
    border: 1px solid var(--luxe-border);
    overflow: hidden;
  }

  .luxe-portrait img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .luxe-story {
    flex-direction: column;
    align-items: start;
    gap: 20px;
    display: flex;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-story-title {
    font: 400 62px/.96 var(--luxe-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
  }

  .luxe-byline {
    font: 10px/1.5 var(--luxe-font-control);
    text-transform: uppercase;
    margin: auto 0 0;
  }

  .luxe-deck {
    max-width: 34ch;
    font: 15px/1.5 var(--luxe-font-body);
    margin: 0;
  }

  .luxe-colophon {
    border-top: 1px solid var(--luxe-border);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    padding-top: 20px;
    font-size: 11px;
    display: flex;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-section-title {
    font: 12px/1.4 var(--luxe-font-control);
    text-transform: uppercase;
    align-items: center;
    gap: 16px;
    margin: 0 0 20px;
    display: flex;
  }

  .luxe-section-title:after {
    content: "";
    background: var(--luxe-border);
    flex: 1;
    height: 1px;
  }

  .luxe-section-number {
    font: 10px var(--luxe-font-mono);
    color: var(--luxe-status-danger);
  }

  .luxe-sheet .luxe-label, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-label, :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-label {
    color: var(--luxe-text-muted);
    font: 10px/1.4 var(--luxe-font-control);
    text-transform: uppercase;
    margin: 0;
  }

  .luxe-button, .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-button, :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-button, :where([data-ui="editorial-luxe"]) .ui-icon-button {
    border: 1px solid var(--luxe-border);
    clip-path: none;
    min-height: 34px;
    box-shadow: none;
    font-family: var(--luxe-font-control);
    border-radius: 0;
    padding: 8px 16px;
    font-weight: 400;
  }

  .luxe-sheet .luxe-button, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-button, :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-button {
    text-transform: uppercase;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1.35;
    display: inline-flex;
  }

  .luxe-button-primary, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="primary"]) {
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
    border-color: var(--luxe-primary);
  }

  .luxe-button-secondary, .luxe-button-ghost, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="secondary"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--luxe-text);
    border-color: var(--luxe-border);
    background: none;
  }

  .luxe-button-danger, :where([data-ui="editorial-luxe"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .ui-button:where([data-ui-variant="danger"]) {
    color: var(--luxe-on-danger);
    background: var(--luxe-danger);
    border-color: var(--luxe-danger);
  }

  .luxe-button:before, :where([data-ui="editorial-luxe"]) .usk-button:before, :where([data-ui="editorial-luxe"]) .ui-button:before {
    content: none;
  }

  .luxe-button:hover:not(:disabled), :where([data-ui="editorial-luxe"]) .usk-button:hover:not(:disabled), :where([data-ui="editorial-luxe"]) .ui-button:hover:not(:disabled) {
    box-shadow: inset 0 0 0 1px var(--luxe-brass);
  }

  .luxe-button:active, .luxe-button.is-pressed, :where([data-ui="editorial-luxe"]) .usk-button:active, :where([data-ui="editorial-luxe"]) .usk-button.is-pressed, :where([data-ui="editorial-luxe"]) .ui-button:active, :where([data-ui="editorial-luxe"]) .ui-button.is-pressed {
    box-shadow: inset 0 0 0 1px var(--luxe-brass);
    transform: none;
  }

  .luxe-button:disabled, :where([data-ui="editorial-luxe"]) .usk-button:disabled, :where([data-ui="editorial-luxe"]) .ui-button:disabled {
    color: var(--luxe-text-muted);
    background: var(--luxe-surface-soft);
    border-color: var(--luxe-rule-soft);
    box-shadow: none;
    opacity: .65;
  }

  .luxe-input, .luxe-select, .luxe-textarea, :where([data-ui="editorial-luxe"]) .usk-input, :where([data-ui="editorial-luxe"]) .usk-select, :where([data-ui="editorial-luxe"]) .usk-textarea, :where([data-ui="editorial-luxe"]) .ui-input, :where([data-ui="editorial-luxe"]) .ui-select, :where([data-ui="editorial-luxe"]) .ui-textarea {
    min-height: 34px;
    color: var(--luxe-text);
    border: 1px solid var(--luxe-border);
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
    padding: 8px 10px;
  }

  .luxe-sheet :is(.luxe-input,.luxe-select,.luxe-textarea), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(.usk-input,.usk-select,.usk-textarea), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(.ui-input,.ui-select,.ui-textarea) {
    width: 100%;
    min-width: 0;
    font: 12px/1.4 var(--luxe-font-body);
  }

  .luxe-textarea, :where([data-ui="editorial-luxe"]) .usk-textarea, :where([data-ui="editorial-luxe"]) .ui-textarea {
    resize: vertical;
  }

  .luxe-input.luxe-input-valid, :where([data-ui="editorial-luxe"]) .usk-input.luxe-input-valid, :where([data-ui="editorial-luxe"]) .ui-input.luxe-input-valid {
    border-color: var(--luxe-status-success);
    box-shadow: inset 2px 0 var(--luxe-status-success);
  }

  .luxe-input[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .usk-input[aria-invalid="true"], :where([data-ui="editorial-luxe"]) .ui-input[aria-invalid="true"] {
    border-color: var(--luxe-status-danger);
    box-shadow: inset 2px 0 var(--luxe-status-danger);
  }

  .luxe-help-error {
    color: var(--luxe-status-danger);
    font-size: 12px;
  }

  .luxe-file-upload, :where([data-ui="editorial-luxe"]) .usk-file-upload, :where([data-ui="editorial-luxe"]) .ui-file-upload {
    display: grid;
    position: relative;
  }

  .luxe-file-upload input, :where([data-ui="editorial-luxe"]) .usk-file-upload input, :where([data-ui="editorial-luxe"]) .ui-file-upload input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    position: absolute;
    inset: 0;
  }

  .luxe-file-drop {
    border: 1px solid var(--luxe-border);
    min-height: 160px;
    color: var(--luxe-text);
    text-align: center;
    font: 11px/1.5 var(--luxe-font-control);
    text-transform: uppercase;
    align-content: center;
    justify-items: center;
    gap: 16px;
    padding: 16px;
    display: grid;
  }

  .luxe-file-drop svg {
    stroke-width: 1px;
    width: 36px;
    height: 36px;
  }

  .luxe-file-upload:focus-within, .luxe-switch-segment:focus-within, :where([data-ui="editorial-luxe"]) .usk-file-upload:focus-within, :where([data-ui="editorial-luxe"]) .ui-file-upload:focus-within {
    outline: 2px solid var(--luxe-focus);
    outline-offset: 3px;
  }

  .luxe-select-panel {
    border: 1px solid var(--luxe-border);
    padding: 4px;
  }

  .luxe-option {
    width: 100%;
    min-height: 34px;
    box-shadow: none;
    color: var(--luxe-text);
    font: 11px var(--luxe-font-control);
    text-align: left;
    text-transform: uppercase;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 8px 10px;
    display: block;
  }

  .luxe-option[aria-selected="true"] {
    color: var(--luxe-on-danger);
    background: var(--luxe-danger);
  }

  .luxe-check, .luxe-radio, :where([data-ui="editorial-luxe"]) .usk-check, :where([data-ui="editorial-luxe"]) .usk-radio, :where([data-ui="editorial-luxe"]) .ui-check, :where([data-ui="editorial-luxe"]) .ui-radio {
    min-height: 32px;
    font: 11px var(--luxe-font-control);
    gap: 8px;
  }

  .luxe-sheet :is(.luxe-check,.luxe-radio), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(.usk-check,.usk-radio), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(.ui-check,.ui-radio) {
    margin: 0;
    display: flex;
  }

  .luxe-check-control, .luxe-radio-control, :where([data-ui="editorial-luxe"]) .usk-check-control, :where([data-ui="editorial-luxe"]) .usk-radio-control, :where([data-ui="editorial-luxe"]) .ui-check-control, :where([data-ui="editorial-luxe"]) .ui-radio-control {
    border: 1px solid var(--luxe-border);
    width: 16px;
    min-width: 16px;
    height: 16px;
    box-shadow: none;
    background: none;
  }

  .luxe-check input:checked+.luxe-check-control, .luxe-radio input:checked+.luxe-radio-control, :where([data-ui="editorial-luxe"]) .usk-check input:checked+.usk-check-control, :where([data-ui="editorial-luxe"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="editorial-luxe"]) .ui-check input:checked+.ui-check-control, :where([data-ui="editorial-luxe"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--luxe-primary);
    color: var(--luxe-on-primary);
    border-color: var(--luxe-border);
  }

  .luxe-check input:checked+.luxe-check-control:after, :where([data-ui="editorial-luxe"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="editorial-luxe"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    border: 2px solid;
    border-width: 0 2px 2px 0;
    width: 4px;
    height: 8px;
    display: block;
    transform: translateY(-1px) rotate(45deg);
  }

  .luxe-switch-segment {
    border: 1px solid var(--luxe-border);
    cursor: pointer;
    grid-template-columns: repeat(2, 1fr);
    width: 140px;
    min-height: 36px;
    display: inline-grid;
    position: relative;
  }

  .luxe-switch-segment input {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
  }

  .luxe-switch-segment span {
    min-height: 34px;
    font: 11px var(--luxe-font-control);
    text-transform: uppercase;
    place-items: center;
    display: grid;
  }

  .luxe-switch-segment input:not(:checked) ~ span:first-of-type, .luxe-switch-segment input:checked ~ span:last-of-type {
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
  }

  .luxe-range {
    appearance: none;
    background: none;
    border: 0;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0;
  }

  .luxe-range::-webkit-slider-runnable-track {
    background: var(--luxe-border);
    height: 1px;
  }

  .luxe-range::-webkit-slider-thumb {
    appearance: none;
    border: 1px solid var(--luxe-brass);
    background: var(--luxe-brass-light);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-top: -7px;
  }

  .luxe-range::-moz-range-track {
    background: var(--luxe-border);
    height: 1px;
  }

  .luxe-range::-moz-range-thumb {
    border: 1px solid var(--luxe-brass);
    background: var(--luxe-brass-light);
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  .luxe-range-scale {
    color: var(--luxe-text-muted);
    font: 10px var(--luxe-font-mono);
    justify-content: space-between;
    display: flex;
    position: relative;
  }

  .luxe-range-scale:before {
    content: "";
    background: repeating-linear-gradient(90deg,var(--luxe-rule-soft)0 1px,transparent 1px 12.5%);
    pointer-events: none;
    height: 6px;
    position: absolute;
    inset: -18px 0 auto;
  }

  .luxe-progress, :where([data-ui="editorial-luxe"]) .usk-progress, :where([data-ui="editorial-luxe"]) .ui-progress {
    background: var(--luxe-surface-soft);
    border: 0;
    border-radius: 0;
    height: 8px;
  }

  .luxe-progress-bar, :where([data-ui="editorial-luxe"]) .usk-progress-bar, :where([data-ui="editorial-luxe"]) .ui-progress-bar {
    background: var(--luxe-primary);
    height: 100%;
    display: block;
  }

  .luxe-segmented-progress {
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    height: 5px;
    display: grid;
  }

  .luxe-segmented-progress i {
    background: var(--luxe-surface-soft);
  }

  .luxe-segmented-progress .is-done {
    background: var(--luxe-brass);
  }

  .luxe-meter {
    background: linear-gradient(90deg,var(--luxe-danger)0 25%,var(--luxe-brass) 25% 66%,var(--luxe-surface-soft) 66%);
    height: 8px;
    position: relative;
  }

  .luxe-meter:after {
    content: "";
    left: clamp(0%,calc(var(--luxe-value, 80)*1%),100%);
    background: var(--luxe-status-success);
    width: 3px;
    height: 18px;
    position: absolute;
    top: -5px;
  }

  .luxe-alert, :where([data-ui="editorial-luxe"]) .usk-alert, :where([data-ui="editorial-luxe"]) .ui-alert {
    border: 1px solid var(--luxe-status-success);
    box-shadow: none;
    font: 12px/1.45 var(--luxe-font-body);
    background: none;
    align-items: center;
    gap: 8px;
    padding: 8px;
    display: flex;
  }

  .luxe-alert>div, :where([data-ui="editorial-luxe"]) .usk-alert>div, :where([data-ui="editorial-luxe"]) .ui-alert>div {
    flex: 1;
    min-width: 0;
  }

  .luxe-alert-mark, .luxe-alert-close {
    flex-shrink: 0;
  }

  .luxe-alert-success, :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="success"]) {
    --luxe-alert-color: var(--luxe-status-success);
    --luxe-alert-fill: var(--luxe-success);
    --luxe-alert-ink: var(--luxe-on-success);
  }

  .luxe-sheet .luxe-alert-warning, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-alert:where([data-ui-variant="warning"]) {
    --luxe-alert-color: var(--luxe-warning);
    --luxe-alert-fill: var(--luxe-warning);
    --luxe-alert-ink: var(--luxe-on-warning);
    border-color: var(--luxe-warning);
  }

  .luxe-sheet .luxe-alert-danger, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-alert:where([data-ui-variant="danger"]) {
    --luxe-alert-color: var(--luxe-status-danger);
    --luxe-alert-fill: var(--luxe-danger);
    --luxe-alert-ink: var(--luxe-on-danger);
    border-color: var(--luxe-status-danger);
  }

  .luxe-alert strong, :where([data-ui="editorial-luxe"]) .usk-alert strong, :where([data-ui="editorial-luxe"]) .ui-alert strong {
    color: var(--luxe-alert-color);
    font: 600 10px/1.4 var(--luxe-font-control);
    text-transform: uppercase;
    display: block;
  }

  .luxe-alert-mark {
    width: 24px;
    height: 24px;
    color: var(--luxe-alert-ink);
    background: var(--luxe-alert-fill);
    border-radius: 50%;
    place-items: center;
    display: grid;
  }

  .luxe-alert-mark svg {
    width: 16px;
    height: 16px;
  }

  .luxe-alert-mark > span {
    place-items: center;
    width: 100%;
    height: 100%;
    line-height: 1;
    display: grid;
  }

  .luxe-alert-mark svg {
    display: block;
  }

  .luxe-badge-warning, .luxe-alert-warning .luxe-alert-mark, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="warning"]) .luxe-alert-mark, :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="warning"]) .luxe-alert-mark {
    color: #fff;
    background: #624315;
  }

  @supports (color: color-mix(in srgb,#fff,#000)) {
    .luxe-badge-warning, .luxe-alert-warning .luxe-alert-mark, :where([data-ui="editorial-luxe"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .usk-alert:where([data-ui-variant="warning"]) .luxe-alert-mark, :where([data-ui="editorial-luxe"]) .ui-badge:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"]) .ui-alert:where([data-ui-variant="warning"]) .luxe-alert-mark {
      background: color-mix(in srgb,var(--luxe-warning) 45%,#000);
    }
  }

  .luxe-alert-close {
    width: 24px;
    min-height: 24px;
    box-shadow: none;
    color: var(--luxe-text-muted);
    background: none;
    border: 0;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .luxe-alert-close svg {
    width: 16px;
    height: 16px;
  }

  .luxe-tabs, :where([data-ui="editorial-luxe"]) .usk-tabs, :where([data-ui="editorial-luxe"]) .ui-tabs {
    border: 0;
  }

  .luxe-tab-list, :where([data-ui="editorial-luxe"]) .usk-tab-list, :where([data-ui="editorial-luxe"]) .ui-tab-list {
    border-bottom: 1px solid var(--luxe-border);
    display: flex;
  }

  .luxe-tab, :where([data-ui="editorial-luxe"]) .usk-tab, :where([data-ui="editorial-luxe"]) .ui-tab {
    min-width: 0;
    min-height: 34px;
    box-shadow: none;
    color: var(--luxe-text);
    font: 11px var(--luxe-font-control);
    text-transform: uppercase;
    background: none;
    border: 1px solid #0000;
    border-radius: 0;
    flex: 1;
    padding: 8px;
  }

  .luxe-tab[aria-selected="true"], :where([data-ui="editorial-luxe"]) .usk-tab[aria-selected="true"], :where([data-ui="editorial-luxe"]) .ui-tab[aria-selected="true"] {
    border-color: var(--luxe-border);
    border-bottom-color: var(--luxe-surface);
  }

  .luxe-tab-panel, :where([data-ui="editorial-luxe"]) .usk-tab-panel, :where([data-ui="editorial-luxe"]) .ui-tab-panel {
    padding: 20px 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .luxe-table-wrap, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .ui-table-wrap {
    box-shadow: none;
    background: none;
    border: 0;
    overflow-x: auto;
  }

  .luxe-sheet .luxe-table, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-table, :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-table {
    font: 12px/1.4 var(--luxe-font-body);
    border: 0;
  }

  .luxe-table th, :where([data-ui="editorial-luxe"]) .usk-table th, :where([data-ui="editorial-luxe"]) .ui-table th {
    border-block: 1px solid var(--luxe-border);
    color: var(--luxe-text);
    font: 10px var(--luxe-font-control);
    text-transform: uppercase;
    background: none;
  }

  .luxe-table td, :where([data-ui="editorial-luxe"]) .usk-table td, :where([data-ui="editorial-luxe"]) .ui-table td {
    border-bottom: 1px solid var(--luxe-rule-soft);
  }

  .luxe-sheet .luxe-table :is(th,td), :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-table :is(th,td), :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-table :is(th,td) {
    white-space: nowrap;
    padding: 8px 6px;
  }

  .luxe-badge-medallion {
    border: 4px double var(--luxe-brass-light);
    width: 48px;
    height: 48px;
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
    font: 10px var(--luxe-font-control);
    text-transform: uppercase;
    border-radius: 50%;
    place-items: center;
    padding: 4px;
    display: inline-grid;
  }

  .luxe-badge-medallion.luxe-badge-danger, :where([data-ui="editorial-luxe"]) .luxe-badge-medallion.usk-badge:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"]) .luxe-badge-medallion.ui-badge:where([data-ui-variant="danger"]) {
    color: var(--luxe-on-danger);
    background: var(--luxe-danger);
  }

  .luxe-badge-brass {
    color: var(--luxe-on-brass);
    background: var(--luxe-brass-light);
  }

  .luxe-pagination, :where([data-ui="editorial-luxe"]) .usk-pagination, :where([data-ui="editorial-luxe"]) .ui-pagination {
    display: inline-flex;
  }

  .luxe-pagination button, :where([data-ui="editorial-luxe"]) .usk-pagination button, :where([data-ui="editorial-luxe"]) .ui-pagination button {
    border: 1px solid var(--luxe-rule-soft);
    width: 32px;
    min-height: 34px;
    box-shadow: none;
    color: var(--luxe-text);
    font: 11px var(--luxe-font-mono);
    background: none;
    border-radius: 0;
    padding: 4px;
  }

  .luxe-pagination button[aria-current="page"], :where([data-ui="editorial-luxe"]) .usk-pagination button[aria-current="page"], :where([data-ui="editorial-luxe"]) .ui-pagination button[aria-current="page"] {
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
  }

  .luxe-stepper, :where([data-ui="editorial-luxe"]) .usk-stepper, :where([data-ui="editorial-luxe"]) .ui-stepper {
    border: 1px solid var(--luxe-border);
    grid-template-columns: 36px 64px 36px;
    display: inline-grid;
  }

  .luxe-stepper :is(button,output), :where([data-ui="editorial-luxe"]) .usk-stepper :is(button,output), :where([data-ui="editorial-luxe"]) .ui-stepper :is(button,output) {
    min-height: 34px;
    box-shadow: none;
    color: var(--luxe-text);
    font: 12px var(--luxe-font-mono);
    background: none;
    border: 0;
    border-radius: 0;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .luxe-stepper output, :where([data-ui="editorial-luxe"]) .usk-stepper output, :where([data-ui="editorial-luxe"]) .ui-stepper output {
    border-inline: 1px solid var(--luxe-rule-soft);
  }

  .luxe-stepper svg, .luxe-pagination svg, :where([data-ui="editorial-luxe"]) .usk-stepper svg, :where([data-ui="editorial-luxe"]) .usk-pagination svg, :where([data-ui="editorial-luxe"]) .ui-stepper svg, :where([data-ui="editorial-luxe"]) .ui-pagination svg {
    width: 16px;
    height: 16px;
  }

  .luxe-tooltip, [data-ui="editorial-luxe"] :where(.ui-tooltip,[role="tooltip"]), :where([data-ui="editorial-luxe"]) .usk-tooltip, :where([data-ui="editorial-luxe"]) .ui-tooltip {
    color: var(--luxe-on-primary);
    background: var(--luxe-primary);
    box-shadow: none;
    font: 12px/1.5 var(--luxe-font-body);
    border: 0;
    padding: 16px;
    position: relative;
  }

  .luxe-tooltip:after, :where([data-ui="editorial-luxe"]) .usk-tooltip:after, :where([data-ui="editorial-luxe"]) .ui-tooltip:after {
    content: "";
    background: var(--luxe-primary);
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -7px;
    left: 24px;
    rotate: 45deg;
  }

  .luxe-dialog {
    border: 3px double var(--luxe-border);
    max-width: 520px;
    color: var(--luxe-text);
    background: var(--luxe-surface-strong);
    box-shadow: none;
    text-align: center;
    border-radius: 0;
    padding: 16px;
  }

  .luxe-sheet .luxe-dialog {
    border: 3px double var(--luxe-border);
    background: var(--luxe-surface-strong);
    padding: 12px;
  }

  dialog.luxe-dialog:not([open]) {
    display: none;
  }

  dialog.luxe-dialog[open] {
    width: min(520px, 100% - 32px);
    margin: auto;
    position: fixed;
    inset: 0;
  }

  .luxe-dialog::backdrop {
    background: #0009;
  }

  .luxe-dialog-actions {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
    display: flex;
  }

  .luxe-details {
    border-top: 1px solid var(--luxe-border);
    font-size: 12px;
  }

  .luxe-details summary {
    font-family: var(--luxe-font-control);
    padding: 12px 0;
  }

  [data-ui="editorial-luxe"][data-mode] details.luxe-details {
    border: 0;
    border-top: 1px solid var(--luxe-border);
    box-shadow: none;
    background: none;
    padding: 0;
  }

  .luxe-skeleton, :where([data-ui="editorial-luxe"]) .usk-skeleton, :where([data-ui="editorial-luxe"]) .ui-skeleton {
    gap: 8px;
    display: grid;
  }

  .luxe-skeleton i, :where([data-ui="editorial-luxe"]) .usk-skeleton i, :where([data-ui="editorial-luxe"]) .ui-skeleton i {
    background: var(--luxe-surface-soft);
    height: 6px;
    animation: 1.7s ease-in-out infinite luxe-pulse;
  }

  .luxe-skeleton i:nth-child(2), :where([data-ui="editorial-luxe"]) .usk-skeleton i:nth-child(2), :where([data-ui="editorial-luxe"]) .ui-skeleton i:nth-child(2) {
    width: 76%;
  }

  .luxe-spinner, .luxe-loading-spinner, [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="editorial-luxe"]) .usk-spinner, :where([data-ui="editorial-luxe"]) .ui-spinner {
    width: 28px;
    height: 28px;
    border: 2px solid var(--luxe-rule-soft);
    border-top-color: var(--luxe-brass);
    border-bottom-color: var(--luxe-brass);
    block-size: 28px;
    inline-size: 28px;
    box-shadow: none;
    clip-path: none;
    background: none;
    border-radius: 50%;
    flex-shrink: 0;
    animation: 1.8s linear infinite luxe-spin;
    position: relative;
  }

  .luxe-spinner:before, .luxe-loading-spinner:before, [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, :where([data-ui="editorial-luxe"]) .usk-spinner:before, :where([data-ui="editorial-luxe"]) .ui-spinner:before {
    content: "";
    border: 1px solid #0000;
    border-inline-color: var(--luxe-text);
    border-radius: 50%;
    animation: 1.2s linear infinite luxe-counter-spin;
    position: absolute;
    inset: 4px;
  }

  .luxe-spinner-sm {
    width: 18px;
    height: 18px;
    block-size: 18px;
    inline-size: 18px;
  }

  .luxe-spinner-lg {
    width: 40px;
    height: 40px;
    block-size: 40px;
    inline-size: 40px;
  }

  .luxe-spinner-sm:before {
    inset: 2px;
  }

  .luxe-button[aria-busy="true"]:after, [data-ui="editorial-luxe"] :where(button[aria-busy="true"]):after, :where([data-ui="editorial-luxe"]) .usk-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-button[aria-busy="true"]:after {
    width: 12px;
    height: 12px;
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px solid;
    border-right-color: #0000;
    border-radius: 50%;
    flex: 0 0 12px;
    animation: .9s linear infinite luxe-spin;
  }

  .luxe-sheet [hidden] {
    display: none !important;
  }

  .luxe-sheet :is(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--luxe-focus);
    outline-offset: 3px;
  }

  .luxe-card, .luxe-panel, .luxe-toolbar, .luxe-well, .luxe-card-service, .luxe-feature-strip, .luxe-callout-bar, :where([data-ui="editorial-luxe"]) .usk-card, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .ui-card, :where([data-ui="editorial-luxe"]) .ui-toolbar {
    background: var(--luxe-surface);
    border: 1px solid var(--luxe-border);
    box-shadow: none;
    border-radius: 0;
  }

  [data-ui="editorial-luxe"][data-mode] :where(fieldset, article, aside) {
    background: var(--luxe-surface);
  }

  @keyframes luxe-pulse {
    50% {
      opacity: .45;
    }
  }

  @keyframes luxe-counter-spin {
    to {
      transform: rotate(-360deg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .luxe-spinner, .luxe-loading-spinner, .luxe-spinner:before, .luxe-loading-spinner:before, [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), [data-ui="editorial-luxe"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, .luxe-spinner, .luxe-skeleton i, .luxe-button[aria-busy="true"]:after, [data-ui="editorial-luxe"] :where(.ui-spinner,button[aria-busy="true"]):after, :where([data-ui="editorial-luxe"]) .usk-spinner, :where([data-ui="editorial-luxe"]) .usk-spinner:before, :where([data-ui="editorial-luxe"]) .usk-skeleton i, :where([data-ui="editorial-luxe"]) .usk-button[aria-busy="true"]:after, :where([data-ui="editorial-luxe"]) .ui-spinner, :where([data-ui="editorial-luxe"]) .ui-spinner:before, :where([data-ui="editorial-luxe"]) .ui-skeleton i, :where([data-ui="editorial-luxe"]) .ui-button[aria-busy="true"]:after {
      animation: none !important;
    }
  }

  @media (pointer: coarse) {
    .luxe-sheet :is(button,.luxe-input,.luxe-select,.luxe-check,.luxe-radio,.luxe-switch-segment,.luxe-range,.luxe-file-drop), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(button,.usk-input,.usk-select,.usk-check,.usk-radio,.luxe-switch-segment,.luxe-range,.luxe-file-drop), :where([data-ui="editorial-luxe"]) .luxe-sheet :is(button,.ui-input,.ui-select,.ui-check,.ui-radio,.luxe-switch-segment,.luxe-range,.luxe-file-drop) {
      min-height: 44px;
    }

    .luxe-sheet .luxe-alert-close, .luxe-sheet .luxe-pagination button, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-pagination button, :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-pagination button {
      width: 44px;
    }

    .luxe-sheet .luxe-stepper, :where([data-ui="editorial-luxe"]) .luxe-sheet .usk-stepper, :where([data-ui="editorial-luxe"]) .luxe-sheet .ui-stepper {
      grid-template-columns: 44px 64px 44px;
    }
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-button.luxe-button-warning, :where([data-ui="editorial-luxe"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="editorial-luxe"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--luxe-warning);
    color: var(--luxe-on-warning);
    border-color: var(--luxe-warning);
    text-shadow: none;
  }

  [data-ui="editorial-luxe"][data-theme][data-mode="contrast"] .luxe-button.luxe-button-danger, :where([data-ui="editorial-luxe"])[data-theme][data-mode="contrast"] .usk-button.usk-button:where([data-ui-variant="danger"]), :where([data-ui="editorial-luxe"])[data-theme][data-mode="contrast"] .ui-button.ui-button:where([data-ui-variant="danger"]) {
    color: rgb(var(--usk-danger-text-rgb, 0 0 0));
    text-shadow: none;
    background: #ff5270;
    border-color: #ff5270;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-badge-seal > strong {
    font-size: 28px;
    line-height: 1;
  }

  [data-ui="editorial-luxe"][data-mode] .luxe-badge-seal > small {
    font-size: 12px;
    line-height: 1.25;
  }
}


/* styles/organic-modern.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --organic-font-sans: "Organic DM Sans", ui-sans-serif, system-ui, sans-serif;
    --organic-font-display: "Organic Cormorant", Georgia, serif;
    --organic-font-body: var(--organic-font-sans);
    --organic-font-heading: var(--organic-font-display);
    --organic-font-control: var(--organic-font-sans);
    --organic-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --organic-radius-xs: .25rem;
    --organic-radius-sm: .5rem;
    --organic-radius-md: .75rem;
    --organic-radius-lg: 1.125rem;
    --organic-radius-xl: calc(1.125rem + .5rem);
    --organic-radius-pill: 999px;
    --organic-space-1: .25rem;
    --organic-space-2: .5rem;
    --organic-space-3: .75rem;
    --organic-space-4: 1rem;
    --organic-space-5: 1.25rem;
    --organic-space-6: 1.5rem;
    --organic-space-8: 2rem;
    --organic-transition-fast: .15s ease;
    --organic-transition-base: .24s ease;
  }

  [data-ui="organic-modern"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --organic-fallback-bg-rgb: 244 240 232;
    --organic-fallback-surface-rgb: 248 245 239;
    --organic-fallback-surface-strong-rgb: 236 231 220;
    --organic-fallback-surface-soft-rgb: 228 222 209;
    --organic-fallback-text-rgb: 43 41 36;
    --organic-fallback-text-muted-rgb: 100 97 88;
    --organic-fallback-border-rgb: 196 189 175;
    --organic-fallback-primary-rgb: 80 87 58;
    --organic-fallback-primary-hover-rgb: 62 69 43;
    --organic-fallback-primary-text-rgb: 247 244 236;
    --organic-fallback-secondary-rgb: 104 131 154;
    --organic-fallback-secondary-hover-rgb: 94 121 144;
    --organic-fallback-secondary-text-rgb: 0 0 0;
    --organic-fallback-accent-rgb: 104 112 74;
    --organic-fallback-accent-text-rgb: 255 255 255;
    --organic-fallback-success-rgb: 104 112 74;
    --organic-fallback-success-text-rgb: 255 255 255;
    --organic-fallback-warning-rgb: 179 145 89;
    --organic-fallback-warning-text-rgb: 0 0 0;
    --organic-fallback-danger-rgb: 184 79 43;
    --organic-fallback-danger-text-rgb: 255 255 255;
    --organic-fallback-link-rgb: 80 87 58;
    --organic-fallback-focus-rgb: 184 79 43;
    --organic-panel-alpha: .98;
    --organic-panel-soft-alpha: .78;
    --organic-border-alpha: .58;
    --organic-shadow-alpha: .12;
    --organic-focus-alpha: .34;
  }

  [data-ui="organic-modern"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --organic-fallback-bg-rgb: 11 13 11;
    --organic-fallback-surface-rgb: 17 19 15;
    --organic-fallback-surface-strong-rgb: 25 26 21;
    --organic-fallback-surface-soft-rgb: 34 35 27;
    --organic-fallback-text-rgb: 230 223 210;
    --organic-fallback-text-muted-rgb: 170 162 148;
    --organic-fallback-border-rgb: 45 45 36;
    --organic-fallback-primary-rgb: 104 112 74;
    --organic-fallback-primary-hover-rgb: 80 87 58;
    --organic-fallback-primary-text-rgb: 247 244 236;
    --organic-fallback-secondary-rgb: 118 146 170;
    --organic-fallback-secondary-hover-rgb: 144 172 196;
    --organic-fallback-secondary-text-rgb: 0 0 0;
    --organic-fallback-accent-rgb: 133 140 93;
    --organic-fallback-accent-text-rgb: 0 0 0;
    --organic-fallback-success-rgb: 133 140 93;
    --organic-fallback-success-text-rgb: 0 0 0;
    --organic-fallback-warning-rgb: 190 160 108;
    --organic-fallback-warning-text-rgb: 0 0 0;
    --organic-fallback-danger-rgb: 191 88 50;
    --organic-fallback-danger-text-rgb: 255 255 255;
    --organic-fallback-link-rgb: 190 198 156;
    --organic-fallback-focus-rgb: 191 88 50;
    --organic-panel-alpha: .92;
    --organic-panel-soft-alpha: .64;
    --organic-border-alpha: .52;
    --organic-shadow-alpha: .34;
    --organic-focus-alpha: .42;
  }

  [data-ui="organic-modern"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --organic-fallback-bg-rgb: 0 0 0;
    --organic-fallback-surface-rgb: 7 16 7;
    --organic-fallback-surface-strong-rgb: 11 25 11;
    --organic-fallback-surface-soft-rgb: 0 0 0;
    --organic-fallback-text-rgb: 255 255 255;
    --organic-fallback-text-muted-rgb: 240 255 240;
    --organic-fallback-border-rgb: 255 255 255;
    --organic-fallback-primary-rgb: 108 255 95;
    --organic-fallback-primary-hover-rgb: 255 255 255;
    --organic-fallback-primary-text-rgb: 0 0 0;
    --organic-fallback-secondary-rgb: 255 223 0;
    --organic-fallback-secondary-hover-rgb: 255 255 255;
    --organic-fallback-secondary-text-rgb: 0 0 0;
    --organic-fallback-accent-rgb: 182 255 0;
    --organic-fallback-accent-text-rgb: 0 0 0;
    --organic-fallback-success-rgb: 0 255 117;
    --organic-fallback-success-text-rgb: 0 0 0;
    --organic-fallback-warning-rgb: 255 208 0;
    --organic-fallback-warning-text-rgb: 0 0 0;
    --organic-fallback-danger-rgb: 255 64 64;
    --organic-fallback-danger-text-rgb: 0 0 0;
    --organic-fallback-link-rgb: 108 255 95;
    --organic-fallback-focus-rgb: 255 255 255;
    --organic-panel-alpha: 1;
    --organic-panel-soft-alpha: .92;
    --organic-border-alpha: 1;
    --organic-shadow-alpha: .5;
    --organic-focus-alpha: .72;
  }

  [data-ui="organic-modern"][data-theme][data-mode] {
    --organic-bg-rgb: var(--usk-bg-rgb);
    --organic-surface-rgb: var(--usk-surface-rgb);
    --organic-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --organic-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --organic-text-rgb: var(--usk-text-rgb);
    --organic-text-muted-rgb: var(--usk-text-muted-rgb);
    --organic-border-rgb: var(--usk-border-rgb);
    --organic-primary-rgb: var(--usk-primary-rgb);
    --organic-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --organic-primary-text-rgb: var(--usk-primary-text-rgb);
    --organic-secondary-rgb: var(--usk-secondary-rgb);
    --organic-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --organic-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --organic-accent-rgb: var(--usk-accent-rgb);
    --organic-accent-text-rgb: var(--usk-accent-text-rgb);
    --organic-success-rgb: var(--usk-success-rgb);
    --organic-success-text-rgb: var(--usk-success-text-rgb);
    --organic-warning-rgb: var(--usk-warning-rgb);
    --organic-warning-text-rgb: var(--usk-warning-text-rgb);
    --organic-danger-rgb: var(--usk-danger-rgb);
    --organic-danger-text-rgb: var(--usk-danger-text-rgb);
    --organic-link-rgb: var(--usk-link-rgb);
    --organic-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="organic-modern"][data-mode] {
    --usk-native-bg: var(--organic-bg);
    --organic-bg-rgb: var(--usk-bg-rgb, var(--organic-fallback-bg-rgb));
    --organic-surface-rgb: var(--usk-surface-rgb, var(--organic-fallback-surface-rgb));
    --organic-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--organic-fallback-surface-strong-rgb));
    --organic-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--organic-fallback-surface-soft-rgb));
    --organic-text-rgb: var(--usk-text-rgb, var(--organic-fallback-text-rgb));
    --organic-text-muted-rgb: var(--usk-text-muted-rgb, var(--organic-fallback-text-muted-rgb));
    --organic-border-rgb: var(--usk-border-rgb, var(--organic-fallback-border-rgb));
    --organic-primary-rgb: var(--usk-primary-rgb, var(--organic-fallback-primary-rgb));
    --organic-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--organic-fallback-primary-hover-rgb));
    --organic-primary-text-rgb: var(--usk-primary-text-rgb, var(--organic-fallback-primary-text-rgb));
    --organic-secondary-rgb: var(--usk-secondary-rgb, var(--organic-fallback-secondary-rgb));
    --organic-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--organic-fallback-secondary-hover-rgb));
    --organic-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--organic-fallback-secondary-text-rgb));
    --organic-accent-rgb: var(--usk-accent-rgb, var(--organic-fallback-accent-rgb));
    --organic-accent-text-rgb: var(--usk-accent-text-rgb, var(--organic-fallback-accent-text-rgb));
    --organic-success-rgb: var(--usk-success-rgb, var(--organic-fallback-success-rgb));
    --organic-success-text-rgb: var(--usk-success-text-rgb, var(--organic-fallback-success-text-rgb));
    --organic-warning-rgb: var(--usk-warning-rgb, var(--organic-fallback-warning-rgb));
    --organic-warning-text-rgb: var(--usk-warning-text-rgb, var(--organic-fallback-warning-text-rgb));
    --organic-danger-rgb: var(--usk-danger-rgb, var(--organic-fallback-danger-rgb));
    --organic-danger-text-rgb: var(--usk-danger-text-rgb, var(--organic-fallback-danger-text-rgb));
    --organic-link-rgb: var(--usk-link-rgb, var(--organic-fallback-link-rgb));
    --organic-focus-rgb: var(--usk-focus-rgb, var(--organic-fallback-focus-rgb));
    --usk-native-surface: var(--organic-surface);
    --usk-native-surface-strong: var(--organic-surface-strong);
    --usk-native-surface-soft: var(--organic-surface-soft);
    --usk-native-card-bg: var(--organic-card-bg);
    --usk-native-control-bg: var(--organic-control-bg);
    --usk-native-text: var(--organic-text);
    --usk-native-text-muted: var(--organic-text-muted);
    --usk-native-border: var(--organic-border);
    --usk-native-primary: var(--organic-primary);
    --usk-native-primary-hover: var(--organic-primary-hover);
    --usk-native-on-primary: var(--organic-on-primary);
    --usk-native-secondary: var(--organic-secondary);
    --usk-native-on-secondary: var(--organic-on-secondary);
    --usk-native-accent: var(--organic-accent);
    --usk-native-on-accent: var(--organic-on-accent);
    --usk-native-on-success: var(--organic-on-success);
    --usk-native-on-warning: var(--organic-on-warning);
    --usk-native-on-danger: var(--organic-on-danger);
    --usk-native-focus: var(--organic-focus);
    --usk-native-success: var(--organic-success);
    --usk-native-warning: var(--organic-warning);
    --usk-native-danger: var(--organic-danger);
    --usk-native-link: var(--organic-link);
    --usk-native-font-body: var(--organic-font-body);
    --usk-native-font-heading: var(--organic-font-heading);
    --usk-native-font-control: var(--organic-font-control);
    --usk-native-font-mono: var(--organic-font-mono);
    --usk-native-radius-sm: var(--organic-radius-sm);
    --usk-native-radius: var(--organic-radius-md);
    --usk-native-radius-lg: var(--organic-radius-lg);
    --usk-native-shadow: var(--organic-shadow-sm, none);
    --usk-native-shadow-md: var(--organic-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--organic-focus-ring, 0 0 0 3px rgb(var(--organic-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--organic-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.5rem;
    --usk-native-choice-background: var(--organic-control-bg);
    --usk-native-choice-border: 1px solid var(--organic-border);
    --usk-native-checkbox-radius: 42% 58%;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 3px 8px #0000002e;
    --usk-native-choice-checked-background: var(--organic-primary);
    --usk-native-choice-mark-color: var(--organic-on-primary);
    --usk-native-select-indicator-image: linear-gradient(63deg, transparent 50%, var(--organic-primary) 50%), linear-gradient(117deg, var(--organic-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.25rem;
    --usk-native-range-track-size: .6rem;
    --usk-native-range-track-background: var(--organic-surface-soft);
    --usk-native-range-track-border: 1px solid var(--organic-border);
    --usk-native-range-track-radius: 55% 45%;
    --usk-native-range-track-shadow: 0 3px 8px #0000002e;
    --usk-native-range-progress-background: var(--organic-primary);
    --usk-native-range-thumb-size: 1.45rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--organic-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 3px 8px #0000002e;
    --usk-native-progress-size: .76rem;
    --usk-native-progress-track-background: var(--organic-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--organic-border);
    --usk-native-progress-track-radius: 48% 52%;
    --usk-native-progress-track-shadow: 0 3px 8px #0000002e;
    --usk-native-progress-value-background: var(--organic-primary);
    --usk-native-progress-value-radius: 48% 52%;
    --usk-native-progress-value-shadow: 0 3px 8px #0000002e;
    --usk-native-meter-optimum-background: var(--organic-success);
    --usk-native-meter-suboptimum-background: var(--organic-warning);
    --usk-native-meter-critical-background: var(--organic-danger);
    --usk-native-file-button-background: var(--organic-primary);
    --usk-native-file-button-border: 1px solid var(--organic-border);
    --usk-native-file-button-radius: 42% 58%;
    --usk-native-file-button-shadow: 0 3px 8px #0000002e;
    --usk-native-color-swatch-border: 1px solid var(--organic-border);
    --usk-native-color-swatch-radius: 42% 58%;
    --usk-native-indicator-opacity: .82;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .74rem;
    --usk-native-scrollbar-track: var(--organic-surface-soft);
    --usk-native-scrollbar-thumb: var(--organic-primary);
    --usk-native-scrollbar-radius: 48% 52%;
    --organic-bg: rgb(var(--organic-bg-rgb));
    --organic-surface: rgb(var(--organic-surface-rgb) / var(--organic-panel-alpha));
    --organic-surface-strong: rgb(var(--organic-surface-strong-rgb) / var(--organic-panel-alpha));
    --organic-surface-soft: rgb(var(--organic-surface-soft-rgb) / var(--organic-panel-soft-alpha));
    --organic-text: rgb(var(--organic-text-rgb));
    --organic-text-muted: rgb(var(--organic-text-muted-rgb));
    --organic-fg: var(--organic-text);
    --organic-surface-fg: var(--organic-text);
    --organic-muted: var(--organic-text-muted);
    --organic-border: rgb(var(--organic-border-rgb) / max(var(--organic-border-alpha), var(--usk-border-min-alpha)));
    --organic-control-fg: var(--organic-text);
    --organic-primary: rgb(var(--organic-primary-rgb));
    --organic-primary-hover: rgb(var(--organic-primary-hover-rgb));
    --organic-primary-text: rgb(var(--organic-primary-text-rgb));
    --organic-secondary: rgb(var(--organic-secondary-rgb));
    --organic-secondary-hover: rgb(var(--organic-secondary-hover-rgb));
    --organic-secondary-text: rgb(var(--organic-secondary-text-rgb));
    --organic-on-primary: var(--organic-primary-text);
    --organic-on-secondary: var(--organic-secondary-text);
    --organic-on-accent: rgb(var(--organic-accent-text-rgb));
    --organic-on-success: rgb(var(--organic-success-text-rgb));
    --organic-on-warning: rgb(var(--organic-warning-text-rgb));
    --organic-on-danger: rgb(var(--organic-danger-text-rgb));
    --organic-accent: rgb(var(--organic-accent-rgb));
    --organic-success: rgb(var(--organic-success-rgb));
    --organic-warning: rgb(var(--organic-warning-rgb));
    --organic-danger: rgb(var(--organic-danger-rgb));
    --organic-link: rgb(var(--organic-link-rgb));
    --organic-focus: rgb(var(--organic-focus-rgb));
    --organic-focus-ring: 0 0 0 3px rgb(var(--organic-focus-rgb) / var(--organic-focus-alpha));
    --organic-theme-bg-size: auto;
    --organic-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--organic-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--organic-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--organic-secondary-rgb) / .1), transparent 34rem), var(--organic-bg);
    --organic-card-bg: linear-gradient(135deg, rgb(var(--organic-primary-rgb) / .1), rgb(var(--organic-accent-rgb) / .055) 42%, rgb(var(--organic-surface-strong-rgb) / var(--organic-panel-alpha)) 100%), var(--organic-surface);
    --organic-control-bg: linear-gradient(180deg, rgb(var(--organic-surface-strong-rgb) / var(--organic-panel-alpha)), rgb(var(--organic-surface-soft-rgb) / var(--organic-panel-soft-alpha)));
    --organic-spinner-track: rgb(var(--organic-border-rgb) / max(.28, calc(var(--organic-border-alpha) * .7)));
    --organic-spinner-stroke: var(--organic-primary);
    --organic-spinner-accent: var(--organic-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="organic-modern"][data-mode] {
      --organic-border: color-mix(in srgb, rgb(var(--organic-border-rgb) / max(var(--organic-border-alpha), var(--usk-border-min-alpha))), var(--organic-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="organic-modern"] {
    background: linear-gradient(180deg,rgb(var(--organic-primary-rgb)/.04),transparent 22rem),var(--organic-bg);
    color: var(--organic-text);
    font-family: var(--organic-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="organic-modern"] *, [data-ui="organic-modern"] :before, [data-ui="organic-modern"] :after {
    box-sizing: border-box;
  }

  [data-ui="organic-modern"][data-mode] {
    background: var(--organic-theme-bg);
    background-size: var(--organic-theme-bg-size);
  }

  .organic-title, .organic-heading, .organic-kicker, .organic-button, .organic-badge, .organic-nav-link, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-badge, :where([data-ui="organic-modern"]) .ui-nav-link {
    font-family: var(--organic-font-heading);
  }

  .organic-title {
    color: var(--organic-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .organic-heading {
    color: var(--organic-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .organic-kicker {
    color: var(--usk-primary-ink, var(--organic-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .organic-subtitle, .organic-copy {
    color: var(--organic-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .organic-text-muted {
    color: var(--organic-text-muted);
  }

  .organic-divider {
    background: var(--organic-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .organic-surface, .organic-card, .organic-panel, .organic-toolbar, .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-card, :where([data-ui="organic-modern"]) .ui-toolbar, :where([data-ui="organic-modern"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--organic-surface);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--organic-shadow-alpha));
    transition: transform var(--organic-transition-base),box-shadow var(--organic-transition-base),border-color var(--organic-transition-base),background var(--organic-transition-base);
    position: relative;
  }

  .organic-toolbar, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--organic-space-4);
    padding: var(--organic-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .organic-surface-sm {
    border-radius: var(--organic-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--organic-shadow-alpha)*.72));
  }

  .organic-surface-lg {
    border-radius: var(--organic-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--organic-shadow-alpha) + .08));
  }

  .organic-well, .organic-inset {
    background: var(--organic-surface-soft);
    color: var(--organic-text);
    border: 1px solid rgb(var(--organic-border-rgb)/calc(var(--organic-border-alpha)*.7));
    border-radius: var(--organic-radius-md);
    padding: var(--organic-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .organic-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--organic-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .organic-button, .organic-icon-button, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--organic-space-2);
    background: var(--organic-surface);
    min-height: 2.75rem;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--organic-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--organic-transition-fast),background var(--organic-transition-fast),border-color var(--organic-transition-fast),box-shadow var(--organic-transition-fast),transform var(--organic-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .organic-button:hover, .organic-icon-button:hover, :where([data-ui="organic-modern"]) .usk-button:hover, :where([data-ui="organic-modern"]) .usk-icon-button:hover, :where([data-ui="organic-modern"]) .ui-button:hover, :where([data-ui="organic-modern"]) .ui-icon-button:hover {
    border-color: var(--organic-primary);
    transform: translateY(-1px);
  }

  .organic-button:active, .organic-icon-button:active, .organic-button[aria-pressed="true"], .organic-icon-button[aria-pressed="true"], .organic-button.is-active, .organic-icon-button.is-active, :where([data-ui="organic-modern"]) .usk-button:active, :where([data-ui="organic-modern"]) .usk-icon-button:active, :where([data-ui="organic-modern"]) .usk-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-button.is-active, :where([data-ui="organic-modern"]) .usk-icon-button.is-active, :where([data-ui="organic-modern"]) .ui-button:active, :where([data-ui="organic-modern"]) .ui-icon-button:active, :where([data-ui="organic-modern"]) .ui-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .ui-button.is-active, :where([data-ui="organic-modern"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .organic-button-primary:hover, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--organic-primary-hover);
    border-color: var(--organic-primary-hover);
  }

  .organic-button-secondary:hover, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--organic-secondary-hover);
    border-color: var(--organic-secondary-hover);
  }

  .organic-button-ghost, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--organic-text);
    box-shadow: none;
    background: none;
  }

  .organic-icon-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    border-radius: var(--organic-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .organic-button:disabled, .organic-icon-button:disabled, .organic-disabled, :where([data-ui="organic-modern"]) .usk-button:disabled, :where([data-ui="organic-modern"]) .usk-icon-button:disabled, :where([data-ui="organic-modern"]) .ui-button:disabled, :where([data-ui="organic-modern"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .organic-card, .organic-panel, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .ui-card {
    background: var(--organic-card-bg);
  }

  .organic-toolbar, .organic-table-wrap, .organic-button:where(:not(:is(.organic-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"])),:is(.organic-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"])),:is(.organic-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"])),:is(.organic-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"])))), .organic-icon-button, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .usk-button:where(:not(.usk-button:where([data-ui-variant="primary"]),.usk-button:where([data-ui-variant="secondary"]),.usk-button:where([data-ui-variant="danger"]),.usk-button:where([data-ui-variant="ghost"]))), :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-toolbar, :where([data-ui="organic-modern"]) .ui-table-wrap, :where([data-ui="organic-modern"]) .ui-button:where(:not(.ui-button:where([data-ui-variant="primary"]),.ui-button:where([data-ui-variant="secondary"]),.ui-button:where([data-ui-variant="danger"]),.ui-button:where([data-ui-variant="ghost"]))), :where([data-ui="organic-modern"]) .ui-icon-button {
    background: var(--organic-control-bg);
  }

  .organic-button, .organic-icon-button, .organic-badge, .organic-nav-link, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-icon-button, :where([data-ui="organic-modern"]) .ui-badge, :where([data-ui="organic-modern"]) .ui-nav-link {
    font-family: var(--organic-font-control);
  }

  .organic-field, :where([data-ui="organic-modern"]) .usk-field, :where([data-ui="organic-modern"]) .ui-field {
    gap: var(--organic-space-2);
    flex-direction: column;
    display: flex;
  }

  .organic-label, :where([data-ui="organic-modern"]) .usk-label, :where([data-ui="organic-modern"]) .ui-label {
    color: var(--organic-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .organic-input, .organic-textarea, .organic-select, :where([data-ui="organic-modern"]) .usk-input, :where([data-ui="organic-modern"]) .usk-textarea, :where([data-ui="organic-modern"]) .usk-select, :where([data-ui="organic-modern"]) .ui-input, :where([data-ui="organic-modern"]) .ui-textarea, :where([data-ui="organic-modern"]) .ui-select {
    background: var(--organic-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-md);
    font: inherit;
    transition: background var(--organic-transition-fast),border-color var(--organic-transition-fast),box-shadow var(--organic-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .organic-textarea, :where([data-ui="organic-modern"]) .usk-textarea, :where([data-ui="organic-modern"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .organic-input::placeholder, .organic-textarea::placeholder, :where([data-ui="organic-modern"]) .usk-input::placeholder, :where([data-ui="organic-modern"]) .usk-textarea::placeholder, :where([data-ui="organic-modern"]) .ui-input::placeholder, :where([data-ui="organic-modern"]) .ui-textarea::placeholder {
    color: var(--organic-text-muted);
    opacity: .82;
  }

  .organic-input:hover, .organic-textarea:hover, .organic-select:hover, :where([data-ui="organic-modern"]) .usk-input:hover, :where([data-ui="organic-modern"]) .usk-textarea:hover, :where([data-ui="organic-modern"]) .usk-select:hover, :where([data-ui="organic-modern"]) .ui-input:hover, :where([data-ui="organic-modern"]) .ui-textarea:hover, :where([data-ui="organic-modern"]) .ui-select:hover {
    border-color: rgb(var(--organic-primary-rgb)/.58);
  }

  .organic-input:focus, .organic-textarea:focus, .organic-select:focus, :where([data-ui="organic-modern"]) .usk-input:focus, :where([data-ui="organic-modern"]) .usk-textarea:focus, :where([data-ui="organic-modern"]) .usk-select:focus, :where([data-ui="organic-modern"]) .ui-input:focus, :where([data-ui="organic-modern"]) .ui-textarea:focus, :where([data-ui="organic-modern"]) .ui-select:focus {
    border-color: var(--organic-focus);
    box-shadow: var(--organic-focus-ring);
  }

  .organic-help-text, :where([data-ui="organic-modern"]) .usk-help-text, :where([data-ui="organic-modern"]) .ui-help-text {
    color: var(--organic-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .organic-check, .organic-radio, :where([data-ui="organic-modern"]) .usk-check, :where([data-ui="organic-modern"]) .usk-radio, :where([data-ui="organic-modern"]) .ui-check, :where([data-ui="organic-modern"]) .ui-radio {
    align-items: center;
    gap: var(--organic-space-2);
    color: var(--organic-text);
    cursor: pointer;
    display: inline-flex;
  }

  .organic-check input, .organic-radio input, :where([data-ui="organic-modern"]) .usk-check input, :where([data-ui="organic-modern"]) .usk-radio input, :where([data-ui="organic-modern"]) .ui-check input, :where([data-ui="organic-modern"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .organic-check-control, .organic-radio-control, :where([data-ui="organic-modern"]) .usk-check-control, :where([data-ui="organic-modern"]) .usk-radio-control, :where([data-ui="organic-modern"]) .ui-check-control, :where([data-ui="organic-modern"]) .ui-radio-control {
    background: var(--organic-surface-soft);
    border: 1px solid var(--organic-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--organic-transition-fast),box-shadow var(--organic-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .organic-check input:checked+.organic-check-control, .organic-radio input:checked+.organic-radio-control, :where([data-ui="organic-modern"]) .usk-check input:checked+.usk-check-control, :where([data-ui="organic-modern"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="organic-modern"]) .ui-check input:checked+.ui-check-control, :where([data-ui="organic-modern"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--organic-primary);
    border-color: var(--organic-primary);
    box-shadow: var(--organic-focus-ring);
  }

  .organic-check input:checked+.organic-check-control:after, :where([data-ui="organic-modern"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="organic-modern"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--organic-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .organic-radio input:checked+.organic-radio-control:after, :where([data-ui="organic-modern"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="organic-modern"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--organic-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .organic-switch, :where([data-ui="organic-modern"]) .usk-switch, :where([data-ui="organic-modern"]) .ui-switch {
    align-items: center;
    gap: var(--organic-space-3);
    color: var(--organic-text);
    cursor: pointer;
    display: inline-flex;
  }

  .organic-switch input, :where([data-ui="organic-modern"]) .usk-switch input, :where([data-ui="organic-modern"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .organic-switch-track, :where([data-ui="organic-modern"]) .usk-switch-track, :where([data-ui="organic-modern"]) .ui-switch-track {
    background: var(--organic-surface-soft);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--organic-transition-fast),box-shadow var(--organic-transition-fast);
    position: relative;
  }

  .organic-switch-thumb, :where([data-ui="organic-modern"]) .usk-switch-thumb, :where([data-ui="organic-modern"]) .ui-switch-thumb {
    background: var(--organic-surface-strong);
    border: 1px solid var(--organic-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--organic-shadow-alpha));
    transition: left var(--organic-transition-fast),background var(--organic-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .organic-switch input:checked+.organic-switch-track, :where([data-ui="organic-modern"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="organic-modern"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--organic-primary);
    border-color: var(--organic-primary);
  }

  .organic-switch input:checked+.organic-switch-track .organic-switch-thumb, :where([data-ui="organic-modern"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="organic-modern"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--organic-on-primary);
    left: calc(100% - 1.56rem);
  }

  .organic-badge, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .ui-badge {
    align-items: center;
    gap: var(--organic-space-1);
    background: var(--organic-surface-soft);
    min-height: 1.75rem;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .organic-badge-primary, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
    border-color: var(--organic-primary);
  }

  .organic-badge-secondary, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--organic-secondary);
    color: var(--organic-on-secondary);
    border-color: var(--organic-secondary);
  }

  .organic-badge-success, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--organic-success);
    color: var(--organic-on-success);
    border-color: var(--organic-success);
  }

  .organic-badge-warning, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--organic-warning);
    color: var(--organic-on-warning);
    border-color: var(--organic-warning);
  }

  .organic-badge-danger, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--organic-danger);
    color: var(--organic-on-danger);
    border-color: var(--organic-danger);
  }

  .organic-nav, :where([data-ui="organic-modern"]) .usk-nav, :where([data-ui="organic-modern"]) .ui-nav {
    align-items: center;
    gap: var(--organic-space-2);
    padding: var(--organic-space-2);
    background: var(--organic-surface);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--organic-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .organic-nav-link, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--organic-text-muted);
    border-radius: var(--organic-radius-pill);
    transition: color var(--organic-transition-fast),background var(--organic-transition-fast),box-shadow var(--organic-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .organic-nav-link:hover, :where([data-ui="organic-modern"]) .usk-nav-link:hover, :where([data-ui="organic-modern"]) .ui-nav-link:hover {
    color: var(--organic-text);
    background: var(--organic-surface-soft);
  }

  .organic-nav-link[aria-current="page"], .organic-nav-link.is-active, :where([data-ui="organic-modern"]) .usk-nav-link[aria-current="page"], :where([data-ui="organic-modern"]) .usk-nav-link.is-active, :where([data-ui="organic-modern"]) .ui-nav-link[aria-current="page"], :where([data-ui="organic-modern"]) .ui-nav-link.is-active {
    color: var(--organic-on-primary);
    background: var(--organic-primary);
  }

  .organic-tooltip, [data-ui="organic-modern"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="organic-modern"]) .usk-tooltip, :where([data-ui="organic-modern"]) .ui-tooltip {
    background: var(--organic-text);
    max-inline-size: 16rem;
    color: var(--organic-bg);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .organic-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .organic-progress, :where([data-ui="organic-modern"]) .usk-progress, :where([data-ui="organic-modern"]) .ui-progress {
    background: var(--organic-surface-soft);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .organic-progress-bar, :where([data-ui="organic-modern"]) .usk-progress-bar, :where([data-ui="organic-modern"]) .ui-progress-bar {
    height: 100%;
    width: var(--organic-progress-value, 50%);
    background: linear-gradient(90deg,var(--organic-primary),var(--organic-accent));
    border-radius: inherit;
  }

  .organic-alert, :where([data-ui="organic-modern"]) .usk-alert, :where([data-ui="organic-modern"]) .ui-alert {
    gap: var(--organic-space-2);
    padding: var(--organic-space-4);
    background: var(--organic-surface);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--organic-shadow-alpha));
    display: grid;
  }

  .organic-alert-success, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--organic-success);
  }

  .organic-alert-warning, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--organic-warning);
  }

  .organic-alert-danger, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--organic-danger);
  }

  .organic-alert-title, :where([data-ui="organic-modern"]) .usk-alert-title, :where([data-ui="organic-modern"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .organic-alert-body, :where([data-ui="organic-modern"]) .usk-alert-body, :where([data-ui="organic-modern"]) .ui-alert-body {
    color: var(--organic-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-table-wrap {
    overflow: auto;
  }

  .organic-table, :where([data-ui="organic-modern"]) .usk-table, :where([data-ui="organic-modern"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .organic-table th, .organic-table td, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .usk-table td, :where([data-ui="organic-modern"]) .ui-table th, :where([data-ui="organic-modern"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--organic-border);
    padding: .95rem 1rem;
  }

  .organic-table th, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .ui-table th {
    color: var(--organic-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--organic-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .organic-table td, :where([data-ui="organic-modern"]) .usk-table td, :where([data-ui="organic-modern"]) .ui-table td {
    color: var(--organic-text-muted);
  }

  .organic-table tr:hover td, :where([data-ui="organic-modern"]) .usk-table tr:hover td, :where([data-ui="organic-modern"]) .ui-table tr:hover td {
    background: rgb(var(--organic-primary-rgb)/.045);
  }

  .organic-text-primary {
    color: var(--usk-primary-ink, var(--organic-primary));
  }

  .organic-text-secondary {
    color: var(--organic-secondary);
  }

  .organic-text-accent {
    color: var(--usk-accent-ink, var(--organic-accent));
  }

  .organic-text-success {
    color: var(--organic-success);
  }

  .organic-text-warning {
    color: var(--organic-warning);
  }

  .organic-text-danger {
    color: var(--organic-danger);
  }

  .organic-bg-primary {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
  }

  .organic-bg-secondary {
    background: var(--organic-secondary);
    color: var(--organic-on-secondary);
  }

  .organic-border {
    border: 1px solid var(--organic-border);
  }

  .organic-rounded {
    border-radius: var(--organic-radius-md);
  }

  .organic-rounded-lg {
    border-radius: var(--organic-radius-lg);
  }

  .organic-rounded-xl {
    border-radius: var(--organic-radius-xl);
  }

  .organic-pill {
    border-radius: var(--organic-radius-pill);
  }

  .organic-sr-only, .organic-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .organic-skip-link {
    z-index: 9999;
    background: var(--organic-primary);
    color: var(--organic-on-primary);
    border-radius: var(--organic-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .organic-skip-link:focus {
    transform: translateY(0);
  }

  .organic-metric, :where([data-ui="organic-modern"]) .usk-metric, :where([data-ui="organic-modern"]) .ui-metric {
    padding: var(--organic-space-5);
    background: var(--organic-surface);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .organic-metric-value, :where([data-ui="organic-modern"]) .usk-metric-value, :where([data-ui="organic-modern"]) .ui-metric-value {
    color: var(--organic-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .organic-metric-label, :where([data-ui="organic-modern"]) .usk-metric-label, :where([data-ui="organic-modern"]) .ui-metric-label {
    color: var(--organic-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .organic-empty-state, :where([data-ui="organic-modern"]) .usk-empty-state, :where([data-ui="organic-modern"]) .ui-empty-state {
    place-items: center;
    gap: var(--organic-space-3);
    min-height: 14rem;
    padding: var(--organic-space-6);
    text-align: center;
    background: var(--organic-surface-soft);
    border: 1px dashed var(--organic-border);
    border-radius: var(--organic-radius-lg);
    display: grid;
  }

  .organic-spinner, .organic-loading-spinner, [data-ui="organic-modern"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="organic-modern"]) .usk-spinner, :where([data-ui="organic-modern"]) .ui-spinner {
    border: .25rem solid var(--organic-spinner-track);
    border-block-start-color: var(--organic-spinner-stroke);
    border-inline-end-color: var(--organic-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite organic-spin;
    display: inline-block;
  }

  .organic-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .organic-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .organic-button[aria-busy="true"], .organic-icon-button[aria-busy="true"], [data-ui="organic-modern"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="organic-modern"]) .usk-button[aria-busy="true"], :where([data-ui="organic-modern"]) .usk-icon-button[aria-busy="true"], :where([data-ui="organic-modern"]) .ui-button[aria-busy="true"], :where([data-ui="organic-modern"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .organic-button[aria-busy="true"]:after, .organic-icon-button[aria-busy="true"]:after, [data-ui="organic-modern"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="organic-modern"]) .usk-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--organic-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite organic-spin;
    display: inline-block;
  }

  @keyframes organic-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .organic-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--organic-border-rgb)/.72);
    border-radius: var(--organic-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .organic-card-service {
    gap: var(--organic-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .organic-card-service > .organic-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .organic-card-service > .organic-card-media + .organic-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .organic-card-feature {
    gap: var(--organic-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .organic-card-accent-edge {
    border-inline-start: .35rem solid var(--organic-primary);
  }

  .organic-icon-medallion {
    background: var(--organic-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--organic-on-primary);
    border: 2px solid rgb(var(--organic-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .organic-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .organic-button.organic-button-cut, .organic-button-cut, :where([data-ui="organic-modern"]) .usk-button.organic-button-cut, :where([data-ui="organic-modern"]) .ui-button.organic-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .organic-button.organic-button-cut:focus-visible, .organic-button-cut:focus-visible, :where([data-ui="organic-modern"]) .usk-button.organic-button-cut:focus-visible, :where([data-ui="organic-modern"]) .ui-button.organic-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .organic-button.organic-button-outline-heavy, .organic-button-outline-heavy, :where([data-ui="organic-modern"]) .usk-button.organic-button-outline-heavy, :where([data-ui="organic-modern"]) .ui-button.organic-button-outline-heavy {
    color: var(--usk-primary-ink, var(--organic-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--organic-primary);
    box-shadow: none;
    background: none;
  }

  .organic-button.organic-button-outline-heavy:hover, .organic-button-outline-heavy:hover, :where([data-ui="organic-modern"]) .usk-button.organic-button-outline-heavy:hover, :where([data-ui="organic-modern"]) .ui-button.organic-button-outline-heavy:hover {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
    border-color: var(--organic-primary-hover);
  }

  .organic-badge-seal {
    aspect-ratio: 1;
    background: var(--organic-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--organic-text);
    border: 2px solid var(--organic-primary);
    text-align: center;
    font-family: var(--organic-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .organic-feature-strip {
    background: var(--organic-card-bg);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .organic-feature-item {
    align-items: center;
    gap: var(--organic-space-3);
    min-inline-size: 0;
    padding: var(--organic-space-4);
    border-inline-end: 1px solid rgb(var(--organic-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .organic-feature-item:last-child {
    border-inline-end: 0;
  }

  .organic-feature-item > :where(p, small) {
    color: var(--organic-text-muted);
    margin: 0;
  }

  .organic-callout-bar {
    align-items: center;
    gap: var(--organic-space-4);
    padding: var(--organic-space-4) var(--organic-space-5);
    background: var(--organic-card-bg);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .organic-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .organic-callout-bar>:where(.organic-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .organic-eyebrow {
    color: var(--usk-primary-ink, var(--organic-primary));
    font-family: var(--organic-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .organic-media-scrim {
    isolation: isolate;
    background: var(--organic-surface-soft);
    border: 1px solid var(--organic-border);
    border-radius: var(--organic-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .organic-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .organic-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .organic-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .organic-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .organic-callout-bar>:where(.organic-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .organic-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--organic-border-rgb)/.62);
    }

    .organic-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .organic-card-service, .organic-card-feature, .organic-feature-strip, .organic-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--organic-shadow-alpha) + .03));
  }

  .organic-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .organic-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--organic-shadow-alpha) + .05));
  }

  :root {
    --organic-font-display: "Organic Cormorant", Georgia, serif;
    --organic-font-body: var(--organic-font-sans);
    --organic-font-heading: var(--organic-font-display);
    --organic-font-control: var(--organic-font-body);
    --organic-radius-xs: .55rem;
    --organic-radius-sm: .9rem;
    --organic-radius-md: 1.35rem;
    --organic-radius-lg: 2rem;
    --organic-radius-xl: 2.8rem;
  }

  [data-ui="organic-modern"][data-mode] {
    --organic-theme-bg: radial-gradient(circle at 86% 8%, rgb(var(--organic-primary-rgb) / .16), transparent 24rem), radial-gradient(circle at 8% 82%, rgb(var(--organic-accent-rgb) / .1), transparent 28rem), var(--organic-bg);
    --organic-card-bg: linear-gradient(145deg, rgb(var(--organic-surface-strong-rgb) / var(--organic-panel-alpha)), rgb(var(--organic-primary-rgb) / .06));
  }

  .organic-title {
    font-family: var(--organic-font-display);
    letter-spacing: 0;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .organic-heading {
    font-family: var(--organic-font-display);
    font-weight: 550;
  }

  .organic-kicker, .organic-eyebrow {
    letter-spacing: .13em;
  }

  .organic-surface, .organic-card, .organic-panel, .organic-toolbar, .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-card, :where([data-ui="organic-modern"]) .ui-toolbar, :where([data-ui="organic-modern"]) .ui-table-wrap {
    box-shadow: 0 1rem 2.5rem rgb(0 0 0 / calc(var(--organic-shadow-alpha)*.58));
    border-radius: 2rem 1.25rem 2.35rem 1.45rem;
  }

  .organic-button, .organic-icon-button, .organic-nav-link, .organic-badge, .organic-nav, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .usk-nav, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-icon-button, :where([data-ui="organic-modern"]) .ui-nav-link, :where([data-ui="organic-modern"]) .ui-badge, :where([data-ui="organic-modern"]) .ui-nav {
    border-radius: var(--organic-radius-pill);
  }

  .organic-input, .organic-textarea, .organic-select, :where([data-ui="organic-modern"]) .usk-input, :where([data-ui="organic-modern"]) .usk-textarea, :where([data-ui="organic-modern"]) .usk-select, :where([data-ui="organic-modern"]) .ui-input, :where([data-ui="organic-modern"]) .ui-textarea, :where([data-ui="organic-modern"]) .ui-select {
    border-radius: var(--organic-radius-lg);
  }

  .organic-media-scrim {
    border-radius: 2.8rem 1.2rem 3.2rem 1.8rem;
  }

  .organic-icon-medallion {
    background: rgb(var(--organic-primary-rgb)/.14);
    color: var(--usk-primary-ink, var(--organic-primary));
    border-color: rgb(var(--organic-primary-rgb)/.3);
    box-shadow: 0 .5rem 1.4rem rgb(var(--organic-primary-rgb)/.12);
    border-radius: 46% 54% 43% 57% / 56% 43% 57% 44%;
  }

  .organic-badge-seal {
    border-radius: 45% 55% 48% 52% / 55% 44% 56% 45%;
  }

  .organic-feature-strip, .organic-callout-bar {
    border-radius: 2.2rem 1.35rem 2.5rem 1.5rem;
  }

  .organic-card-accent-edge {
    background: linear-gradient(100deg,rgb(var(--organic-primary-rgb)/.11),transparent 38%),var(--organic-card-bg);
    border-inline-start: 0;
  }

  .organic-button.organic-button-cut, .organic-button-cut, :where([data-ui="organic-modern"]) .usk-button.organic-button-cut, :where([data-ui="organic-modern"]) .ui-button.organic-button-cut {
    clip-path: polygon(10% 0, 92% 4%, 100% 50%, 90% 96%, 8% 100%, 0 48%);
    justify-content: center;
    justify-self: center;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .organic-button.organic-button-outline-heavy, .organic-button-outline-heavy, :where([data-ui="organic-modern"]) .usk-button.organic-button-outline-heavy, :where([data-ui="organic-modern"]) .ui-button.organic-button-outline-heavy {
    border-radius: var(--organic-radius-pill);
    clip-path: polygon(7% 3%, 90% 0, 100% 46%, 94% 94%, 12% 100%, 0 54%);
    box-shadow: 0 .45rem 1rem rgb(var(--organic-text-rgb)/.12);
    border-width: 1px;
  }

  .organic-card-service, .organic-media-scrim, .organic-feature-strip, .organic-callout-bar, .organic-metric, :where([data-ui="organic-modern"]) .usk-metric, :where([data-ui="organic-modern"]) .ui-metric {
    border: 1px solid var(--organic-border);
    box-shadow: 0 .8rem 1.6rem rgb(var(--organic-text-rgb)/.12);
    border-radius: 2.4rem 1rem 2rem 1.4rem;
  }

  [data-ui="organic-modern"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 1px solid var(--organic-primary);
    box-shadow: 0 .4rem .9rem rgb(var(--organic-text-rgb)/.12);
    border-radius: 1.4rem .8rem 1.2rem .9rem;
  }

  [data-ui="organic-modern"][data-mode] :where(dialog) {
    border: 1px solid var(--organic-border);
    box-shadow: 0 1rem 2.2rem rgb(var(--organic-text-rgb)/.18);
    border-radius: 2.4rem 1rem 2rem 1.4rem;
  }

  .organic-spinner, .organic-loading-spinner, [data-ui="organic-modern"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="organic-modern"]) .usk-spinner, :where([data-ui="organic-modern"]) .ui-spinner {
    background: conic-gradient(from 25deg,var(--organic-spinner-stroke),transparent 42%,var(--organic-spinner-accent),var(--organic-spinner-track));
    box-shadow: .12rem .18rem .55rem rgb(0 0 0 / calc(var(--organic-shadow-alpha)*.65));
    clip-path: none;
    border-radius: 72% 28% 64% 36%;
    animation: 1.02s ease-in-out infinite organic-spin;
  }

  .organic-button[aria-busy="true"]:after, .organic-icon-button[aria-busy="true"]:after, [data-ui="organic-modern"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="organic-modern"]) .usk-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-icon-button[aria-busy="true"]:after {
    border: .1em solid;
    clip-path: none;
    background: conic-gradient(currentColor, #0000 46%, currentColor);
    border-block-start-color: #0000;
    border-radius: 72% 28% 64% 36%;
    animation: 1.02s ease-in-out infinite organic-spin;
    box-shadow: .08em .11em .18em #00000038;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="organic-modern"] *, [data-ui="organic-modern"] :before, [data-ui="organic-modern"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="organic-modern"] {
      --organic-border-alpha: 1;
      --organic-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="organic-modern"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="organic-modern"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="organic-modern"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="organic-modern"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="organic-modern"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .organic-input[aria-invalid="true"], .organic-textarea[aria-invalid="true"], .organic-select[aria-invalid="true"], :where([data-ui="organic-modern"]) .usk-input[aria-invalid="true"], :where([data-ui="organic-modern"]) .usk-textarea[aria-invalid="true"], :where([data-ui="organic-modern"]) .usk-select[aria-invalid="true"], :where([data-ui="organic-modern"]) .ui-input[aria-invalid="true"], :where([data-ui="organic-modern"]) .ui-textarea[aria-invalid="true"], :where([data-ui="organic-modern"]) .ui-select[aria-invalid="true"] {
    border-color: var(--organic-danger);
    box-shadow: 0 0 0 2px rgb(var(--organic-danger-rgb)/.18);
  }

  .organic-input[readonly], .organic-textarea[readonly], :where([data-ui="organic-modern"]) .usk-input[readonly], :where([data-ui="organic-modern"]) .usk-textarea[readonly], :where([data-ui="organic-modern"]) .ui-input[readonly], :where([data-ui="organic-modern"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  [data-ui="organic-modern"][data-mode] {
    --organic-hairline: rgb(var(--organic-primary-rgb) / max(.34, calc(var(--organic-border-alpha) * .72)));
    --organic-material-bg: radial-gradient(ellipse at 6% 2%, rgb(var(--organic-primary-rgb) / .26), transparent 42%), linear-gradient(142deg, rgb(var(--organic-secondary-rgb) / .22), rgb(var(--organic-primary-rgb) / .1)), var(--organic-surface);
    --organic-material-soft-bg: radial-gradient(ellipse at 94% 90%, rgb(var(--organic-accent-rgb) / .22), transparent 46%), linear-gradient(128deg, rgb(var(--organic-secondary-rgb) / .2), rgb(var(--organic-surface-soft-rgb) / .88));
    --organic-quiet-shadow: 0 .18rem .55rem rgb(var(--organic-text-rgb) / .07);
    --organic-lift-shadow: 0 .4rem 1.2rem rgb(var(--organic-text-rgb) / .09);
    --usk-native-card-bg: var(--organic-material-bg);
    --usk-native-control-bg: var(--organic-surface-soft);
    --usk-native-control-min-block-size: 2.65rem;
    --usk-native-control-padding-block: .58rem;
    --usk-native-control-padding-inline: .86rem;
    --usk-native-radius-sm: .35rem .5rem .4rem .55rem;
    --usk-native-radius: .55rem .8rem .6rem .9rem;
    --usk-native-radius-lg: .9rem 1.25rem .8rem 1.4rem;
    --usk-native-shadow: var(--organic-quiet-shadow);
    --usk-native-shadow-md: var(--organic-lift-shadow);
    --usk-native-focus-ring: 0 0 0 .16rem rgb(var(--organic-focus-rgb) / .32);
    --usk-native-subcontrol-padding-block: .42rem;
    --usk-native-subcontrol-padding-inline: .66rem;
    --usk-native-choice-size: 1.08rem;
    --usk-native-choice-background: var(--organic-material-bg);
    --usk-native-choice-border: 1px solid var(--organic-hairline);
    --usk-native-checkbox-radius: 42% 58% 46% 54%;
    --usk-native-choice-shadow: inset 0 1px 2px rgb(var(--organic-text-rgb) / .1);
    --usk-native-select-indicator-image: linear-gradient(55deg, transparent 48%, var(--organic-primary) 50%), linear-gradient(125deg, var(--organic-primary) 48%, transparent 50%);
    --usk-native-select-indicator-size: .4rem .28rem, .28rem .4rem;
    --usk-native-select-indicator-position: calc(100% - 1.02rem) 48%, calc(100% - .72rem) 54%;
    --usk-native-select-padding-inline-end: 2.3rem;
    --usk-native-range-track-size: .3rem;
    --usk-native-range-track-background: linear-gradient(90deg, rgb(var(--organic-surface-soft-rgb) / .84), rgb(var(--organic-primary-rgb) / .14));
    --usk-native-range-track-border: 1px solid var(--organic-hairline);
    --usk-native-range-track-radius: 55% 45%;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: linear-gradient(90deg, var(--organic-primary), rgb(var(--organic-primary-rgb) / .72));
    --usk-native-range-thumb-size: 1.15rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--organic-hairline);
    --usk-native-range-thumb-radius: 48% 52% 44% 56%;
    --usk-native-range-thumb-shadow: var(--organic-quiet-shadow);
    --usk-native-progress-size: .38rem;
    --usk-native-progress-track-background: var(--organic-material-soft-bg);
    --usk-native-progress-track-border: 1px solid var(--organic-hairline);
    --usk-native-progress-track-radius: 48% 52% 46% 54%;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: linear-gradient(90deg, var(--organic-primary), rgb(var(--organic-primary-rgb) / .74));
    --usk-native-progress-value-radius: 46% 54% 48% 52%;
    --usk-native-progress-value-shadow: none;
    --usk-native-scrollbar-size: .6rem;
    --usk-native-scrollbar-track: rgb(var(--organic-surface-soft-rgb) / .46);
    --usk-native-scrollbar-thumb: rgb(var(--organic-primary-rgb) / .68);
    --usk-native-scrollbar-radius: 44% 56% 48% 52%;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="organic-modern"][data-mode] {
      --usk-native-control-bg: linear-gradient(118deg, color-mix(in srgb, var(--organic-surface-soft) 78%, var(--organic-accent)), var(--organic-surface-soft));
    }
  }

  .organic-title {
    font-family: var(--organic-font-display);
    letter-spacing: max(.014em, .5px);
    margin-block: .75rem;
    font-weight: 480;
  }

  .organic-label, :where([data-ui="organic-modern"]) .usk-label, :where([data-ui="organic-modern"]) .ui-label {
    font-size: .76rem;
    font-weight: 650;
  }

  .organic-button, .organic-icon-button, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    background: var(--organic-material-bg);
    border: 1px solid var(--organic-hairline);
    min-height: 2.65rem;
    box-shadow: var(--organic-quiet-shadow);
    border-radius: .55rem .8rem .6rem .9rem;
    padding: .58rem .86rem;
    font-weight: 620;
  }

  .organic-icon-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    border-radius: 48% 52% 46% 54%;
    padding: 0;
  }

  .organic-button-primary, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="primary"]) {
    border-start-end-radius: 1.5rem 70%;
  }

  .organic-button:active, .organic-icon-button:active, .organic-button[aria-pressed="true"], .organic-icon-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-button:active, :where([data-ui="organic-modern"]) .usk-icon-button:active, :where([data-ui="organic-modern"]) .usk-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .ui-button:active, :where([data-ui="organic-modern"]) .ui-icon-button:active, :where([data-ui="organic-modern"]) .ui-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .ui-icon-button[aria-pressed="true"] {
    box-shadow: inset 0 1px 3px rgb(var(--organic-text-rgb)/.16);
    transform: translateY(1px);
  }

  .organic-input, .organic-textarea, .organic-select, :where([data-ui="organic-modern"]) .usk-input, :where([data-ui="organic-modern"]) .usk-textarea, :where([data-ui="organic-modern"]) .usk-select, :where([data-ui="organic-modern"]) .ui-input, :where([data-ui="organic-modern"]) .ui-textarea, :where([data-ui="organic-modern"]) .ui-select {
    background: var(--organic-material-bg);
    border: 1px solid var(--organic-hairline);
    min-height: 2.65rem;
    box-shadow: none;
    border-radius: .6rem .85rem .55rem .9rem;
    padding: .58rem .86rem;
  }

  .organic-surface, .organic-card, .organic-panel, .organic-toolbar, .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-card, :where([data-ui="organic-modern"]) .ui-toolbar, :where([data-ui="organic-modern"]) .ui-table-wrap {
    background: var(--organic-material-bg);
    border: 1px solid var(--organic-hairline);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: .9rem 1.25rem .8rem 1.4rem;
  }

  .organic-card, .organic-panel, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .ui-card {
    padding: 1.35rem;
  }

  .organic-well, .organic-inset {
    background: var(--organic-material-soft-bg);
    border: 1px solid var(--organic-hairline);
    box-shadow: inset 0 1px 2px rgb(var(--organic-text-rgb)/.08);
    border-radius: .7rem 1rem .65rem 1.1rem;
    padding: 1rem;
  }

  .organic-badge, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .ui-badge {
    border: 1px solid var(--organic-hairline);
    border-radius: 48% 52% 46% 54%;
    min-height: 1.45rem;
    padding: .22rem .52rem;
  }

  .organic-alert, :where([data-ui="organic-modern"]) .usk-alert, :where([data-ui="organic-modern"]) .ui-alert {
    background: var(--organic-material-soft-bg);
    border: 1px solid var(--organic-hairline);
    box-shadow: var(--organic-quiet-shadow);
    border-inline-start-width: .2rem;
    border-radius: .72rem 1.05rem .68rem 1.12rem;
  }

  .organic-progress, :where([data-ui="organic-modern"]) .usk-progress, :where([data-ui="organic-modern"]) .ui-progress {
    background: var(--organic-material-soft-bg);
    height: .38rem;
  }

  .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-table-wrap {
    background: var(--organic-material-bg);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: .9rem 1.25rem .8rem 1.4rem;
  }

  .organic-table th, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .ui-table th {
    background: linear-gradient(90deg,rgb(var(--organic-primary-rgb)/.1),transparent 78%);
    padding: .72rem .82rem;
    font-weight: 650;
  }

  .organic-nav, :where([data-ui="organic-modern"]) .usk-nav, :where([data-ui="organic-modern"]) .ui-nav {
    border: 0;
    border-block-end: 1px solid var(--organic-hairline);
    box-shadow: none;
    border-radius: 0;
    padding: .18rem;
  }

  .organic-nav-link, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-nav-link {
    border-radius: .45rem .7rem .42rem .75rem;
    min-height: 2.25rem;
    padding: .48rem .7rem;
  }

  .organic-tooltip, [data-ui="organic-modern"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="organic-modern"]) .usk-tooltip, :where([data-ui="organic-modern"]) .ui-tooltip {
    border: 1px solid var(--organic-hairline);
    box-shadow: var(--organic-lift-shadow);
    border-radius: .58rem .82rem .54rem .88rem;
  }

  .organic-card-service, .organic-card-feature, .organic-feature-strip, .organic-callout-bar {
    background: var(--organic-material-bg);
    border: 1px solid var(--organic-hairline);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: .95rem 1.3rem .82rem 1.45rem;
    padding: 1.2rem;
  }

  .organic-feature-item {
    border-color: var(--organic-hairline);
    padding: .85rem;
  }

  .organic-callout-bar>:where(.organic-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="organic-modern"]) .organic-callout-bar>:where(.ui-button,a,button):last-child {
    border-start-end-radius: 1.5rem 70%;
  }

  [data-ui="organic-modern"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background: var(--organic-material-bg);
    border: 1px solid var(--organic-hairline);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: .95rem 1.3rem .82rem 1.45rem;
  }

  .organic-button-ghost, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--organic-primary));
    background: none;
    border-color: #0000;
  }

  .organic-feature-item > .organic-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .organic-callout-bar > .organic-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="organic-modern"][data-mode] {
    --organic-loader-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M223.45,40.07a8,8,0,0,0-7.52-7.52C139.8,28.08,78.82,51,52.82,94a87.09,87.09,0,0,0-12.76,49c.57,15.92,5.21,32,13.79,47.85l-19.51,19.5a8,8,0,0,0,11.32,11.32l19.5-19.51C81,210.73,97.09,215.37,113,215.94q1.67.06,3.33.06A86.93,86.93,0,0,0,162,203.18C205,177.18,227.93,116.21,223.45,40.07ZM153.75,189.5c-22.75,13.78-49.68,14-76.71.77l88.63-88.62a8,8,0,0,0-11.32-11.32L65.73,179c-13.19-27-13-54,.77-76.71,22.09-36.47,74.6-56.44,141.31-54.06C210.2,114.89,190.22,167.41,153.75,189.5Z'/%3E%3C/svg%3E");
    --organic-panel-alpha: 1;
    --organic-panel-soft-alpha: 1;
    --organic-border-alpha: 1;
    --organic-hairline: var(--organic-border);
    --organic-material-bg: var(--organic-surface);
    --organic-material-soft-bg: var(--organic-surface-soft);
    --organic-theme-bg: var(--organic-bg);
    --organic-card-bg: var(--organic-surface);
    --organic-control-bg: var(--organic-bg);
    --organic-pressed-bg: rgb(var(--usk-surface-strong-rgb, 61 59 52));
    --organic-pressed-text: rgb(var(--usk-text-rgb, 243 238 228));
    --organic-tooltip-bg: rgb(var(--usk-surface-strong-rgb, 43 41 36));
    --organic-tooltip-text: rgb(var(--usk-text-rgb, 247 244 236));
    --organic-quiet-shadow: 0 5px 16px rgb(var(--organic-text-rgb) / .06);
    --organic-lift-shadow: 0 8px 24px #00000029;
    --organic-radius-lg: 12px;
    --organic-radius-md: 8px;
    --organic-radius-sm: 6px;
    --usk-native-font-heading: var(--organic-font-display);
    --usk-native-font-body: var(--organic-font-sans);
    --usk-native-control-bg: var(--organic-bg);
    --usk-native-card-bg: var(--organic-surface);
    --usk-native-radius: 12px;
    --usk-native-radius-lg: 14px;
    --usk-native-radius-sm: 6px;
    --usk-native-checkbox-radius: 3px;
    --usk-native-choice-background: var(--organic-bg);
    --usk-native-choice-shadow: none;
    --usk-native-range-track-background: var(--organic-surface-soft);
    --usk-native-range-track-radius: 99px;
    --usk-native-range-track-size: 5px;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-border: 0;
    --usk-native-range-progress-background: var(--organic-primary);
    --usk-native-progress-track-background: var(--organic-surface-soft);
    --usk-native-progress-track-radius: 99px;
    --usk-native-progress-value-background: var(--organic-primary);
    --usk-native-progress-value-radius: 99px;
    background: var(--organic-bg);
    color: var(--organic-text);
    font-family: var(--organic-font-sans);
  }

  .organic-title, .organic-heading {
    font-family: var(--organic-font-display);
    letter-spacing: 0;
    font-weight: 500;
  }

  .organic-button, .organic-badge, .organic-nav-link, .organic-kicker, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-badge, :where([data-ui="organic-modern"]) .ui-nav-link {
    font-family: var(--organic-font-sans);
    letter-spacing: 0;
  }

  .organic-surface, .organic-card, .organic-panel, .organic-toolbar, .organic-table-wrap, .organic-card-service, .organic-card-feature, .organic-feature-strip, .organic-callout-bar, :where([data-ui="organic-modern"]) .usk-card, :where([data-ui="organic-modern"]) .usk-toolbar, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-card, :where([data-ui="organic-modern"]) .ui-toolbar, :where([data-ui="organic-modern"]) .ui-table-wrap {
    background: var(--organic-surface);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 12px;
  }

  .organic-button, .organic-icon-button, :where([data-ui="organic-modern"]) .usk-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    background: var(--organic-surface-strong);
    min-height: 44px;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    box-shadow: none;
    border-radius: 6px 6px 10px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
  }

  .organic-icon-button, :where([data-ui="organic-modern"]) .usk-icon-button, :where([data-ui="organic-modern"]) .ui-icon-button {
    background: none;
    flex-shrink: 0;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-grid;
  }

  .organic-button-primary, .organic-button-danger, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="danger"]) {
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
    padding-inline-end: 22px;
  }

  .organic-button-primary, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
    border-color: var(--organic-primary);
  }

  .organic-button-danger, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--organic-danger);
    color: var(--organic-on-danger);
    border-color: var(--organic-danger);
  }

  .organic-button-secondary, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--organic-surface-strong);
    color: var(--organic-text);
    border-color: var(--organic-border);
  }

  .organic-button-secondary:hover, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--organic-surface-soft);
    color: var(--organic-text);
  }

  .organic-button-outline, .organic-button-ghost, :where([data-ui="organic-modern"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="organic-modern"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--organic-text);
    background: none;
  }

  .organic-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .ui-button[aria-pressed="true"] {
    background: var(--organic-pressed-bg);
    color: var(--organic-pressed-text);
    transform: none;
    box-shadow: inset 0 2px 4px #0003;
  }

  .organic-button:focus-visible, .organic-icon-button:focus-visible, :where([data-ui="organic-modern"]) .usk-button:focus-visible, :where([data-ui="organic-modern"]) .usk-icon-button:focus-visible, :where([data-ui="organic-modern"]) .ui-button:focus-visible, :where([data-ui="organic-modern"]) .ui-icon-button:focus-visible {
    outline: 2px solid var(--organic-focus);
    outline-offset: -4px;
  }

  .organic-input, .organic-select, .organic-textarea, :where([data-ui="organic-modern"]) .usk-input, :where([data-ui="organic-modern"]) .usk-select, :where([data-ui="organic-modern"]) .usk-textarea, :where([data-ui="organic-modern"]) .ui-input, :where([data-ui="organic-modern"]) .ui-select, :where([data-ui="organic-modern"]) .ui-textarea {
    background: var(--organic-bg);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    min-height: 44px;
    font-family: var(--organic-font-sans);
    box-shadow: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
  }

  .organic-select, [data-ui="organic-modern"] select:not([multiple]), :where([data-ui="organic-modern"]) .usk-select, :where([data-ui="organic-modern"]) .ui-select {
    appearance: none;
    background-color: var(--organic-bg);
    background-image: linear-gradient(45deg,transparent 50%,var(--organic-text-muted) 50%),linear-gradient(135deg,var(--organic-text-muted) 50%,transparent 50%);
    background-position: calc(100% - 16px), calc(100% - 11px);
    background-repeat: no-repeat;
    background-size: 5px 5px;
    padding-inline-end: 30px;
  }

  .organic-select[multiple], :where([data-ui="organic-modern"]) .usk-select[multiple], :where([data-ui="organic-modern"]) .ui-select[multiple] {
    background-image: none;
    padding-inline-end: 12px;
  }

  .organic-input:focus, .organic-select:focus, .organic-textarea:focus, :where([data-ui="organic-modern"]) .usk-input:focus, :where([data-ui="organic-modern"]) .usk-select:focus, :where([data-ui="organic-modern"]) .usk-textarea:focus, :where([data-ui="organic-modern"]) .ui-input:focus, :where([data-ui="organic-modern"]) .ui-select:focus, :where([data-ui="organic-modern"]) .ui-textarea:focus {
    outline: 2px solid var(--organic-focus);
    outline-offset: 2px;
    box-shadow: none;
  }

  .organic-check-control, .organic-radio-control, :where([data-ui="organic-modern"]) .usk-check-control, :where([data-ui="organic-modern"]) .usk-radio-control, :where([data-ui="organic-modern"]) .ui-check-control, :where([data-ui="organic-modern"]) .ui-radio-control {
    background: var(--organic-bg);
    width: 18px;
    height: 18px;
    box-shadow: none;
    position: relative;
  }

  .organic-check-control, :where([data-ui="organic-modern"]) .usk-check-control, :where([data-ui="organic-modern"]) .ui-check-control {
    border-radius: 3px;
  }

  .organic-radio-control, :where([data-ui="organic-modern"]) .usk-radio-control, :where([data-ui="organic-modern"]) .ui-radio-control {
    border-radius: 50%;
  }

  .organic-check input:checked+.organic-check-control:after, :where([data-ui="organic-modern"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="organic-modern"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    border: solid var(--organic-on-primary);
    border-width: 0 2px 2px 0;
    width: 5px;
    height: 9px;
    position: absolute;
    transform: translateY(-1px) rotate(45deg);
  }

  .organic-badge, :where([data-ui="organic-modern"]) .usk-badge, :where([data-ui="organic-modern"]) .ui-badge {
    border-radius: 99px;
    min-height: 26px;
    padding: 4px 9px;
    font-size: 11px;
  }

  .organic-table, :where([data-ui="organic-modern"]) .usk-table, :where([data-ui="organic-modern"]) .ui-table {
    border-collapse: collapse;
    background: none;
    border: 0;
  }

  .organic-table th, .organic-table td, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .usk-table td, :where([data-ui="organic-modern"]) .ui-table th, :where([data-ui="organic-modern"]) .ui-table td {
    border: 0;
    border-bottom: 1px solid var(--organic-border);
    font-family: var(--organic-font-sans);
    letter-spacing: 0;
    background: none;
    padding: 12px 8px;
  }

  .organic-table th, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .ui-table th {
    color: var(--organic-text-muted);
    font-size: 10px;
    font-weight: 500;
  }

  .organic-table td, :where([data-ui="organic-modern"]) .usk-table td, :where([data-ui="organic-modern"]) .ui-table td {
    color: var(--organic-text);
    font-size: 12px;
  }

  .organic-table td:last-child, .organic-table th:last-child, :where([data-ui="organic-modern"]) .usk-table td:last-child, :where([data-ui="organic-modern"]) .usk-table th:last-child, :where([data-ui="organic-modern"]) .ui-table td:last-child, :where([data-ui="organic-modern"]) .ui-table th:last-child {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  .organic-progress, :where([data-ui="organic-modern"]) .usk-progress, :where([data-ui="organic-modern"]) .ui-progress {
    background: var(--organic-surface-soft);
    height: 5px;
    box-shadow: none;
    border: 0;
    border-radius: 99px;
  }

  .organic-progress-bar, :where([data-ui="organic-modern"]) .usk-progress-bar, :where([data-ui="organic-modern"]) .ui-progress-bar {
    background: var(--organic-primary);
    border-radius: inherit;
  }

  .organic-tooltip, [data-ui="organic-modern"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="organic-modern"]) .usk-tooltip, :where([data-ui="organic-modern"]) .ui-tooltip {
    background: var(--organic-tooltip-bg);
    color: var(--organic-tooltip-text);
    font-family: var(--organic-font-sans);
    border: 0;
    border-radius: 6px;
    padding: 12px;
    font-size: 12px;
  }

  .organic-alert, :where([data-ui="organic-modern"]) .usk-alert, :where([data-ui="organic-modern"]) .ui-alert {
    background: var(--organic-surface);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    box-shadow: none;
    border-radius: 6px;
  }

  @supports (background: color-mix(in srgb,black,white)) {
    .organic-alert, :where([data-ui="organic-modern"]) .usk-alert, :where([data-ui="organic-modern"]) .ui-alert {
      background: color-mix(in srgb,var(--organic-alert-color, var(--organic-primary)) 12%,var(--organic-surface));
    }
  }

  .organic-alert-success, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="success"]) {
    --organic-alert-color: var(--organic-success);
  }

  .organic-alert-warning, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="warning"]) {
    --organic-alert-color: var(--organic-warning);
  }

  .organic-alert-danger, :where([data-ui="organic-modern"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-alert:where([data-ui-variant="danger"]) {
    --organic-alert-color: var(--organic-danger);
  }

  .organic-alert-info {
    --organic-alert-color: var(--organic-secondary);
  }

  .organic-icon-medallion, .organic-badge-seal {
    background: var(--organic-surface-strong);
    color: var(--organic-text);
    box-shadow: none;
    border-radius: 50%;
  }

  [data-ui="organic-modern"][data-mode] :where(fieldset, article, aside, details, dialog) {
    background: var(--organic-surface);
    border-color: var(--organic-border);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 12px;
  }

  [data-ui="organic-modern"][data-mode] :where(dialog) {
    padding: 20px;
  }

  .organic-sheet {
    background: var(--organic-bg);
    color: var(--organic-text);
    font: 13px/1.45 var(--organic-font-sans);
    border: 1px solid var(--organic-border);
    border-radius: 14px;
    padding: 12px;
    container-type: inline-size;
  }

  .organic-sheet * {
    box-sizing: border-box;
    letter-spacing: 0;
  }

  .organic-sheet :where(h2, h3, h4, p, figure, ul, ol) {
    margin: 0;
  }

  .organic-sheet :where(button, input, select, textarea) {
    font-family: var(--organic-font-sans);
  }

  .organic-sheet :where(button) {
    cursor: pointer;
  }

  .organic-sheet :where(button:disabled, input:disabled) {
    cursor: not-allowed;
    opacity: .45;
  }

  .organic-sheet :where(:focus-visible) {
    outline: 2px solid var(--organic-focus);
    outline-offset: 2px;
  }

  .organic-sheet [hidden] {
    display: none !important;
  }

  .organic-sheet :where(h3) {
    font: 500 28px/1.1 var(--organic-font-display);
  }

  .organic-sheet :where(small) {
    color: var(--organic-text-muted);
    font-size: 11px;
  }

  .organic-sheet .organic-panel {
    min-width: 0;
    padding: 16px;
  }

  .organic-icon {
    vertical-align: middle;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    display: inline-flex;
  }

  .organic-icon svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
  }

  .organic-masthead {
    border-bottom: 1px solid var(--organic-border);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 8px 4px 20px;
    display: flex;
  }

  .organic-brand {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .organic-brand strong {
    font: 500 30px/1 var(--organic-font-display);
    display: block;
  }

  .organic-brand .organic-icon {
    color: var(--usk-accent-ink, var(--organic-accent));
    width: 30px;
    height: 30px;
  }

  .organic-section-heading {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    display: flex;
  }

  .organic-section-heading :where(h3, h4), .organic-section-heading {
    font-family: var(--organic-font-sans);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
  }

  .organic-workspace {
    grid-template-columns: minmax(170px, .75fr) minmax(0, 2.7fr) minmax(0, 2.25fr);
    gap: 12px;
    padding-top: 12px;
    display: grid;
  }

  .organic-sidebar, .organic-project-canvas {
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    display: flex;
  }

  .organic-project-list {
    gap: 4px;
    display: grid;
  }

  .organic-project-item {
    min-height: 58px;
    color: var(--organic-text);
    text-align: left;
    background: none;
    border: 1px solid #0000;
    border-radius: 8px;
    align-items: center;
    gap: 10px;
    padding: 8px;
    display: flex;
  }

  .organic-project-item[aria-pressed="true"] {
    background: var(--organic-surface-strong);
    border-color: var(--organic-border);
  }

  .organic-project-item > span:last-child {
    min-width: 0;
  }

  .organic-project-item strong, .organic-project-item small {
    display: block;
  }

  .organic-project-item .organic-photo {
    border-radius: 4px;
    flex-shrink: 0;
    width: 44px;
    height: 40px;
  }

  .organic-status-card {
    background: var(--organic-surface);
    border: 1px solid var(--organic-border);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 12px;
    padding: 16px;
  }

  .organic-score {
    --organic-value: 62%;
    background: conic-gradient(var(--organic-accent) var(--organic-value),var(--organic-surface-soft)0);
    text-align: center;
    isolation: isolate;
    border-radius: 50%;
    place-content: center;
    width: 90px;
    height: 90px;
    margin-top: 12px;
    display: grid;
    position: relative;
  }

  .organic-score:before {
    content: "";
    border-radius: inherit;
    background: var(--organic-surface);
    z-index: -1;
    position: absolute;
    inset: 7px;
  }

  .organic-score strong {
    font: 600 27px/1 var(--organic-font-display);
  }

  .organic-avatar-row {
    align-items: center;
    padding-left: 4px;
    display: flex;
  }

  .organic-avatar-row .organic-photo {
    border: 2px solid var(--organic-bg);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-left: -4px;
  }

  .organic-quote-card {
    background: var(--organic-surface-strong);
    border-radius: 14px 40px 14px 14px;
    overflow: hidden;
  }

  .organic-quote-card .organic-photo {
    clip-path: ellipse(77% 67% at 44% 31%);
    height: 150px;
  }

  .organic-quote-card blockquote {
    font: italic 500 20px/1.2 var(--organic-font-display);
    margin: 8px 20px;
  }

  .organic-quote-card figcaption {
    color: var(--organic-text-muted);
    padding: 4px 20px 24px;
    font-size: 11px;
  }

  .organic-photo {
    background: var(--organic-surface-soft);
    display: block;
    position: relative;
    overflow: hidden;
  }

  .organic-photo img {
    object-fit: fill;
    max-width: none;
    position: absolute;
  }

  .organic-hero-card {
    border: 1px solid var(--organic-border);
    border-radius: 16px 16px 16px 28px;
    min-height: 330px;
    position: relative;
    overflow: hidden;
  }

  .organic-hero-card > .organic-photo {
    position: absolute;
    inset: 0;
  }

  [data-ui="organic-modern"][data-mode="dark"] .organic-hero-card .organic-photo, [data-ui="organic-modern"][data-mode="dark"] .organic-quote-card .organic-photo {
    filter: brightness(.67) saturate(.78);
  }

  .organic-hero-overlay {
    background: var(--organic-surface);
    width: 200px;
    max-width: calc(100% - 48px);
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    box-shadow: var(--organic-lift-shadow);
    border-radius: 14px 14px 14px 26px;
    padding: 20px;
    position: absolute;
    top: 24px;
    right: 24px;
  }

  .organic-hero-overlay h3 {
    margin: 6px 0;
    font-size: 34px;
  }

  .organic-hero-overlay p {
    color: var(--organic-text-muted);
    margin: 8px 0 16px;
  }

  .organic-overview-row, .organic-data-row {
    grid-template-columns: minmax(0, 2fr) minmax(170px, 1fr);
    gap: 12px;
    display: grid;
  }

  .organic-materials {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .organic-material {
    color: var(--organic-text);
    text-align: center;
    background: none;
    border: 0;
    min-width: 0;
    padding: 0;
  }

  .organic-material-image {
    border: 1px solid var(--organic-border);
    border-radius: 5px 5px 8px;
    height: 115px;
    margin-bottom: 8px;
    display: block;
    overflow: hidden;
  }

  .organic-material-image .organic-photo {
    height: 100%;
  }

  .organic-material[aria-pressed="true"] .organic-material-image {
    outline: 2px solid var(--organic-primary);
    outline-offset: 2px;
  }

  .organic-material strong, .organic-material small {
    overflow-wrap: break-word;
    font-size: 10px;
    font-weight: 500;
    display: block;
  }

  .organic-impact dl {
    margin: 0;
  }

  .organic-impact dl > div {
    border-bottom: 1px solid var(--organic-border);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    display: flex;
  }

  .organic-impact dt {
    color: var(--organic-text-muted);
    font-size: 10px;
  }

  .organic-impact dd {
    font: 500 26px/1 var(--organic-font-display);
    margin: 0;
  }

  .organic-performance {
    align-content: start;
    gap: 20px;
    display: grid;
  }

  .organic-performance label {
    gap: 8px;
    font-size: 11px;
    display: grid;
  }

  .organic-performance meter {
    width: 100%;
  }

  .organic-notices {
    flex-wrap: wrap;
    gap: 12px;
    display: flex;
  }

  .organic-notice {
    background: var(--organic-surface);
    color: var(--organic-text);
    border-radius: 8px;
    flex: 130px;
    gap: 10px;
    padding: 12px;
    display: flex;
  }

  .organic-notice > .organic-icon {
    color: var(--usk-accent-ink, var(--organic-accent));
  }

  .organic-notice small {
    margin-top: 4px;
    display: block;
  }

  .organic-add-material {
    background: var(--organic-surface);
    border: 1px solid var(--organic-border);
    border-radius: 12px;
    padding: 16px;
  }

  .organic-control-lab {
    background: var(--organic-surface);
    min-width: 0;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 14px 14px 14px 26px;
    padding: 16px;
  }

  .organic-control-lab > section {
    border-top: 1px solid var(--organic-border);
    margin-top: 14px;
    padding-top: 14px;
  }

  .organic-control-lab > header h3 {
    font-size: 26px;
  }

  .organic-button-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .organic-button-grid .organic-button, :where([data-ui="organic-modern"]) .organic-button-grid .usk-button, :where([data-ui="organic-modern"]) .organic-button-grid .ui-button {
    padding-inline: 8px 15px;
  }

  .organic-input-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .organic-field, :where([data-ui="organic-modern"]) .usk-field, :where([data-ui="organic-modern"]) .ui-field {
    min-width: 0;
    color: var(--organic-text-muted);
    align-content: start;
    gap: 6px;
    font-size: 11px;
    display: grid;
  }

  .organic-field .organic-textarea, :where([data-ui="organic-modern"]) .usk-field .usk-textarea, :where([data-ui="organic-modern"]) .ui-field .ui-textarea {
    resize: vertical;
    min-height: 100px;
  }

  .organic-field-wide {
    grid-column: span 2;
  }

  .organic-input-action {
    border: 1px solid var(--organic-border);
    background: var(--organic-bg);
    color: var(--organic-text);
    border-radius: 6px;
    min-width: 0;
    display: flex;
  }

  .organic-input-action:focus-within {
    outline: 2px solid var(--organic-focus);
    outline-offset: 2px;
  }

  .organic-input-action .organic-input, :where([data-ui="organic-modern"]) .organic-input-action .usk-input, :where([data-ui="organic-modern"]) .organic-input-action .ui-input {
    border: 0;
    outline: 0;
    width: 100%;
    min-width: 0;
    padding-inline: 8px;
  }

  .organic-input-action .organic-icon-button, :where([data-ui="organic-modern"]) .organic-input-action .usk-icon-button, :where([data-ui="organic-modern"]) .organic-input-action .ui-icon-button {
    border: 0;
    width: 36px;
  }

  .organic-file-drop {
    border: 1px dashed var(--organic-border);
    text-align: center;
    min-height: 100px;
    color: var(--organic-text-muted);
    border-radius: 7px;
    place-content: center;
    justify-items: center;
    gap: 5px;
    display: grid;
    position: relative;
  }

  .organic-file-drop input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    position: absolute;
    inset: 0;
  }

  .organic-file-drop:focus-within {
    outline: 2px solid var(--organic-focus);
    outline-offset: 2px;
  }

  .organic-token-input {
    border: 1px solid var(--organic-border);
    background: var(--organic-bg);
    border-radius: 6px;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    padding: 4px;
    display: flex;
  }

  .organic-token {
    background: var(--organic-surface-strong);
    color: var(--organic-text);
    border-radius: 4px;
    align-items: center;
    padding-left: 8px;
    font-size: 11px;
    display: inline-flex;
  }

  .organic-token .organic-icon-button, :where([data-ui="organic-modern"]) .organic-token .usk-icon-button, :where([data-ui="organic-modern"]) .organic-token .ui-icon-button {
    border: 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .organic-expanded-select {
    min-width: 0;
  }

  .organic-expanded-select [role="listbox"] {
    background: var(--organic-surface);
    border: 1px solid var(--organic-border);
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 6px;
    margin-top: 4px;
    padding: 4px;
  }

  .organic-option {
    width: 100%;
    min-height: 36px;
    color: var(--organic-text);
    text-align: left;
    background: none;
    border: 0;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    font-size: 12px;
    display: flex;
  }

  .organic-option:hover, .organic-option[aria-selected="true"] {
    background: var(--organic-surface-strong);
  }

  .organic-choice-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .organic-choice-columns > div {
    align-content: start;
    gap: 4px;
    display: grid;
  }

  .organic-choice-columns label {
    min-height: 36px;
    color: var(--organic-text);
    align-items: center;
    gap: 8px;
    font-size: 12px;
    display: flex;
  }

  .organic-choice-columns input {
    width: 18px;
    height: 18px;
    accent-color: var(--organic-primary);
    flex-shrink: 0;
    margin: 0;
  }

  .organic-choice-columns input[role="switch"] {
    appearance: none;
    border: 1px solid var(--organic-border);
    background: var(--organic-surface-soft);
    border-radius: 99px;
    width: 36px;
    height: 20px;
    position: relative;
  }

  .organic-choice-columns input[role="switch"]:before {
    content: "";
    background: var(--organic-text-muted);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .organic-choice-columns input[role="switch"]:checked {
    background: var(--organic-primary);
  }

  .organic-choice-columns input[role="switch"]:checked:before {
    background: var(--organic-on-primary);
    transform: translateX(16px);
  }

  .organic-range {
    color: var(--organic-text-muted);
    gap: 4px;
    font-size: 11px;
    display: grid;
  }

  .organic-range > span {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .organic-range input {
    appearance: none;
    background: none;
    border: 0;
    width: 100%;
    min-height: 32px;
    margin: 0;
    padding: 0;
  }

  .organic-range input::-webkit-slider-runnable-track {
    background: linear-gradient(to right,var(--organic-primary) var(--organic-value, 50%),var(--organic-surface-soft)0);
    border: 0;
    border-radius: 99px;
    height: 5px;
  }

  .organic-range input::-webkit-slider-thumb {
    appearance: none;
    background: var(--organic-primary);
    width: 18px;
    height: 18px;
    box-shadow: none;
    border: 0;
    border-radius: 50%;
    margin-top: -6.5px;
  }

  .organic-range input::-moz-range-track {
    background: var(--organic-surface-soft);
    border: 0;
    border-radius: 99px;
    height: 5px;
  }

  .organic-range input::-moz-range-progress {
    background: var(--organic-primary);
    border-radius: 99px;
    height: 5px;
  }

  .organic-range input::-moz-range-thumb {
    background: var(--organic-primary);
    border: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
  }

  .organic-value {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
    font-variant-numeric: tabular-nums;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
  }

  .organic-progress-steps {
    background: linear-gradient(var(--organic-border),var(--organic-border)) center/100% 1px no-repeat;
    justify-content: space-between;
    margin: 14px 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .organic-progress-steps li {
    background: var(--organic-surface);
    width: 30px;
    height: 30px;
    color: var(--organic-text);
    border: 1px solid var(--organic-border);
    border-radius: 50%;
    place-items: center;
    display: grid;
  }

  .organic-progress-steps li[data-complete] {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
  }

  .organic-progress-steps li[aria-current="step"] {
    background: var(--organic-danger);
    color: var(--organic-on-danger);
  }

  .organic-tabs, .organic-segmented, .organic-pagination, .organic-stepper, :where([data-ui="organic-modern"]) .usk-tabs, :where([data-ui="organic-modern"]) .usk-pagination, :where([data-ui="organic-modern"]) .usk-stepper, :where([data-ui="organic-modern"]) .ui-tabs, :where([data-ui="organic-modern"]) .ui-pagination, :where([data-ui="organic-modern"]) .ui-stepper {
    border: 1px solid var(--organic-border);
    border-radius: 6px;
    flex-wrap: wrap;
    width: fit-content;
    max-width: 100%;
    display: flex;
    overflow: hidden;
  }

  .organic-tabs, :where([data-ui="organic-modern"]) .usk-tabs, :where([data-ui="organic-modern"]) .ui-tabs {
    width: 100%;
  }

  .organic-masthead .organic-tabs, :where([data-ui="organic-modern"]) .organic-masthead .usk-tabs, :where([data-ui="organic-modern"]) .organic-masthead .ui-tabs {
    border: 0;
    overflow: visible;
  }

  .organic-masthead .organic-tab, :where([data-ui="organic-modern"]) .organic-masthead .usk-tab, :where([data-ui="organic-modern"]) .organic-masthead .ui-tab {
    white-space: nowrap;
    border: 0;
    flex: none;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .organic-search {
    border: 1px solid var(--organic-border);
    background: var(--organic-surface);
    border-radius: 13px;
    align-items: center;
    gap: 8px;
    width: 260px;
    max-width: 100%;
    padding: 0 12px;
    display: flex;
  }

  .organic-search .organic-input, :where([data-ui="organic-modern"]) .organic-search .usk-input, :where([data-ui="organic-modern"]) .organic-search .ui-input {
    background: none;
    border: 0;
    min-width: 0;
    padding-inline: 0;
  }

  .organic-avatar, :where([data-ui="organic-modern"]) .usk-avatar, :where([data-ui="organic-modern"]) .ui-avatar {
    border: 2px solid var(--organic-surface);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: inline-block;
    overflow: hidden;
  }

  .organic-avatar .organic-photo, :where([data-ui="organic-modern"]) .usk-avatar .organic-photo, :where([data-ui="organic-modern"]) .ui-avatar .organic-photo {
    height: 100%;
  }

  .organic-tab, .organic-segmented button, .organic-pagination button, :where([data-ui="organic-modern"]) .usk-tab, :where([data-ui="organic-modern"]) .usk-pagination button, :where([data-ui="organic-modern"]) .ui-tab, :where([data-ui="organic-modern"]) .ui-pagination button {
    border: 0;
    border-right: 1px solid var(--organic-border);
    min-width: 36px;
    min-height: 44px;
    color: var(--organic-text);
    background: none;
    flex: 1;
    padding: 8px 10px;
    font-size: 11px;
  }

  .organic-tab[aria-selected="true"], .organic-segmented button[aria-pressed="true"], :where([data-ui="organic-modern"]) .usk-tab[aria-selected="true"], :where([data-ui="organic-modern"]) .ui-tab[aria-selected="true"] {
    background: var(--organic-surface-strong);
    box-shadow: inset 0-2px var(--organic-primary);
  }

  .organic-pagination button[aria-current="page"], :where([data-ui="organic-modern"]) .usk-pagination button[aria-current="page"], :where([data-ui="organic-modern"]) .ui-pagination button[aria-current="page"] {
    background: var(--organic-primary);
    color: var(--organic-on-primary);
  }

  .organic-stepper, :where([data-ui="organic-modern"]) .usk-stepper, :where([data-ui="organic-modern"]) .ui-stepper {
    flex-wrap: nowrap;
    align-items: center;
  }

  .organic-stepper .organic-icon-button, :where([data-ui="organic-modern"]) .usk-stepper .usk-icon-button, :where([data-ui="organic-modern"]) .ui-stepper .ui-icon-button {
    border: 0;
    border-radius: 0;
  }

  .organic-stepper output, :where([data-ui="organic-modern"]) .usk-stepper output, :where([data-ui="organic-modern"]) .ui-stepper output {
    text-align: center;
    font-variant-numeric: tabular-nums;
    min-width: 44px;
  }

  .organic-dialog {
    border: 1px solid var(--organic-border);
    background: var(--organic-surface);
    width: min(380px, 100% - 32px);
    color: var(--organic-text);
    box-shadow: var(--organic-lift-shadow);
    border-radius: 10px;
    padding: 20px;
  }

  .organic-dialog::backdrop {
    background: #00000073;
  }

  .organic-dialog p {
    margin-block: 12px;
  }

  .organic-dialog-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    display: flex;
  }

  .organic-feedback-stack {
    gap: 8px;
    display: grid;
  }

  .organic-feedback-stack .organic-alert, :where([data-ui="organic-modern"]) .organic-feedback-stack .usk-alert, :where([data-ui="organic-modern"]) .organic-feedback-stack .ui-alert {
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    font-size: 12px;
    display: flex;
  }

  .organic-feedback-stack .organic-alert>span:nth-child(2), :where([data-ui="organic-modern"]) .organic-feedback-stack .usk-alert>span:nth-child(2), :where([data-ui="organic-modern"]) .organic-feedback-stack .ui-alert>span:nth-child(2) {
    flex: 1;
  }

  .organic-feedback-stack .organic-icon-button, :where([data-ui="organic-modern"]) .organic-feedback-stack .usk-icon-button, :where([data-ui="organic-modern"]) .organic-feedback-stack .ui-icon-button {
    border: 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .organic-quote-card blockquote {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  .organic-sheet .organic-pagination button, .organic-sheet .organic-segmented button, :where([data-ui="organic-modern"]) .organic-sheet .usk-pagination button, :where([data-ui="organic-modern"]) .organic-sheet .ui-pagination button {
    border-radius: 0;
  }

  .organic-sheet .organic-stepper, :where([data-ui="organic-modern"]) .organic-sheet .usk-stepper, :where([data-ui="organic-modern"]) .organic-sheet .ui-stepper {
    min-width: 136px;
  }

  .organic-sheet .organic-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .organic-sheet .usk-button[aria-pressed="true"], :where([data-ui="organic-modern"]) .organic-sheet .ui-button[aria-pressed="true"] {
    background: var(--organic-pressed-bg);
    color: var(--organic-pressed-text);
  }

  .organic-spinner, .organic-loading-spinner, [data-ui="organic-modern"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="organic-modern"]) .usk-spinner, :where([data-ui="organic-modern"]) .ui-spinner {
    background: var(--organic-spinner-stroke);
    box-shadow: none;
    mask: var(--organic-loader-mask) center/contain no-repeat;
    border: 0;
    border-radius: 0;
    animation: 1.6s ease-in-out infinite organic-leaf-sway;
  }

  .organic-button[aria-busy="true"]:after, .organic-icon-button[aria-busy="true"]:after, [data-ui="organic-modern"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="organic-modern"]) .usk-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-button[aria-busy="true"]:after, :where([data-ui="organic-modern"]) .ui-icon-button[aria-busy="true"]:after {
    box-shadow: none;
    mask: var(--organic-loader-mask) center/contain no-repeat;
    background: currentColor;
    border: 0;
    border-radius: 0;
    flex-shrink: 0;
    animation: 1.6s ease-in-out infinite organic-leaf-sway;
  }

  @keyframes organic-leaf-sway {
    0%, 100% {
      opacity: .65;
      transform: rotate(-18deg);
    }

    50% {
      opacity: 1;
      transform: rotate(18deg);
    }
  }

  .organic-icon-medallion {
    padding: 0;
  }

  .organic-icon-medallion > svg {
    block-size: 32px;
    inline-size: 32px;
    display: block;
  }

  .organic-card-service > .organic-icon-medallion > svg {
    block-size: 36px;
    inline-size: 36px;
  }

  .organic-badge-seal {
    gap: 2px;
    padding: 8px;
  }

  .organic-badge-seal > strong {
    font: 600 30px/1 var(--organic-font-display);
  }

  .organic-badge-seal > small {
    font: 600 14px/1.2 var(--organic-font-sans);
    letter-spacing: 0;
    color: var(--organic-text-muted);
  }

  .organic-table-wrap, :where([data-ui="organic-modern"]) .usk-table-wrap, :where([data-ui="organic-modern"]) .ui-table-wrap {
    background: var(--organic-surface);
    box-shadow: none;
    border-radius: 10px;
    padding: 0;
  }

  .organic-table th, :where([data-ui="organic-modern"]) .usk-table th, :where([data-ui="organic-modern"]) .ui-table th {
    background: var(--organic-surface-soft);
    color: var(--organic-text);
    font: 600 11px/1.4 var(--organic-font-sans);
    padding: 12px 14px;
  }

  .organic-table td, :where([data-ui="organic-modern"]) .usk-table td, :where([data-ui="organic-modern"]) .ui-table td {
    padding: 12px 14px;
  }

  .organic-table caption, :where([data-ui="organic-modern"]) .usk-table caption, :where([data-ui="organic-modern"]) .ui-table caption {
    border-top: 1px solid var(--organic-border);
    background: var(--organic-surface);
    color: var(--organic-text-muted);
    font: 400 12px/1.4 var(--organic-font-sans);
    text-align: left;
    padding: 12px 14px;
  }

  .organic-table tbody tr:last-child td, :where([data-ui="organic-modern"]) .usk-table tbody tr:last-child td, :where([data-ui="organic-modern"]) .ui-table tbody tr:last-child td {
    border-bottom: 0;
  }

  .organic-badge-success, .organic-badge-warning, .organic-badge-danger, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--organic-surface-strong);
    color: var(--organic-text);
  }

  .organic-badge-success, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="success"]) {
    border-color: var(--organic-success);
  }

  .organic-badge-warning, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="warning"]) {
    border-color: var(--organic-warning);
  }

  .organic-badge-danger, :where([data-ui="organic-modern"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="organic-modern"]) .ui-badge:where([data-ui-variant="danger"]) {
    border-color: var(--organic-danger);
  }

  .organic-button.organic-button-cut, .organic-button-cut, :where([data-ui="organic-modern"]) .usk-button.organic-button-cut, :where([data-ui="organic-modern"]) .ui-button.organic-button-cut {
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
    box-shadow: none;
    border-radius: 6px 6px 10px;
  }

  .organic-button.organic-button-outline-heavy, .organic-button-outline-heavy, :where([data-ui="organic-modern"]) .usk-button.organic-button-outline-heavy, :where([data-ui="organic-modern"]) .ui-button.organic-button-outline-heavy {
    clip-path: none;
    border: 1px solid var(--organic-border);
    color: var(--organic-text);
    box-shadow: none;
    background: none;
    border-radius: 6px;
  }

  .organic-button.organic-button-outline-heavy:hover, .organic-button-outline-heavy:hover, :where([data-ui="organic-modern"]) .usk-button.organic-button-outline-heavy:hover, :where([data-ui="organic-modern"]) .ui-button.organic-button-outline-heavy:hover {
    background: var(--organic-primary);
    border-color: var(--organic-primary);
    color: var(--organic-on-primary);
  }

  .organic-card-media {
    border-radius: 16px 16px 16px 28px;
  }

  .organic-media-scrim, .organic-metric, :where([data-ui="organic-modern"]) .usk-metric, :where([data-ui="organic-modern"]) .ui-metric {
    box-shadow: var(--organic-quiet-shadow);
    border-radius: 12px;
  }

  .organic-card-accent-edge {
    background: var(--organic-surface);
  }

  .organic-nav, .organic-nav-link, :where([data-ui="organic-modern"]) .usk-nav, :where([data-ui="organic-modern"]) .usk-nav-link, :where([data-ui="organic-modern"]) .ui-nav, :where([data-ui="organic-modern"]) .ui-nav-link {
    border-radius: 6px;
  }

  [data-ui="organic-modern"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    box-shadow: none;
    border-radius: 6px 6px 10px;
  }

  [data-ui="organic-modern"][data-mode] input[type="checkbox"]:not([role="switch"]) {
    background-image: none;
    place-content: center;
    display: inline-grid;
    position: relative;
  }

  [data-ui="organic-modern"][data-mode] input[type="checkbox"]:checked:not([role="switch"]):after {
    content: "";
    border: solid var(--organic-on-primary);
    border-width: 0 2px 2px 0;
    width: 5px;
    height: 9px;
    transform: translateY(-1px) rotate(45deg);
  }

  [data-ui="organic-modern"][data-mode] input[type="checkbox"]:indeterminate:not([role="switch"]):after {
    content: "";
    background: var(--organic-on-primary);
    border: 0;
    width: 9px;
    height: 2px;
    transform: none;
  }

  @container (width <= 1250px) {
    .organic-workspace {
      grid-template-columns: 190px minmax(0, 1fr);
    }

    .organic-control-lab {
      grid-column: 1 / -1;
    }
  }

  @container (width <= 700px) {
    .organic-workspace, .organic-overview-row, .organic-data-row {
      grid-template-columns: minmax(0, 1fr);
    }

    .organic-sidebar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      display: grid;
    }

    .organic-project-list, .organic-input-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .organic-field-wide {
      grid-column: 1 / -1;
    }

    .organic-button-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (width <= 420px) {
    .organic-sidebar, .organic-project-list, .organic-input-grid, .organic-choice-columns {
      grid-template-columns: minmax(0, 1fr);
    }

    .organic-materials {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .organic-hero-overlay {
      top: 16px;
      right: 16px;
    }

    .organic-brand strong {
      font-size: 26px;
    }

    .organic-control-lab {
      padding: 12px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .organic-spinner, .organic-loading-spinner, [data-ui="organic-modern"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), [data-ui="organic-modern"] [aria-busy="true"]:after, :where([data-ui="organic-modern"]) .usk-spinner, :where([data-ui="organic-modern"]) .ui-spinner {
      opacity: 1;
      transform: none;
      animation: none !important;
    }

    .organic-sheet *, .organic-sheet :before, .organic-sheet :after {
      scroll-behavior: auto;
      transition: none !important;
      animation: none !important;
    }
  }

  [data-ui="organic-modern"][data-mode] .organic-button.organic-button-warning, :where([data-ui="organic-modern"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="organic-modern"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--organic-warning);
    color: var(--organic-on-warning);
    border-color: var(--organic-warning);
    text-shadow: none;
  }

  [data-ui="organic-modern"][data-mode] .organic-badge-seal > strong {
    font-size: 30px;
    line-height: 1;
  }

  [data-ui="organic-modern"][data-mode] .organic-badge-seal > small {
    font-size: 14px;
    line-height: 1.2;
  }
}

@font-face {
  font-family: Organic Cormorant;
  src: url("./assets/organic-display.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Organic DM Sans;
  src: url("./assets/organic-sans.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

[data-ui="organic-modern"][data-mode] .organic-title {
  letter-spacing: max(.014em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="organic-modern"][data-mode] .organic-feature-item > .organic-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="organic-modern"][data-mode] .organic-callout-bar > .organic-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/industrial-utility.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --utility-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --utility-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --utility-font-body: var(--utility-font-sans);
    --utility-font-heading: var(--utility-font-display);
    --utility-font-control: var(--utility-font-display);
    --utility-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --utility-radius-xs: .25rem;
    --utility-radius-sm: .5rem;
    --utility-radius-md: .75rem;
    --utility-radius-lg: 1.125rem;
    --utility-radius-xl: calc(1.125rem + .5rem);
    --utility-radius-pill: 999px;
    --utility-space-1: .25rem;
    --utility-space-2: .5rem;
    --utility-space-3: .75rem;
    --utility-space-4: 1rem;
    --utility-space-5: 1.25rem;
    --utility-space-6: 1.5rem;
    --utility-space-8: 2rem;
    --utility-transition-fast: .15s ease;
    --utility-transition-base: .24s ease;
  }

  [data-ui="industrial-utility"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --utility-fallback-bg-rgb: 245 243 239;
    --utility-fallback-surface-rgb: 255 255 255;
    --utility-fallback-surface-strong-rgb: 251 250 248;
    --utility-fallback-surface-soft-rgb: 228 224 218;
    --utility-fallback-text-rgb: 24 21 18;
    --utility-fallback-text-muted-rgb: 98 91 84;
    --utility-fallback-border-rgb: 184 178 169;
    --utility-fallback-primary-rgb: 183 78 22;
    --utility-fallback-primary-hover-rgb: 142 63 18;
    --utility-fallback-primary-text-rgb: 255 255 255;
    --utility-fallback-secondary-rgb: 43 43 43;
    --utility-fallback-secondary-hover-rgb: 27 27 27;
    --utility-fallback-secondary-text-rgb: 255 255 255;
    --utility-fallback-accent-rgb: 225 139 61;
    --utility-fallback-accent-text-rgb: 0 0 0;
    --utility-fallback-success-rgb: 47 125 84;
    --utility-fallback-success-text-rgb: 255 255 255;
    --utility-fallback-warning-rgb: 164 106 0;
    --utility-fallback-warning-text-rgb: 0 0 0;
    --utility-fallback-danger-rgb: 178 60 60;
    --utility-fallback-danger-text-rgb: 255 255 255;
    --utility-fallback-link-rgb: 142 63 18;
    --utility-fallback-focus-rgb: 225 139 61;
    --utility-panel-alpha: .98;
    --utility-panel-soft-alpha: .78;
    --utility-border-alpha: .58;
    --utility-shadow-alpha: .12;
    --utility-focus-alpha: .34;
  }

  [data-ui="industrial-utility"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --utility-fallback-bg-rgb: 13 12 11;
    --utility-fallback-surface-rgb: 26 26 26;
    --utility-fallback-surface-strong-rgb: 43 43 43;
    --utility-fallback-surface-soft-rgb: 18 17 16;
    --utility-fallback-text-rgb: 247 242 235;
    --utility-fallback-text-muted-rgb: 197 188 177;
    --utility-fallback-border-rgb: 89 81 73;
    --utility-fallback-primary-rgb: 255 138 61;
    --utility-fallback-primary-hover-rgb: 255 174 113;
    --utility-fallback-primary-text-rgb: 0 0 0;
    --utility-fallback-secondary-rgb: 198 191 182;
    --utility-fallback-secondary-hover-rgb: 227 222 215;
    --utility-fallback-secondary-text-rgb: 0 0 0;
    --utility-fallback-accent-rgb: 255 179 107;
    --utility-fallback-accent-text-rgb: 0 0 0;
    --utility-fallback-success-rgb: 139 223 178;
    --utility-fallback-success-text-rgb: 0 0 0;
    --utility-fallback-warning-rgb: 255 210 122;
    --utility-fallback-warning-text-rgb: 0 0 0;
    --utility-fallback-danger-rgb: 255 152 152;
    --utility-fallback-danger-text-rgb: 0 0 0;
    --utility-fallback-link-rgb: 255 179 107;
    --utility-fallback-focus-rgb: 255 154 66;
    --utility-panel-alpha: .92;
    --utility-panel-soft-alpha: .64;
    --utility-border-alpha: .52;
    --utility-shadow-alpha: .34;
    --utility-focus-alpha: .42;
  }

  [data-ui="industrial-utility"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --utility-fallback-bg-rgb: 0 0 0;
    --utility-fallback-surface-rgb: 10 9 8;
    --utility-fallback-surface-strong-rgb: 23 19 17;
    --utility-fallback-surface-soft-rgb: 0 0 0;
    --utility-fallback-text-rgb: 255 255 255;
    --utility-fallback-text-muted-rgb: 247 241 234;
    --utility-fallback-border-rgb: 255 255 255;
    --utility-fallback-primary-rgb: 255 154 66;
    --utility-fallback-primary-hover-rgb: 255 255 255;
    --utility-fallback-primary-text-rgb: 0 0 0;
    --utility-fallback-secondary-rgb: 244 241 236;
    --utility-fallback-secondary-hover-rgb: 255 255 255;
    --utility-fallback-secondary-text-rgb: 0 0 0;
    --utility-fallback-accent-rgb: 255 195 111;
    --utility-fallback-accent-text-rgb: 0 0 0;
    --utility-fallback-success-rgb: 0 255 144;
    --utility-fallback-success-text-rgb: 0 0 0;
    --utility-fallback-warning-rgb: 255 212 0;
    --utility-fallback-warning-text-rgb: 0 0 0;
    --utility-fallback-danger-rgb: 255 92 92;
    --utility-fallback-danger-text-rgb: 0 0 0;
    --utility-fallback-link-rgb: 255 179 107;
    --utility-fallback-focus-rgb: 255 255 255;
    --utility-panel-alpha: 1;
    --utility-panel-soft-alpha: .92;
    --utility-border-alpha: 1;
    --utility-shadow-alpha: .5;
    --utility-focus-alpha: .72;
  }

  [data-ui="industrial-utility"][data-theme][data-mode] {
    --utility-bg-rgb: var(--usk-bg-rgb);
    --utility-surface-rgb: var(--usk-surface-rgb);
    --utility-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --utility-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --utility-text-rgb: var(--usk-text-rgb);
    --utility-text-muted-rgb: var(--usk-text-muted-rgb);
    --utility-border-rgb: var(--usk-border-rgb);
    --utility-primary-rgb: var(--usk-primary-rgb);
    --utility-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --utility-primary-text-rgb: var(--usk-primary-text-rgb);
    --utility-secondary-rgb: var(--usk-secondary-rgb);
    --utility-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --utility-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --utility-accent-rgb: var(--usk-accent-rgb);
    --utility-accent-text-rgb: var(--usk-accent-text-rgb);
    --utility-success-rgb: var(--usk-success-rgb);
    --utility-success-text-rgb: var(--usk-success-text-rgb);
    --utility-warning-rgb: var(--usk-warning-rgb);
    --utility-warning-text-rgb: var(--usk-warning-text-rgb);
    --utility-danger-rgb: var(--usk-danger-rgb);
    --utility-danger-text-rgb: var(--usk-danger-text-rgb);
    --utility-link-rgb: var(--usk-link-rgb);
    --utility-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="industrial-utility"][data-mode] {
    --usk-native-bg: var(--utility-bg);
    --utility-bg-rgb: var(--usk-bg-rgb, var(--utility-fallback-bg-rgb));
    --utility-surface-rgb: var(--usk-surface-rgb, var(--utility-fallback-surface-rgb));
    --utility-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--utility-fallback-surface-strong-rgb));
    --utility-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--utility-fallback-surface-soft-rgb));
    --utility-text-rgb: var(--usk-text-rgb, var(--utility-fallback-text-rgb));
    --utility-text-muted-rgb: var(--usk-text-muted-rgb, var(--utility-fallback-text-muted-rgb));
    --utility-border-rgb: var(--usk-border-rgb, var(--utility-fallback-border-rgb));
    --utility-primary-rgb: var(--usk-primary-rgb, var(--utility-fallback-primary-rgb));
    --utility-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--utility-fallback-primary-hover-rgb));
    --utility-primary-text-rgb: var(--usk-primary-text-rgb, var(--utility-fallback-primary-text-rgb));
    --utility-secondary-rgb: var(--usk-secondary-rgb, var(--utility-fallback-secondary-rgb));
    --utility-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--utility-fallback-secondary-hover-rgb));
    --utility-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--utility-fallback-secondary-text-rgb));
    --utility-accent-rgb: var(--usk-accent-rgb, var(--utility-fallback-accent-rgb));
    --utility-accent-text-rgb: var(--usk-accent-text-rgb, var(--utility-fallback-accent-text-rgb));
    --utility-success-rgb: var(--usk-success-rgb, var(--utility-fallback-success-rgb));
    --utility-success-text-rgb: var(--usk-success-text-rgb, var(--utility-fallback-success-text-rgb));
    --utility-warning-rgb: var(--usk-warning-rgb, var(--utility-fallback-warning-rgb));
    --utility-warning-text-rgb: var(--usk-warning-text-rgb, var(--utility-fallback-warning-text-rgb));
    --utility-danger-rgb: var(--usk-danger-rgb, var(--utility-fallback-danger-rgb));
    --utility-danger-text-rgb: var(--usk-danger-text-rgb, var(--utility-fallback-danger-text-rgb));
    --utility-link-rgb: var(--usk-link-rgb, var(--utility-fallback-link-rgb));
    --utility-focus-rgb: var(--usk-focus-rgb, var(--utility-fallback-focus-rgb));
    --usk-native-surface: var(--utility-surface);
    --usk-native-surface-strong: var(--utility-surface-strong);
    --usk-native-surface-soft: var(--utility-surface-soft);
    --usk-native-card-bg: var(--utility-card-bg);
    --usk-native-control-bg: var(--utility-control-bg);
    --usk-native-text: var(--utility-text);
    --usk-native-text-muted: var(--utility-text-muted);
    --usk-native-border: var(--utility-border);
    --usk-native-primary: var(--utility-primary);
    --usk-native-primary-hover: var(--utility-primary-hover);
    --usk-native-on-primary: var(--utility-on-primary);
    --usk-native-secondary: var(--utility-secondary);
    --usk-native-on-secondary: var(--utility-on-secondary);
    --usk-native-accent: var(--utility-accent);
    --usk-native-on-accent: var(--utility-on-accent);
    --usk-native-on-success: var(--utility-on-success);
    --usk-native-on-warning: var(--utility-on-warning);
    --usk-native-on-danger: var(--utility-on-danger);
    --usk-native-focus: var(--utility-focus);
    --usk-native-success: var(--utility-success);
    --usk-native-warning: var(--utility-warning);
    --usk-native-danger: var(--utility-danger);
    --usk-native-link: var(--utility-link);
    --usk-native-font-body: var(--utility-font-body);
    --usk-native-font-heading: var(--utility-font-heading);
    --usk-native-font-control: var(--utility-font-control);
    --usk-native-font-mono: var(--utility-font-mono);
    --usk-native-radius-sm: var(--utility-radius-sm);
    --usk-native-radius: var(--utility-radius-md);
    --usk-native-radius-lg: var(--utility-radius-lg);
    --usk-native-shadow: var(--utility-shadow-sm, none);
    --usk-native-shadow-md: var(--utility-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--utility-focus-ring, 0 0 0 3px rgb(var(--utility-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--utility-space-5);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.35rem;
    --usk-native-choice-background: var(--utility-control-bg);
    --usk-native-choice-border: 2px solid var(--utility-border);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: .08rem;
    --usk-native-choice-shadow: 2px 2px 0 #0000004d;
    --usk-native-choice-checked-background: var(--utility-primary);
    --usk-native-choice-mark-color: var(--utility-on-primary);
    --usk-native-select-indicator-image: linear-gradient(66deg, transparent 50%, var(--utility-primary) 50%), linear-gradient(114deg, var(--utility-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .46rem .46rem, .46rem .46rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .7rem;
    --usk-native-range-track-background: var(--utility-surface-soft);
    --usk-native-range-track-border: 2px solid var(--utility-border);
    --usk-native-range-track-radius: .06rem;
    --usk-native-range-track-shadow: 2px 2px 0 #0000004d;
    --usk-native-range-progress-background: var(--utility-primary);
    --usk-native-range-thumb-size: 1.25rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--utility-border);
    --usk-native-range-thumb-radius: .08rem;
    --usk-native-range-thumb-shadow: 2px 2px 0 #0000004d;
    --usk-native-progress-size: .76rem;
    --usk-native-progress-track-background: var(--utility-surface-soft);
    --usk-native-progress-track-border: 2px solid var(--utility-border);
    --usk-native-progress-track-radius: .06rem;
    --usk-native-progress-track-shadow: 2px 2px 0 #0000004d;
    --usk-native-progress-value-background: var(--utility-primary);
    --usk-native-progress-value-radius: .06rem;
    --usk-native-progress-value-shadow: 2px 2px 0 #0000004d;
    --usk-native-meter-optimum-background: var(--utility-success);
    --usk-native-meter-suboptimum-background: var(--utility-warning);
    --usk-native-meter-critical-background: var(--utility-danger);
    --usk-native-file-button-background: var(--utility-primary);
    --usk-native-file-button-border: 2px solid var(--utility-border);
    --usk-native-file-button-radius: .08rem;
    --usk-native-file-button-shadow: 2px 2px 0 #0000004d;
    --usk-native-color-swatch-border: 2px solid var(--utility-border);
    --usk-native-color-swatch-radius: .08rem;
    --usk-native-indicator-opacity: .87;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .85rem;
    --usk-native-scrollbar-track: var(--utility-surface-soft);
    --usk-native-scrollbar-thumb: var(--utility-primary);
    --usk-native-scrollbar-radius: .06rem;
    --utility-bg: rgb(var(--utility-bg-rgb));
    --utility-surface: rgb(var(--utility-surface-rgb) / var(--utility-panel-alpha));
    --utility-surface-strong: rgb(var(--utility-surface-strong-rgb) / var(--utility-panel-alpha));
    --utility-surface-soft: rgb(var(--utility-surface-soft-rgb) / var(--utility-panel-soft-alpha));
    --utility-text: rgb(var(--utility-text-rgb));
    --utility-text-muted: rgb(var(--utility-text-muted-rgb));
    --utility-fg: var(--utility-text);
    --utility-surface-fg: var(--utility-text);
    --utility-muted: var(--utility-text-muted);
    --utility-border: rgb(var(--utility-border-rgb) / max(var(--utility-border-alpha), var(--usk-border-min-alpha)));
    --utility-control-fg: var(--utility-text);
    --utility-primary: rgb(var(--utility-primary-rgb));
    --utility-primary-hover: rgb(var(--utility-primary-hover-rgb));
    --utility-primary-text: rgb(var(--utility-primary-text-rgb));
    --utility-secondary: rgb(var(--utility-secondary-rgb));
    --utility-secondary-hover: rgb(var(--utility-secondary-hover-rgb));
    --utility-secondary-text: rgb(var(--utility-secondary-text-rgb));
    --utility-on-primary: var(--utility-primary-text);
    --utility-on-secondary: var(--utility-secondary-text);
    --utility-on-accent: rgb(var(--utility-accent-text-rgb));
    --utility-on-success: rgb(var(--utility-success-text-rgb));
    --utility-on-warning: rgb(var(--utility-warning-text-rgb));
    --utility-on-danger: rgb(var(--utility-danger-text-rgb));
    --utility-accent: rgb(var(--utility-accent-rgb));
    --utility-success: rgb(var(--utility-success-rgb));
    --utility-warning: rgb(var(--utility-warning-rgb));
    --utility-danger: rgb(var(--utility-danger-rgb));
    --utility-link: rgb(var(--utility-link-rgb));
    --utility-focus: rgb(var(--utility-focus-rgb));
    --utility-focus-ring: 0 0 0 3px rgb(var(--utility-focus-rgb) / var(--utility-focus-alpha));
    --utility-theme-bg-size: auto;
    --utility-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--utility-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--utility-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--utility-secondary-rgb) / .1), transparent 34rem), var(--utility-bg);
    --utility-card-bg: linear-gradient(135deg, rgb(var(--utility-primary-rgb) / .1), rgb(var(--utility-accent-rgb) / .055) 42%, rgb(var(--utility-surface-strong-rgb) / var(--utility-panel-alpha)) 100%), var(--utility-surface);
    --utility-control-bg: linear-gradient(180deg, rgb(var(--utility-surface-strong-rgb) / var(--utility-panel-alpha)), rgb(var(--utility-surface-soft-rgb) / var(--utility-panel-soft-alpha)));
    --utility-spinner-track: rgb(var(--utility-border-rgb) / max(.28, calc(var(--utility-border-alpha) * .7)));
    --utility-spinner-stroke: var(--utility-primary);
    --utility-spinner-accent: var(--utility-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="industrial-utility"][data-mode] {
      --utility-border: color-mix(in srgb, rgb(var(--utility-border-rgb) / max(var(--utility-border-alpha), var(--usk-border-min-alpha))), var(--utility-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="industrial-utility"] {
    background: linear-gradient(180deg,rgb(var(--utility-primary-rgb)/.04),transparent 22rem),var(--utility-bg);
    color: var(--utility-text);
    font-family: var(--utility-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="industrial-utility"][data-mode] {
    background: var(--utility-theme-bg);
    background-size: var(--utility-theme-bg-size);
  }

  .utility-title, .utility-heading, .utility-kicker, .utility-button, .utility-badge, .utility-nav-link, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .usk-nav-link, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-badge, :where([data-ui="industrial-utility"]) .ui-nav-link {
    font-family: var(--utility-font-heading);
  }

  .utility-title {
    color: var(--utility-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .utility-heading {
    color: var(--utility-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .utility-kicker {
    color: var(--usk-primary-ink, var(--utility-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .utility-subtitle, .utility-copy {
    color: var(--utility-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .utility-text-muted {
    color: var(--utility-text-muted);
  }

  .utility-divider {
    background: var(--utility-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .utility-surface, .utility-card, .utility-panel, .utility-toolbar, .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-card, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--utility-surface);
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--utility-shadow-alpha));
    transition: transform var(--utility-transition-base),box-shadow var(--utility-transition-base),border-color var(--utility-transition-base),background var(--utility-transition-base);
    position: relative;
  }

  .utility-toolbar, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--utility-space-4);
    padding: var(--utility-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .utility-surface-sm {
    border-radius: var(--utility-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--utility-shadow-alpha)*.72));
  }

  .utility-surface-lg {
    border-radius: var(--utility-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--utility-shadow-alpha) + .08));
  }

  .utility-well, .utility-inset {
    background: var(--utility-surface-soft);
    color: var(--utility-text);
    border: 1px solid rgb(var(--utility-border-rgb)/calc(var(--utility-border-alpha)*.7));
    border-radius: var(--utility-radius-md);
    padding: var(--utility-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .utility-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--utility-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .utility-button, .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--utility-space-2);
    background: var(--utility-surface);
    min-height: 2.75rem;
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--utility-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--utility-transition-fast),background var(--utility-transition-fast),border-color var(--utility-transition-fast),box-shadow var(--utility-transition-fast),transform var(--utility-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .utility-button:hover, .utility-icon-button:hover, :where([data-ui="industrial-utility"]) .usk-button:hover, :where([data-ui="industrial-utility"]) .usk-icon-button:hover, :where([data-ui="industrial-utility"]) .ui-button:hover, :where([data-ui="industrial-utility"]) .ui-icon-button:hover {
    border-color: var(--utility-primary);
    transform: translateY(-1px);
  }

  .utility-button:active, .utility-icon-button:active, .utility-button[aria-pressed="true"], .utility-icon-button[aria-pressed="true"], .utility-button.is-active, .utility-icon-button.is-active, :where([data-ui="industrial-utility"]) .usk-button:active, :where([data-ui="industrial-utility"]) .usk-icon-button:active, :where([data-ui="industrial-utility"]) .usk-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .usk-button.is-active, :where([data-ui="industrial-utility"]) .usk-icon-button.is-active, :where([data-ui="industrial-utility"]) .ui-button:active, :where([data-ui="industrial-utility"]) .ui-icon-button:active, :where([data-ui="industrial-utility"]) .ui-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .ui-button.is-active, :where([data-ui="industrial-utility"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .utility-button-primary:hover, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--utility-primary-hover);
    border-color: var(--utility-primary-hover);
  }

  .utility-button-secondary:hover, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--utility-secondary-hover);
    border-color: var(--utility-secondary-hover);
  }

  .utility-button-ghost, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--utility-text);
    box-shadow: none;
    background: none;
  }

  .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-icon-button {
    border-radius: var(--utility-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .utility-button:disabled, .utility-icon-button:disabled, .utility-disabled, :where([data-ui="industrial-utility"]) .usk-button:disabled, :where([data-ui="industrial-utility"]) .usk-icon-button:disabled, :where([data-ui="industrial-utility"]) .ui-button:disabled, :where([data-ui="industrial-utility"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .utility-card, .utility-panel, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .ui-card {
    background: var(--utility-card-bg);
  }

  .utility-toolbar, .utility-table-wrap, .utility-button:where(:not([data-ui-variant])):not(:is(.utility-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.utility-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.utility-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.utility-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.utility-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.utility-button-outline-heavy):not(.utility-button-guarded), .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.utility-button-outline-heavy):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap, :where([data-ui="industrial-utility"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.utility-button-outline-heavy):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .ui-icon-button {
    background: var(--utility-control-bg);
  }

  .utility-button, .utility-icon-button, .utility-badge, .utility-nav-link, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .usk-nav-link, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button, :where([data-ui="industrial-utility"]) .ui-badge, :where([data-ui="industrial-utility"]) .ui-nav-link {
    font-family: var(--utility-font-control);
  }

  .utility-field, :where([data-ui="industrial-utility"]) .usk-field, :where([data-ui="industrial-utility"]) .ui-field {
    gap: var(--utility-space-2);
    flex-direction: column;
    display: flex;
  }

  .utility-label, :where([data-ui="industrial-utility"]) .usk-label, :where([data-ui="industrial-utility"]) .ui-label {
    color: var(--utility-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .utility-input, .utility-textarea, .utility-select, :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-textarea, :where([data-ui="industrial-utility"]) .ui-select {
    background: var(--utility-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-md);
    font: inherit;
    transition: background var(--utility-transition-fast),border-color var(--utility-transition-fast),box-shadow var(--utility-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .utility-textarea, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .utility-input::placeholder, .utility-textarea::placeholder, :where([data-ui="industrial-utility"]) .usk-input::placeholder, :where([data-ui="industrial-utility"]) .usk-textarea::placeholder, :where([data-ui="industrial-utility"]) .ui-input::placeholder, :where([data-ui="industrial-utility"]) .ui-textarea::placeholder {
    color: var(--utility-text-muted);
    opacity: .82;
  }

  .utility-input:hover, .utility-textarea:hover, .utility-select:hover, :where([data-ui="industrial-utility"]) .usk-input:hover, :where([data-ui="industrial-utility"]) .usk-textarea:hover, :where([data-ui="industrial-utility"]) .usk-select:hover, :where([data-ui="industrial-utility"]) .ui-input:hover, :where([data-ui="industrial-utility"]) .ui-textarea:hover, :where([data-ui="industrial-utility"]) .ui-select:hover {
    border-color: rgb(var(--utility-primary-rgb)/.58);
  }

  .utility-input:focus, .utility-textarea:focus, .utility-select:focus, :where([data-ui="industrial-utility"]) .usk-input:focus, :where([data-ui="industrial-utility"]) .usk-textarea:focus, :where([data-ui="industrial-utility"]) .usk-select:focus, :where([data-ui="industrial-utility"]) .ui-input:focus, :where([data-ui="industrial-utility"]) .ui-textarea:focus, :where([data-ui="industrial-utility"]) .ui-select:focus {
    border-color: var(--utility-focus);
    box-shadow: var(--utility-focus-ring);
  }

  .utility-help-text, :where([data-ui="industrial-utility"]) .usk-help-text, :where([data-ui="industrial-utility"]) .ui-help-text {
    color: var(--utility-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .utility-check, .utility-radio, :where([data-ui="industrial-utility"]) .usk-check, :where([data-ui="industrial-utility"]) .usk-radio, :where([data-ui="industrial-utility"]) .ui-check, :where([data-ui="industrial-utility"]) .ui-radio {
    align-items: center;
    gap: var(--utility-space-2);
    color: var(--utility-text);
    cursor: pointer;
    display: inline-flex;
  }

  .utility-check input, .utility-radio input, :where([data-ui="industrial-utility"]) .usk-check input, :where([data-ui="industrial-utility"]) .usk-radio input, :where([data-ui="industrial-utility"]) .ui-check input, :where([data-ui="industrial-utility"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .utility-check-control, .utility-radio-control, :where([data-ui="industrial-utility"]) .usk-check-control, :where([data-ui="industrial-utility"]) .usk-radio-control, :where([data-ui="industrial-utility"]) .ui-check-control, :where([data-ui="industrial-utility"]) .ui-radio-control {
    background: var(--utility-surface-soft);
    border: 1px solid var(--utility-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--utility-transition-fast),box-shadow var(--utility-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .utility-check-control, :where([data-ui="industrial-utility"]) .usk-check-control, :where([data-ui="industrial-utility"]) .ui-check-control {
    border-radius: var(--utility-radius-xs);
  }

  .utility-radio-control, :where([data-ui="industrial-utility"]) .usk-radio-control, :where([data-ui="industrial-utility"]) .ui-radio-control {
    border-radius: 50%;
  }

  .utility-check input:checked+.utility-check-control, .utility-radio input:checked+.utility-radio-control, :where([data-ui="industrial-utility"]) .usk-check input:checked+.usk-check-control, :where([data-ui="industrial-utility"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="industrial-utility"]) .ui-check input:checked+.ui-check-control, :where([data-ui="industrial-utility"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--utility-primary);
    border-color: var(--utility-primary);
    box-shadow: var(--utility-focus-ring);
  }

  .utility-check input:checked+.utility-check-control:after, :where([data-ui="industrial-utility"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="industrial-utility"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--utility-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .utility-radio input:checked+.utility-radio-control:after, :where([data-ui="industrial-utility"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="industrial-utility"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--utility-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .utility-switch, :where([data-ui="industrial-utility"]) .usk-switch, :where([data-ui="industrial-utility"]) .ui-switch {
    align-items: center;
    gap: var(--utility-space-3);
    color: var(--utility-text);
    cursor: pointer;
    display: inline-flex;
  }

  .utility-switch input, :where([data-ui="industrial-utility"]) .usk-switch input, :where([data-ui="industrial-utility"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .utility-switch-track, :where([data-ui="industrial-utility"]) .usk-switch-track, :where([data-ui="industrial-utility"]) .ui-switch-track {
    background: var(--utility-surface-soft);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--utility-transition-fast),box-shadow var(--utility-transition-fast);
    position: relative;
  }

  .utility-switch-thumb, :where([data-ui="industrial-utility"]) .usk-switch-thumb, :where([data-ui="industrial-utility"]) .ui-switch-thumb {
    background: var(--utility-surface-strong);
    border: 1px solid var(--utility-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--utility-shadow-alpha));
    transition: left var(--utility-transition-fast),background var(--utility-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .utility-switch input:checked+.utility-switch-track, :where([data-ui="industrial-utility"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="industrial-utility"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--utility-primary);
    border-color: var(--utility-primary);
  }

  .utility-switch input:checked+.utility-switch-track .utility-switch-thumb, :where([data-ui="industrial-utility"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="industrial-utility"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--utility-on-primary);
    left: calc(100% - 1.56rem);
  }

  .utility-badge, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .ui-badge {
    align-items: center;
    gap: var(--utility-space-1);
    background: var(--utility-surface-soft);
    min-height: 1.75rem;
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .utility-badge-primary, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--utility-primary);
    color: var(--utility-on-primary);
    border-color: var(--utility-primary);
  }

  .utility-badge-secondary, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--utility-secondary);
    color: var(--utility-on-secondary);
    border-color: var(--utility-secondary);
  }

  .utility-badge-success, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--utility-success);
    color: var(--utility-on-success);
    border-color: var(--utility-success);
  }

  .utility-badge-warning, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--utility-warning);
    color: var(--utility-on-warning);
    border-color: var(--utility-warning);
  }

  .utility-badge-danger, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--utility-danger);
    color: var(--utility-on-danger);
    border-color: var(--utility-danger);
  }

  .utility-nav, :where([data-ui="industrial-utility"]) .usk-nav, :where([data-ui="industrial-utility"]) .ui-nav {
    align-items: center;
    gap: var(--utility-space-2);
    padding: var(--utility-space-2);
    background: var(--utility-surface);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--utility-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .utility-nav-link, :where([data-ui="industrial-utility"]) .usk-nav-link, :where([data-ui="industrial-utility"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--utility-text-muted);
    border-radius: var(--utility-radius-pill);
    transition: color var(--utility-transition-fast),background var(--utility-transition-fast),box-shadow var(--utility-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .utility-nav-link:hover, :where([data-ui="industrial-utility"]) .usk-nav-link:hover, :where([data-ui="industrial-utility"]) .ui-nav-link:hover {
    color: var(--utility-text);
    background: var(--utility-surface-soft);
  }

  .utility-nav-link[aria-current="page"], .utility-nav-link.is-active, :where([data-ui="industrial-utility"]) .usk-nav-link[aria-current="page"], :where([data-ui="industrial-utility"]) .usk-nav-link.is-active, :where([data-ui="industrial-utility"]) .ui-nav-link[aria-current="page"], :where([data-ui="industrial-utility"]) .ui-nav-link.is-active {
    color: var(--utility-on-primary);
    background: var(--utility-primary);
  }

  .utility-tooltip, [data-ui="industrial-utility"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="industrial-utility"]) .usk-tooltip, :where([data-ui="industrial-utility"]) .ui-tooltip {
    background: var(--utility-text);
    max-inline-size: 16rem;
    color: var(--utility-bg);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .utility-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .utility-progress, :where([data-ui="industrial-utility"]) .usk-progress, :where([data-ui="industrial-utility"]) .ui-progress {
    background: var(--utility-surface-soft);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .utility-progress-bar, :where([data-ui="industrial-utility"]) .usk-progress-bar, :where([data-ui="industrial-utility"]) .ui-progress-bar {
    height: 100%;
    width: var(--utility-progress-value, 50%);
    background: linear-gradient(90deg,var(--utility-primary),var(--utility-accent));
    border-radius: inherit;
  }

  .utility-alert, :where([data-ui="industrial-utility"]) .usk-alert, :where([data-ui="industrial-utility"]) .ui-alert {
    gap: var(--utility-space-2);
    padding: var(--utility-space-4);
    background: var(--utility-surface);
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--utility-shadow-alpha));
    display: grid;
  }

  .utility-alert-warning, :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--utility-warning);
  }

  .utility-alert-title, :where([data-ui="industrial-utility"]) .usk-alert-title, :where([data-ui="industrial-utility"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .utility-alert-body, :where([data-ui="industrial-utility"]) .usk-alert-body, :where([data-ui="industrial-utility"]) .ui-alert-body {
    color: var(--utility-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    overflow: auto;
  }

  .utility-table, :where([data-ui="industrial-utility"]) .usk-table, :where([data-ui="industrial-utility"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .utility-table th, .utility-table td, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table th, :where([data-ui="industrial-utility"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--utility-border);
    padding: .95rem 1rem;
  }

  .utility-table th, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-table th {
    color: var(--utility-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--utility-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .utility-table td, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table td {
    color: var(--utility-text-muted);
  }

  .utility-table tr:hover td, :where([data-ui="industrial-utility"]) .usk-table tr:hover td, :where([data-ui="industrial-utility"]) .ui-table tr:hover td {
    background: rgb(var(--utility-primary-rgb)/.045);
  }

  .utility-text-primary {
    color: var(--usk-primary-ink, var(--utility-primary));
  }

  .utility-text-secondary {
    color: var(--utility-secondary);
  }

  .utility-text-accent {
    color: var(--usk-accent-ink, var(--utility-accent));
  }

  .utility-text-success {
    color: var(--utility-success);
  }

  .utility-text-warning {
    color: var(--utility-warning);
  }

  .utility-text-danger {
    color: var(--utility-danger);
  }

  .utility-bg-primary {
    background: var(--utility-primary);
    color: var(--utility-on-primary);
  }

  .utility-bg-secondary {
    background: var(--utility-secondary);
    color: var(--utility-on-secondary);
  }

  .utility-border {
    border: 1px solid var(--utility-border);
  }

  .utility-rounded {
    border-radius: var(--utility-radius-md);
  }

  .utility-rounded-lg {
    border-radius: var(--utility-radius-lg);
  }

  .utility-rounded-xl {
    border-radius: var(--utility-radius-xl);
  }

  .utility-pill {
    border-radius: var(--utility-radius-pill);
  }

  .utility-sr-only, .utility-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .utility-skip-link {
    z-index: 9999;
    background: var(--utility-primary);
    color: var(--utility-on-primary);
    border-radius: var(--utility-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .utility-skip-link:focus {
    transform: translateY(0);
  }

  .utility-metric, :where([data-ui="industrial-utility"]) .usk-metric, :where([data-ui="industrial-utility"]) .ui-metric {
    padding: var(--utility-space-5);
    background: var(--utility-surface);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .utility-metric-value, :where([data-ui="industrial-utility"]) .usk-metric-value, :where([data-ui="industrial-utility"]) .ui-metric-value {
    color: var(--utility-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .utility-metric-label, :where([data-ui="industrial-utility"]) .usk-metric-label, :where([data-ui="industrial-utility"]) .ui-metric-label {
    color: var(--utility-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .utility-empty-state, :where([data-ui="industrial-utility"]) .usk-empty-state, :where([data-ui="industrial-utility"]) .ui-empty-state {
    place-items: center;
    gap: var(--utility-space-3);
    min-height: 14rem;
    padding: var(--utility-space-6);
    text-align: center;
    background: var(--utility-surface-soft);
    border: 1px dashed var(--utility-border);
    border-radius: var(--utility-radius-lg);
    display: grid;
  }

  .utility-spinner, .utility-loading-spinner, [data-ui="industrial-utility"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .ui-spinner {
    border: .25rem solid var(--utility-spinner-track);
    border-block-start-color: var(--utility-spinner-stroke);
    border-inline-end-color: var(--utility-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite utility-spin;
    display: inline-block;
  }

  .utility-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .utility-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .utility-button[aria-busy="true"], .utility-icon-button[aria-busy="true"], [data-ui="industrial-utility"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"], :where([data-ui="industrial-utility"]) .usk-icon-button[aria-busy="true"], :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"], :where([data-ui="industrial-utility"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .utility-button[aria-busy="true"]:after, .utility-icon-button[aria-busy="true"]:after, [data-ui="industrial-utility"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--utility-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite utility-spin;
    display: inline-block;
  }

  @keyframes utility-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .utility-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--utility-border-rgb)/.72);
    border-radius: var(--utility-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .utility-card-service {
    gap: var(--utility-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .utility-card-service > .utility-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .utility-card-service > .utility-card-media + .utility-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .utility-card-feature {
    gap: var(--utility-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .utility-card-accent-edge {
    border-inline-start: .35rem solid var(--utility-primary);
  }

  .utility-icon-medallion {
    background: var(--utility-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--utility-on-primary);
    border: 2px solid rgb(var(--utility-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .utility-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .utility-button.utility-button-cut, .utility-button-cut, :where([data-ui="industrial-utility"]) .usk-button.utility-button-cut, :where([data-ui="industrial-utility"]) .ui-button.utility-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .utility-button.utility-button-cut:focus-visible, .utility-button-cut:focus-visible, :where([data-ui="industrial-utility"]) .usk-button.utility-button-cut:focus-visible, :where([data-ui="industrial-utility"]) .ui-button.utility-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .utility-button.utility-button-outline-heavy, .utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .usk-button.utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .ui-button.utility-button-outline-heavy {
    color: var(--usk-primary-ink, var(--utility-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--utility-primary);
    box-shadow: none;
    background: none;
  }

  .utility-button.utility-button-outline-heavy:hover, .utility-button-outline-heavy:hover, :where([data-ui="industrial-utility"]) .usk-button.utility-button-outline-heavy:hover, :where([data-ui="industrial-utility"]) .ui-button.utility-button-outline-heavy:hover {
    background: var(--utility-primary);
    color: var(--utility-on-primary);
    border-color: var(--utility-primary-hover);
  }

  .utility-badge-seal {
    aspect-ratio: 1;
    background: var(--utility-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--utility-text);
    border: 2px solid var(--utility-primary);
    text-align: center;
    font-family: var(--utility-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .utility-feature-strip {
    background: var(--utility-card-bg);
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .utility-feature-item {
    align-items: center;
    gap: var(--utility-space-3);
    min-inline-size: 0;
    padding: var(--utility-space-4);
    border-inline-end: 1px solid rgb(var(--utility-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .utility-feature-item:last-child {
    border-inline-end: 0;
  }

  .utility-feature-item > :where(p, small) {
    color: var(--utility-text-muted);
    margin: 0;
  }

  .utility-callout-bar {
    align-items: center;
    gap: var(--utility-space-4);
    padding: var(--utility-space-4) var(--utility-space-5);
    background: var(--utility-card-bg);
    color: var(--utility-text);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .utility-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .utility-callout-bar>:where(.utility-button,a,button):last-child, :where([data-ui="industrial-utility"]) .utility-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="industrial-utility"]) .utility-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .utility-eyebrow {
    color: var(--usk-primary-ink, var(--utility-primary));
    font-family: var(--utility-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .utility-media-scrim {
    isolation: isolate;
    background: var(--utility-surface-soft);
    border: 1px solid var(--utility-border);
    border-radius: var(--utility-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .utility-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .utility-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .utility-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .utility-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .utility-callout-bar>:where(.utility-button,a,button):last-child, :where([data-ui="industrial-utility"]) .utility-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="industrial-utility"]) .utility-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .utility-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--utility-border-rgb)/.62);
    }

    .utility-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .utility-card-service, .utility-card-feature, .utility-feature-strip, .utility-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--utility-shadow-alpha) + .03));
  }

  .utility-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--utility-shadow-alpha) + .05));
  }

  :root {
    --utility-font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
    --utility-font-body: Inter, ui-sans-serif, system-ui, sans-serif;
    --utility-font-heading: var(--utility-font-display);
    --utility-font-control: var(--utility-font-display);
    --utility-radius-xs: .1rem;
    --utility-radius-sm: .18rem;
    --utility-radius-md: .28rem;
    --utility-radius-lg: .38rem;
    --utility-radius-xl: .5rem;
  }

  [data-ui="industrial-utility"] {
    letter-spacing: .01em;
  }

  [data-ui="industrial-utility"][data-mode] {
    --utility-theme-bg: linear-gradient(90deg, rgb(var(--utility-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--utility-border-rgb) / .08) 1px, transparent 1px), var(--utility-bg);
    --utility-theme-bg-size: 3rem 3rem;
    --utility-card-bg: linear-gradient(180deg, rgb(var(--utility-surface-strong-rgb) / var(--utility-panel-alpha)), rgb(var(--utility-surface-rgb) / var(--utility-panel-alpha)));
  }

  .utility-title {
    letter-spacing: -.035em;
    text-transform: uppercase;
    font-size: clamp(2.35rem, 6vw, 4.7rem);
    font-weight: 950;
    line-height: .9;
  }

  .utility-heading, .utility-kicker, .utility-eyebrow, .utility-label, .utility-table th, :where([data-ui="industrial-utility"]) .usk-label, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-label, :where([data-ui="industrial-utility"]) .ui-table th {
    text-transform: uppercase;
    letter-spacing: .075em;
    font-family: var(--utility-font-display);
  }

  .utility-subtitle, .utility-copy {
    line-height: 1.45;
  }

  .utility-surface, .utility-card, .utility-panel, .utility-toolbar, .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-card, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    border-radius: var(--utility-radius-md);
    box-shadow: inset 0 0 0 1px rgb(var(--utility-surface-strong-rgb)/.35),0 .65rem 1.4rem rgb(0 0 0 / calc(var(--utility-shadow-alpha)*.65));
  }

  .utility-card, .utility-panel, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .ui-card {
    padding: var(--utility-space-4);
  }

  .utility-toolbar, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .ui-toolbar {
    padding: var(--utility-space-3);
  }

  .utility-button, .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button {
    border-radius: var(--utility-radius-sm);
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 900;
  }

  .utility-nav, :where([data-ui="industrial-utility"]) .usk-nav, :where([data-ui="industrial-utility"]) .ui-nav {
    border-radius: var(--utility-radius-sm);
    padding: .25rem;
  }

  .utility-nav-link, :where([data-ui="industrial-utility"]) .usk-nav-link, :where([data-ui="industrial-utility"]) .ui-nav-link {
    border-radius: var(--utility-radius-xs);
    text-transform: uppercase;
    letter-spacing: .06em;
    min-height: 2.1rem;
    font-size: .76rem;
  }

  .utility-input, .utility-textarea, .utility-select, :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-textarea, :where([data-ui="industrial-utility"]) .ui-select {
    border-radius: var(--utility-radius-sm);
    padding: .65rem .75rem;
  }

  .utility-badge, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .ui-badge {
    border-radius: var(--utility-radius-xs);
    text-transform: uppercase;
    letter-spacing: .07em;
  }

  .utility-table th, .utility-table td, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table th, :where([data-ui="industrial-utility"]) .ui-table td {
    padding: .65rem .72rem;
  }

  .utility-metric, :where([data-ui="industrial-utility"]) .usk-metric, :where([data-ui="industrial-utility"]) .ui-metric {
    border-radius: var(--utility-radius-sm);
    padding: var(--utility-space-4);
  }

  .utility-metric-value, :where([data-ui="industrial-utility"]) .usk-metric-value, :where([data-ui="industrial-utility"]) .ui-metric-value {
    font-family: var(--utility-font-display);
    font-weight: 900;
  }

  .utility-card-media, .utility-media-scrim, .utility-feature-strip, .utility-callout-bar {
    border-radius: var(--utility-radius-sm);
  }

  .utility-icon-medallion, .utility-badge-seal {
    border-radius: var(--utility-radius-sm);
    box-shadow: inset 0 0 0 1px rgb(var(--utility-primary-rgb)/.18);
  }

  .utility-feature-item {
    padding: var(--utility-space-3);
  }

  .utility-card-accent-edge {
    border-inline-start-width: .28rem;
  }

  .utility-button.utility-button-cut, .utility-button-cut, :where([data-ui="industrial-utility"]) .usk-button.utility-button-cut, :where([data-ui="industrial-utility"]) .ui-button.utility-button-cut {
    clip-path: polygon(.62rem 0, calc(100% - .62rem) 0, 100% .62rem, 100% calc(100% - .62rem), calc(100% - .62rem) 100%, .62rem 100%, 0 calc(100% - .62rem), 0 .62rem);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .utility-button.utility-button-outline-heavy, .utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .usk-button.utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .ui-button.utility-button-outline-heavy {
    clip-path: polygon(.45rem 0, calc(100% - .45rem) 0, 100% .45rem, 100% calc(100% - .45rem), calc(100% - .45rem) 100%, .45rem 100%, 0 calc(100% - .45rem), 0 .45rem);
    box-shadow: inset .28rem 0 0 rgb(var(--utility-primary-rgb)/.24);
    border-width: 2px;
    border-radius: 0;
  }

  .utility-card-service, .utility-media-scrim, .utility-feature-strip, .utility-callout-bar, .utility-metric, :where([data-ui="industrial-utility"]) .usk-metric, :where([data-ui="industrial-utility"]) .ui-metric {
    border: 2px solid var(--utility-border);
    border-radius: var(--utility-radius-sm);
    box-shadow: inset .34rem 0 0 rgb(var(--utility-primary-rgb)/.24);
  }

  [data-ui="industrial-utility"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 2px solid var(--utility-primary);
    border-radius: var(--utility-radius-sm);
    box-shadow: inset .28rem 0 0 rgb(var(--utility-primary-rgb)/.24);
  }

  [data-ui="industrial-utility"][data-mode] :where(dialog) {
    border: 2px solid var(--utility-border);
    border-radius: var(--utility-radius-sm);
    box-shadow: inset .4rem 0 0 rgb(var(--utility-primary-rgb)/.26),0 1rem 2rem rgb(var(--utility-text-rgb)/.2);
  }

  .utility-spinner, .utility-loading-spinner, [data-ui="industrial-utility"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .ui-spinner {
    background: conic-gradient(var(--utility-spinner-stroke)0 12.5%,transparent 0 25%,var(--utility-spinner-accent)0 37.5%,transparent 0 50%,var(--utility-spinner-stroke)0 62.5%,transparent 0 75%,var(--utility-spinner-accent)0 87.5%,transparent 0);
    box-shadow: inset 0 0 0 .18rem var(--utility-surface),.16rem .16rem 0 rgb(var(--utility-border-rgb)/.6);
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    border-radius: 0;
    animation: .8s steps(8, end) infinite utility-spin;
  }

  .utility-button[aria-busy="true"]:after, .utility-icon-button[aria-busy="true"]:after, [data-ui="industrial-utility"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(currentColor 0 12.5%,transparent 0 25%,currentColor 0 37.5%,transparent 0 50%,currentColor 0 62.5%,transparent 0 75%,currentColor 0 87.5%,transparent 0);
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    border: .11em solid;
    border-radius: 0;
    animation: .8s steps(8, end) infinite utility-spin;
    box-shadow: inset 0 0 0 .12em #00000029;
  }

  [data-ui="industrial-utility"][data-mode] {
    --usk-native-font-control: "Arial Narrow", Bahnschrift, "Segoe UI", sans-serif;
    --usk-native-control-min-block-size: 2.72rem;
    --usk-native-control-padding-block: .6rem;
    --usk-native-control-padding-inline: .9rem;
    --usk-native-border-width: 2px;
    --usk-native-radius-sm: .12rem;
    --usk-native-radius: .2rem;
    --usk-native-radius-lg: .3rem;
    --usk-native-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb) / .72), 0 2px 0 rgb(var(--utility-text-rgb) / .28);
    --usk-native-shadow-md: inset 0 0 0 1px rgb(var(--utility-surface-strong-rgb) / .5), 0 .55rem 1rem rgb(var(--utility-text-rgb) / .2);
    --usk-native-focus-ring: 0 0 0 2px var(--utility-surface), 0 0 0 4px var(--utility-focus);
    --usk-native-subcontrol-padding-block: .46rem;
    --usk-native-subcontrol-padding-inline: .66rem;
    --usk-native-choice-size: 1.22rem;
    --usk-native-choice-background: linear-gradient(180deg, var(--utility-surface-strong), var(--utility-control-bg));
    --usk-native-choice-border: 2px solid var(--utility-border);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 2px 3px rgb(var(--utility-text-rgb) / .22);
    --usk-native-choice-checked-background: linear-gradient(180deg, var(--utility-primary-hover), var(--utility-primary));
    --usk-native-choice-mark-color: var(--utility-on-primary);
    --usk-native-select-indicator-image: linear-gradient(60deg, transparent 48%, var(--utility-text) 48% 58%, transparent 58%), linear-gradient(120deg, transparent 48%, var(--utility-text) 48% 58%, transparent 58%);
    --usk-native-select-indicator-size: .52rem .52rem, .52rem .52rem;
    --usk-native-select-indicator-position: calc(100% - 1.06rem) 50%, calc(100% - .7rem) 50%;
    --usk-native-select-padding-inline-end: 2.3rem;
    --usk-native-range-track-size: .64rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--utility-success) 0 58%, var(--utility-warning) 58% 78%, var(--utility-danger) 78%);
    --usk-native-range-track-border: 2px inset var(--utility-border);
    --usk-native-range-track-radius: .06rem;
    --usk-native-range-track-shadow: inset 0 2px 3px rgb(var(--utility-text-rgb) / .3);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--utility-success), var(--utility-primary));
    --usk-native-range-thumb-size: 1.26rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px outset var(--utility-border);
    --usk-native-range-thumb-radius: .1rem;
    --usk-native-range-thumb-shadow: 1px 2px 0 rgb(var(--utility-text-rgb) / .3);
    --usk-native-progress-size: .82rem;
    --usk-native-progress-track-background: var(--utility-control-bg);
    --usk-native-progress-track-border: 2px inset var(--utility-border);
    --usk-native-progress-track-radius: .06rem;
    --usk-native-progress-track-shadow: inset 0 2px 4px rgb(var(--utility-text-rgb) / .32);
    --usk-native-progress-value-background: linear-gradient(180deg, var(--utility-primary-hover), var(--utility-primary));
    --usk-native-progress-value-radius: .03rem;
    --usk-native-progress-value-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb) / .42);
    --usk-native-scrollbar-size: .86rem;
    --usk-native-scrollbar-track: linear-gradient(90deg, var(--utility-control-bg), var(--utility-surface));
    --usk-native-scrollbar-thumb: linear-gradient(90deg, var(--utility-surface), var(--utility-primary), var(--utility-surface));
    --usk-native-scrollbar-radius: .08rem;
  }

  .utility-title {
    letter-spacing: max(.04em, .5px);
    margin-block: .75rem;
    font-weight: 950;
  }

  .utility-label, :where([data-ui="industrial-utility"]) .usk-label, :where([data-ui="industrial-utility"]) .ui-label {
    font-size: .74rem;
    font-weight: 900;
  }

  .utility-card, .utility-panel, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .ui-card {
    background: linear-gradient(180deg,var(--utility-surface-strong),var(--utility-card-bg));
    border: 3px double var(--utility-border);
    box-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb)/.8),0 .45rem .9rem rgb(var(--utility-text-rgb)/.2);
    border-radius: .28rem;
    padding: 1rem;
  }

  .utility-well, .utility-inset {
    background: var(--utility-control-bg);
    border: 2px inset var(--utility-border);
    box-shadow: inset 0 3px 6px rgb(var(--utility-text-rgb)/.25);
    border-radius: .12rem;
    padding: .76rem;
  }

  .utility-button, .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button {
    background: linear-gradient(180deg,var(--utility-surface-strong),transparent),var(--utility-control-bg);
    border: 2px outset var(--utility-border);
    min-height: 2.72rem;
    box-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb)/.82),0 2px 0 rgb(var(--utility-text-rgb)/.3);
    border-radius: .12rem;
    padding: .6rem .9rem;
    font-weight: 900;
  }

  .utility-button:active, .utility-button[aria-pressed="true"], .utility-button.is-active, :where([data-ui="industrial-utility"]) .usk-button:active, :where([data-ui="industrial-utility"]) .usk-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .usk-button.is-active, :where([data-ui="industrial-utility"]) .ui-button:active, :where([data-ui="industrial-utility"]) .ui-button[aria-pressed="true"], :where([data-ui="industrial-utility"]) .ui-button.is-active {
    box-shadow: inset 0 3px 6px rgb(var(--utility-text-rgb)/.3);
    border-style: inset;
    transform: translateY(2px);
  }

  .utility-input, .utility-textarea, .utility-select, :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-textarea, :where([data-ui="industrial-utility"]) .ui-select {
    background: var(--utility-control-bg);
    border: 2px inset var(--utility-border);
    min-height: 2.45rem;
    box-shadow: inset 0 2px 4px rgb(var(--utility-text-rgb)/.2);
    border-radius: .1rem;
    padding: .5rem .68rem;
  }

  .utility-nav, .utility-toolbar, :where([data-ui="industrial-utility"]) .usk-nav, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .ui-nav, :where([data-ui="industrial-utility"]) .ui-toolbar {
    border: 3px double var(--utility-border);
    box-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb)/.7);
    border-radius: .22rem;
  }

  .utility-nav-link, :where([data-ui="industrial-utility"]) .usk-nav-link, :where([data-ui="industrial-utility"]) .ui-nav-link {
    border-block-end: 2px solid #0000;
    border-radius: .08rem;
  }

  .utility-badge, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .ui-badge {
    border: 2px outset var(--utility-border);
    min-height: 1.58rem;
    box-shadow: 1px 2px 0 rgb(var(--utility-text-rgb)/.24);
    border-radius: .08rem;
    padding: .28rem .5rem;
  }

  .utility-alert, :where([data-ui="industrial-utility"]) .usk-alert, :where([data-ui="industrial-utility"]) .ui-alert {
    background: linear-gradient(180deg,var(--utility-surface-strong),var(--utility-surface));
    border: 2px solid var(--utility-border);
    box-shadow: inset .35rem 0 0 currentColor,0 3px 0 rgb(var(--utility-text-rgb)/.2);
    border-radius: .18rem;
    padding: .72rem .84rem;
  }

  .utility-progress, :where([data-ui="industrial-utility"]) .usk-progress, :where([data-ui="industrial-utility"]) .ui-progress {
    background: var(--utility-control-bg);
    border: 2px inset var(--utility-border);
    border-radius: .06rem;
    height: .82rem;
  }

  .utility-progress-bar, :where([data-ui="industrial-utility"]) .usk-progress-bar, :where([data-ui="industrial-utility"]) .ui-progress-bar {
    background: linear-gradient(180deg,var(--utility-primary-hover),var(--utility-primary));
    box-shadow: inset 0 1px 0 rgb(var(--utility-surface-strong-rgb)/.42);
    border-radius: .03rem;
  }

  .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    background: var(--utility-card-bg);
    border: 3px double var(--utility-border);
    box-shadow: 0 .45rem .9rem rgb(var(--utility-text-rgb)/.18);
    border-radius: .24rem;
  }

  .utility-table, :where([data-ui="industrial-utility"]) .usk-table, :where([data-ui="industrial-utility"]) .ui-table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
  }

  .utility-table th, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-table th {
    background: linear-gradient(180deg,var(--utility-surface-strong),var(--utility-surface-soft));
    border: 1px solid var(--utility-border);
    padding: .58rem .66rem;
    font-weight: 900;
  }

  .utility-table td, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table td {
    border: 1px solid var(--utility-border);
    padding: .54rem .66rem;
  }

  .utility-tooltip, [data-ui="industrial-utility"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="industrial-utility"]) .usk-tooltip, :where([data-ui="industrial-utility"]) .ui-tooltip {
    border: 2px outset var(--utility-border);
    box-shadow: 0 3px 0 rgb(var(--utility-text-rgb)/.26);
    border-radius: .12rem;
  }

  .utility-card-service, .utility-card-feature, .utility-media-scrim, .utility-feature-strip, .utility-callout-bar {
    border: 3px double var(--utility-border);
    box-shadow: inset .32rem 0 0 rgb(var(--utility-primary-rgb)/.3),0 .45rem .9rem rgb(var(--utility-text-rgb)/.18);
    border-radius: .24rem;
  }

  [data-ui="industrial-utility"][data-mode] {
    --usk-native-card-bg: repeating-linear-gradient(90deg, rgb(var(--utility-text-rgb) / .035) 0 1px, transparent 1px 6px), linear-gradient(rgb(var(--utility-success-rgb) / .12), rgb(var(--utility-success-rgb) / .12)), var(--utility-surface);
    --usk-native-control-bg: linear-gradient(180deg, var(--utility-surface-strong) 0 45%, var(--utility-surface-soft) 45% 100%);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="industrial-utility"][data-mode] {
      --usk-native-control-bg: linear-gradient(180deg, var(--utility-surface-strong) 0 45%, color-mix(in srgb, var(--utility-surface-soft) 82%, var(--utility-text)) 45% 100%);
    }
  }

  .utility-panel, .utility-card-service, .utility-feature-strip, .utility-callout-bar {
    background: repeating-linear-gradient(90deg,rgb(var(--utility-text-rgb)/.035)0 1px,transparent 1px 6px),linear-gradient(rgb(var(--utility-success-rgb)/.12),rgb(var(--utility-success-rgb)/.12)),var(--utility-card-bg);
  }

  [data-ui="industrial-utility"][data-mode] :where(fieldset, article, aside) {
    background: repeating-linear-gradient(90deg,rgb(var(--utility-text-rgb)/.035)0 1px,transparent 1px 6px),linear-gradient(rgb(var(--utility-success-rgb)/.12),rgb(var(--utility-success-rgb)/.12)),var(--utility-surface);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="industrial-utility"] *, [data-ui="industrial-utility"] :before, [data-ui="industrial-utility"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="industrial-utility"] {
      --utility-border-alpha: 1;
      --utility-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="industrial-utility"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="industrial-utility"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="industrial-utility"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="industrial-utility"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="industrial-utility"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .utility-input[aria-invalid="true"], .utility-textarea[aria-invalid="true"], .utility-select[aria-invalid="true"], :where([data-ui="industrial-utility"]) .usk-input[aria-invalid="true"], :where([data-ui="industrial-utility"]) .usk-textarea[aria-invalid="true"], :where([data-ui="industrial-utility"]) .usk-select[aria-invalid="true"], :where([data-ui="industrial-utility"]) .ui-input[aria-invalid="true"], :where([data-ui="industrial-utility"]) .ui-textarea[aria-invalid="true"], :where([data-ui="industrial-utility"]) .ui-select[aria-invalid="true"] {
    border-color: var(--utility-danger);
    box-shadow: 0 0 0 2px rgb(var(--utility-danger-rgb)/.2);
  }

  .utility-input[readonly], .utility-textarea[readonly], :where([data-ui="industrial-utility"]) .usk-input[readonly], :where([data-ui="industrial-utility"]) .usk-textarea[readonly], :where([data-ui="industrial-utility"]) .ui-input[readonly], :where([data-ui="industrial-utility"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .utility-button-primary, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--utility-primary);
    color: var(--utility-on-primary);
    border-color: var(--utility-primary);
  }

  .utility-button-secondary, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--utility-secondary);
    color: var(--utility-on-secondary);
    border-color: var(--utility-secondary);
  }

  .utility-button-danger, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--utility-danger);
    color: var(--utility-on-danger);
    border-color: var(--utility-danger);
  }

  .utility-button-ghost, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--utility-primary));
    background: none;
    border-color: #0000;
  }

  .utility-feature-item > .utility-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .utility-callout-bar > .utility-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="industrial-utility"][data-mode="dark"] {
    --utility-fallback-bg-rgb: 11 17 19;
    --utility-fallback-surface-rgb: 24 33 36;
    --utility-fallback-surface-strong-rgb: 34 44 47;
    --utility-fallback-surface-soft-rgb: 14 21 23;
    --utility-fallback-text-rgb: 214 217 213;
    --utility-fallback-text-muted-rgb: 169 176 174;
    --utility-fallback-border-rgb: 96 106 109;
    --utility-fallback-primary-rgb: 244 194 13;
    --utility-fallback-primary-hover-rgb: 255 213 47;
    --utility-fallback-primary-text-rgb: 17 20 22;
    --utility-fallback-secondary-rgb: 104 113 116;
    --utility-fallback-secondary-text-rgb: 255 255 255;
    --utility-fallback-accent-rgb: 95 157 204;
    --utility-fallback-accent-text-rgb: 0 0 0;
    --utility-fallback-success-rgb: 117 196 71;
    --utility-fallback-success-text-rgb: 0 0 0;
    --utility-fallback-warning-rgb: 244 194 13;
    --utility-fallback-warning-text-rgb: 17 20 22;
    --utility-fallback-danger-rgb: 199 58 35;
    --utility-fallback-danger-text-rgb: 255 244 236;
    --utility-fallback-link-rgb: 95 157 204;
    --utility-fallback-focus-rgb: 244 194 13;
    --utility-material-steel: rgb(var(--usk-border-rgb, 104 113 116));
    --utility-material-steel-light: rgb(var(--usk-surface-strong-rgb, 161 168 167));
    --utility-material-input: rgb(var(--usk-surface-rgb, 17 25 27));
    --utility-material-header: rgb(var(--usk-industrial-header-rgb, 12 18 20));
    --utility-material-shadow-opacity: .48;
  }

  [data-ui="industrial-utility"][data-mode="light"] {
    --utility-fallback-bg-rgb: 201 198 189;
    --utility-fallback-surface-rgb: 231 227 217;
    --utility-fallback-surface-strong-rgb: 242 239 231;
    --utility-fallback-surface-soft-rgb: 195 193 186;
    --utility-fallback-text-rgb: 30 35 37;
    --utility-fallback-text-muted-rgb: 69 75 76;
    --utility-fallback-border-rgb: 104 108 107;
    --utility-fallback-primary-rgb: 242 183 5;
    --utility-fallback-primary-hover-rgb: 255 213 47;
    --utility-fallback-primary-text-rgb: 18 23 25;
    --utility-fallback-secondary-rgb: 119 123 122;
    --utility-fallback-secondary-text-rgb: 0 0 0;
    --utility-fallback-accent-rgb: 60 112 151;
    --utility-fallback-accent-text-rgb: 255 255 255;
    --utility-fallback-success-rgb: 77 143 45;
    --utility-fallback-success-text-rgb: 0 0 0;
    --utility-fallback-warning-rgb: 242 183 5;
    --utility-fallback-warning-text-rgb: 18 23 25;
    --utility-fallback-danger-rgb: 185 39 23;
    --utility-fallback-danger-text-rgb: 255 249 245;
    --utility-fallback-link-rgb: 60 112 151;
    --utility-fallback-focus-rgb: 155 101 0;
    --utility-material-steel: rgb(var(--usk-border-rgb, 119 123 122));
    --utility-material-steel-light: rgb(var(--usk-surface-strong-rgb, 252 250 244));
    --utility-material-input: rgb(var(--usk-surface-rgb, 239 237 230));
    --utility-material-header: rgb(var(--usk-industrial-header-rgb, 23 32 35));
    --utility-material-shadow-opacity: .28;
  }

  [data-ui="industrial-utility"][data-mode] {
    --utility-font-display: "Arial Narrow", "Liberation Sans Narrow", "DejaVu Sans Condensed", sans-serif;
    --utility-font-body: "Arial Narrow", "Liberation Sans Narrow", "DejaVu Sans Condensed", Arial, sans-serif;
    --utility-font-mono: "DejaVu Sans Mono", Consolas, monospace;
    --utility-material-font-display: var(--utility-font-display);
    --utility-material-font-body: var(--utility-font-body);
    --utility-material-font-mono: var(--utility-font-mono);
    --utility-material-radius: 2px;
    --utility-material-control-height: 34px;
    --utility-material-speed: .11s;
    --utility-material-ease: cubic-bezier(.2, .8, .2, 1);
    --utility-material-canvas: var(--utility-bg);
    --utility-material-shell: var(--utility-surface);
    --utility-material-surface: var(--utility-surface);
    --utility-material-surface-raised: var(--utility-surface-strong);
    --utility-material-surface-low: var(--utility-surface-soft);
    --utility-material-text: var(--utility-text);
    --utility-material-text-soft: var(--utility-text-muted);
    --utility-material-muted: var(--utility-text-muted);
    --utility-material-line: rgb(var(--utility-border-rgb) / .6);
    --utility-material-line-strong: var(--utility-border);
    --utility-material-steel-dark: rgb(var(--usk-industrial-bezel-rgb, 52 57 58));
    --utility-material-header-ink: rgb(var(--usk-industrial-header-text-rgb, 234 238 235));
    --utility-material-header-muted: rgb(var(--usk-industrial-header-text-rgb, 177 190 187));
    --utility-material-safety-amber: var(--utility-primary);
    --utility-material-safety-ink: var(--utility-on-primary);
    --utility-material-warning: var(--utility-warning);
    --utility-material-hazard-red: var(--utility-danger);
    --utility-material-hazard-ink: var(--utility-on-danger);
    --utility-material-lamp-green: var(--utility-success);
    --utility-material-lamp-blue: var(--utility-accent);
    --utility-material-off: var(--utility-border);
    --utility-material-focus: var(--utility-focus);
    --utility-material-bevel: 0 1px 0 #ffffff2b, 0 3px 6px rgb(0 0 0 / var(--utility-material-shadow-opacity, .48)), inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000040;
    --utility-material-inset-shadow: inset 0 2px 4px #00000047, 0 1px 0 #ffffff1a;
    --utility-material-panel-shadow: 0 3px 8px #0003, inset 0 1px 0 #ffffff26;
    --utility-material-lamp-glow: 0 0 8px rgb(var(--utility-success-rgb) / .45);
    --utility-material-primary-top: var(--utility-primary);
    --utility-material-danger-top: var(--utility-danger);
    --utility-material-readout-ink: rgb(var(--usk-industrial-readout-text-rgb, 156 232 121));
    --utility-material-badge-success: rgb(var(--usk-success-rgb, 52 95 38));
    --utility-material-badge-success-ink: rgb(var(--usk-success-text-rgb, 223 245 211));
    --utility-material-badge-info: rgb(var(--usk-accent-rgb, 49 85 113));
    --utility-material-badge-info-ink: rgb(var(--usk-accent-text-rgb, 229 244 255));
    --utility-material-badge-warning: rgb(var(--usk-warning-rgb, 133 95 6));
    --utility-material-badge-warning-ink: rgb(var(--usk-warning-text-rgb, 255 242 192));
    --utility-material-badge-danger: rgb(var(--usk-danger-rgb, 132 32 19));
    --utility-material-badge-danger-ink: rgb(var(--usk-danger-text-rgb, 255 240 235));
    --utility-theme-bg: var(--utility-bg);
    --utility-radius-xs: 1px;
    --utility-radius-sm: 2px;
    --utility-radius-md: 2px;
    --usk-native-card-bg: var(--utility-material-surface);
    --usk-native-control-bg: var(--utility-material-input);
    --usk-native-control-border: 1px solid var(--utility-material-line-strong);
    --usk-native-control-radius: 1px;
    --usk-native-control-shadow: var(--utility-material-inset-shadow);
    --usk-native-font-body: var(--utility-font-body);
    --usk-native-font-heading: var(--utility-font-display);
    --usk-native-font-control: var(--utility-font-display);
  }

  [data-ui="industrial-utility"] *, [data-ui="industrial-utility"] :before, [data-ui="industrial-utility"] :after {
    box-sizing: border-box;
  }

  [data-ui="industrial-utility"] :focus-visible {
    outline: 2px solid var(--utility-material-focus);
    outline-offset: 2px;
  }

  [data-ui="industrial-utility"] a:where(:not(:is(.utility-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.utility-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"])):not(:is(.utility-nav-link,[class~="usk-nav-link"],[class~="ui-nav-link"]))) {
    color: var(--utility-material-lamp-blue);
    text-underline-offset: 3px;
    font-weight: 700;
    text-decoration-thickness: 1px;
  }

  [data-ui="industrial-utility"] a:where(:not(:is(.utility-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.utility-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"])):not(:is(.utility-nav-link,[class~="usk-nav-link"],[class~="ui-nav-link"]))):hover, [data-ui="industrial-utility"] a:where(:not(:is(.utility-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.utility-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"])):not(:is(.utility-nav-link,[class~="usk-nav-link"],[class~="ui-nav-link"]))).is-hover {
    color: var(--utility-material-warning);
  }

  .utility-panel, .utility-card, .utility-dialog, .utility-popover, .utility-toast, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .usk-popover, :where([data-ui="industrial-utility"]) .usk-toast, :where([data-ui="industrial-utility"]) .ui-card, :where([data-ui="industrial-utility"]) .ui-popover, :where([data-ui="industrial-utility"]) .ui-toast {
    background: var(--utility-material-surface);
    border: 1px solid var(--utility-material-line-strong);
    border-radius: var(--utility-material-radius);
    box-shadow: var(--utility-material-panel-shadow);
    position: relative;
  }

  .utility-panel:before, .utility-card:before, .utility-dialog:before, :where([data-ui="industrial-utility"]) .usk-card:before, :where([data-ui="industrial-utility"]) .ui-card:before {
    border: 1px solid rgb(var(--utility-border-rgb)/.25);
    content: "";
    pointer-events: none;
    border-radius: 1px;
    position: absolute;
    inset: 3px;
  }

  .utility-panel-header {
    background: var(--utility-material-header);
    border-bottom: 1px solid var(--utility-material-steel-dark);
    color: var(--utility-material-header-ink);
    font: 800 12px/1 var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    gap: 8px;
    height: 31px;
    padding: 0 10px;
    display: flex;
    position: relative;
  }

  .utility-panel-header:before {
    background: var(--utility-material-safety-amber);
    content: "";
    width: 4px;
    height: 13px;
    box-shadow: inset 0 -2px #00000038;
  }

  .utility-panel-header small {
    color: var(--utility-material-header-muted);
    font: 600 8px var(--utility-material-font-mono);
    letter-spacing: 0;
    margin-left: auto;
  }

  .utility-panel-body {
    padding: 10px;
    position: relative;
  }

  .utility-rivet {
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(circle at 38% 35%,var(--utility-material-steel-light)0 12%,var(--utility-material-steel) 35%,var(--utility-material-steel-dark) 72%);
    border: 1px solid var(--utility-material-steel-dark);
    border-radius: 50%;
    width: 7px;
    height: 7px;
    position: absolute;
    box-shadow: 0 1px 1px #0006;
  }

  .utility-rivet.is-tl {
    top: 5px;
    left: 5px;
  }

  .utility-rivet.is-tr {
    top: 5px;
    right: 5px;
  }

  .utility-rivet.is-bl {
    bottom: 5px;
    left: 5px;
  }

  .utility-rivet.is-br {
    bottom: 5px;
    right: 5px;
  }

  .utility-label, .utility-overline, .utility-readout-label, :where([data-ui="industrial-utility"]) .usk-label, :where([data-ui="industrial-utility"]) .ui-label {
    color: var(--utility-material-muted);
    font: 700 9px/1 var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
  }

  [data-ui="industrial-utility"][data-mode] .utility-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  .utility-overline {
    color: var(--utility-material-warning);
    font-family: var(--utility-material-font-mono);
    letter-spacing: 0;
    font-size: 8px;
  }

  .utility-help {
    color: var(--utility-material-muted);
    font: 8px/1.3 var(--utility-material-font-body);
    margin: 4px 0 0;
  }

  .utility-help.is-error {
    color: var(--utility-material-hazard-red);
  }

  .utility-field, :where([data-ui="industrial-utility"]) .usk-field, :where([data-ui="industrial-utility"]) .ui-field {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  .utility-input, .utility-select, .utility-textarea, [data-ui="industrial-utility"] input[type="text"], [data-ui="industrial-utility"] input[type="password"], [data-ui="industrial-utility"] input[type="search"], [data-ui="industrial-utility"] input[type="number"], [data-ui="industrial-utility"] input[type="date"], [data-ui="industrial-utility"] input[type="time"], :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-select, :where([data-ui="industrial-utility"]) .ui-textarea {
    appearance: none;
    background: var(--utility-material-input);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    color: var(--utility-material-text);
    font: 11px var(--utility-material-font-body);
    height: var(--utility-material-control-height);
    border-radius: 1px;
    width: 100%;
    min-width: 0;
    padding: 0 10px;
  }

  .utility-input::placeholder, .utility-textarea::placeholder, [data-ui="industrial-utility"] input::placeholder, :where([data-ui="industrial-utility"]) .usk-input::placeholder, :where([data-ui="industrial-utility"]) .usk-textarea::placeholder, :where([data-ui="industrial-utility"]) .ui-input::placeholder, :where([data-ui="industrial-utility"]) .ui-textarea::placeholder {
    color: var(--utility-material-muted);
    opacity: .75;
  }

  .utility-input:hover, .utility-select:hover, .utility-textarea:hover, [data-ui="industrial-utility"] input:hover, :where([data-ui="industrial-utility"]) .usk-input:hover, :where([data-ui="industrial-utility"]) .usk-select:hover, :where([data-ui="industrial-utility"]) .usk-textarea:hover, :where([data-ui="industrial-utility"]) .ui-input:hover, :where([data-ui="industrial-utility"]) .ui-select:hover, :where([data-ui="industrial-utility"]) .ui-textarea:hover {
    border-color: var(--utility-material-steel-light);
  }

  .utility-input:focus, .utility-select:focus, .utility-textarea:focus, [data-ui="industrial-utility"] input:focus, :where([data-ui="industrial-utility"]) .usk-input:focus, :where([data-ui="industrial-utility"]) .usk-select:focus, :where([data-ui="industrial-utility"]) .usk-textarea:focus, :where([data-ui="industrial-utility"]) .ui-input:focus, :where([data-ui="industrial-utility"]) .ui-select:focus, :where([data-ui="industrial-utility"]) .ui-textarea:focus {
    border-color: var(--utility-material-focus);
    box-shadow: var(--utility-material-inset-shadow),0 0 0 1px var(--utility-material-focus);
    outline: 2px solid var(--utility-material-focus);
  }

  .utility-input.is-error, .utility-textarea.is-error, :where([data-ui="industrial-utility"]) .usk-input.is-error, :where([data-ui="industrial-utility"]) .usk-textarea.is-error, :where([data-ui="industrial-utility"]) .ui-input.is-error, :where([data-ui="industrial-utility"]) .ui-textarea.is-error {
    border-color: var(--utility-material-hazard-red);
    box-shadow: var(--utility-material-inset-shadow),0 0 0 1px var(--utility-material-hazard-red);
  }

  .utility-input:disabled, .utility-select:disabled, .utility-textarea:disabled, [data-ui="industrial-utility"] input:disabled, :where([data-ui="industrial-utility"]) .usk-input:disabled, :where([data-ui="industrial-utility"]) .usk-select:disabled, :where([data-ui="industrial-utility"]) .usk-textarea:disabled, :where([data-ui="industrial-utility"]) .ui-input:disabled, :where([data-ui="industrial-utility"]) .ui-select:disabled, :where([data-ui="industrial-utility"]) .ui-textarea:disabled {
    cursor: not-allowed;
    opacity: .47;
  }

  .utility-textarea, [data-ui="industrial-utility"] textarea, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .ui-textarea {
    resize: vertical;
    min-height: 68px;
    padding: 8px 10px;
  }

  .utility-select, [data-ui="industrial-utility"] select, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .ui-select {
    appearance: none;
    background-color: var(--utility-material-input);
    background-image: linear-gradient(45deg,transparent 50%,var(--utility-material-text-soft) 50%),linear-gradient(135deg,var(--utility-material-text-soft) 50%,transparent 50%);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    color: var(--utility-material-text);
    font: 11px var(--utility-material-font-body);
    height: var(--utility-material-control-height);
    background-position: calc(100% - 13px) 48%, calc(100% - 9px) 48%;
    background-repeat: no-repeat;
    background-size: 4px 4px, 4px 4px;
    border-radius: 1px;
    width: 100%;
    padding: 0 28px 0 10px;
  }

  .utility-file {
    color: var(--utility-material-text-soft);
    font: 10px var(--utility-material-font-body);
    width: 100%;
  }

  .utility-file::file-selector-button {
    background: var(--utility-material-surface-raised);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-bevel);
    color: var(--utility-material-text);
    cursor: pointer;
    font: 800 9px var(--utility-material-font-display);
    text-transform: uppercase;
    border-radius: 1px;
    height: 30px;
    margin-right: 9px;
    padding: 0 12px;
  }

  .utility-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .ui-button {
    appearance: none;
    background: linear-gradient(var(--utility-material-surface-raised),var(--utility-material-surface-low));
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-bevel);
    color: var(--utility-material-text);
    cursor: pointer;
    font: 900 11px/1 var(--utility-material-font-display);
    height: var(--utility-material-control-height);
    letter-spacing: 0;
    text-transform: uppercase;
    min-width: 84px;
    transition: filter var(--utility-material-speed) var(--utility-material-ease),transform 70ms linear,box-shadow 70ms linear;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    display: inline-flex;
  }

  .utility-button:hover, .utility-button.is-hover, :where([data-ui="industrial-utility"]) .usk-button:hover, :where([data-ui="industrial-utility"]) .usk-button.is-hover, :where([data-ui="industrial-utility"]) .ui-button:hover, :where([data-ui="industrial-utility"]) .ui-button.is-hover {
    filter: brightness(1.1);
  }

  .utility-button:active, .utility-button.is-pressed, :where([data-ui="industrial-utility"]) .usk-button:active, :where([data-ui="industrial-utility"]) .usk-button.is-pressed, :where([data-ui="industrial-utility"]) .ui-button:active, :where([data-ui="industrial-utility"]) .ui-button.is-pressed {
    transform: translateY(2px);
    box-shadow: inset 0 3px 5px #00000085, 0 1px #ffffff1f;
  }

  .utility-button-primary, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(var(--utility-material-primary-top),var(--utility-material-safety-amber));
    border-color: var(--utility-material-safety-amber);
    color: var(--utility-material-safety-ink);
  }

  .utility-button-secondary, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(var(--utility-material-steel-light),var(--utility-material-steel));
    border-color: var(--utility-material-steel-dark);
    color: #131719;
  }

  .utility-button-ghost, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="ghost"]) {
    border-color: var(--utility-material-line-strong);
    box-shadow: inset 0 0 0 1px rgb(var(--utility-border-rgb)/.15);
    background: none;
  }

  .utility-button-danger, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(var(--utility-material-danger-top),var(--utility-material-hazard-red));
    border-color: var(--utility-material-hazard-red);
    color: var(--utility-material-hazard-ink);
  }

  .utility-button-guarded {
    background: repeating-linear-gradient(-45deg,var(--utility-material-safety-amber)0 7px,#201f19 7px 14px);
    color: #fff;
    text-shadow: 0 1px 2px #000;
    border-color: #5b4b05;
  }

  .utility-button-guarded > span {
    background: #141615eb;
    padding: 5px 9px;
  }

  .utility-button:disabled, .utility-button.is-disabled, :where([data-ui="industrial-utility"]) .usk-button:disabled, :where([data-ui="industrial-utility"]) .usk-button.is-disabled, :where([data-ui="industrial-utility"]) .ui-button:disabled, :where([data-ui="industrial-utility"]) .ui-button.is-disabled {
    cursor: not-allowed;
    filter: grayscale(.7);
    opacity: .42;
  }

  .utility-button.is-loading:before, .utility-spinner, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-spinner {
    border: 2px solid rgb(var(--utility-text-rgb)/.28);
    content: "";
    border-top-color: currentColor;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    animation: .85s linear infinite utility-material-spin;
  }

  @keyframes utility-material-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .utility-control-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  .utility-control-cell {
    background: rgb(var(--utility-surface-soft-rgb)/.72);
    border: 1px solid var(--utility-material-line);
    box-shadow: var(--utility-material-inset-shadow);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 76px;
    padding: 8px;
    display: flex;
  }

  .utility-control-cell > label, .utility-control-name {
    color: var(--utility-material-muted);
    font: 700 8px var(--utility-material-font-display);
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
  }

  .utility-emergency-stop {
    appearance: none;
    background: radial-gradient(circle at 40% 30%,var(--utility-material-danger-top),var(--utility-material-hazard-red) 56%,var(--utility-material-hazard-red) 100%);
    color: var(--utility-material-hazard-ink);
    cursor: pointer;
    font: 900 9px/1 var(--utility-material-font-display);
    letter-spacing: 0;
    text-shadow: 0 1px 1px #4c0802;
    border: 4px solid #5d6464;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: inline-flex;
    box-shadow: 0 0 0 3px #171c1d, 0 5px 7px #00000073, inset 0 2px 2px #ffffff52;
  }

  .utility-emergency-stop:active, .utility-emergency-stop.is-pressed {
    transform: translateY(2px);
    box-shadow: 0 0 0 3px #171c1d, 0 2px 2px #00000080, inset 0 4px 5px #4b0000b8;
  }

  .utility-key-switch {
    appearance: none;
    cursor: pointer;
    background: radial-gradient(circle, #9ba1a0 0 12%, #3f4748 13% 36%, #a8aeac 37% 47%, #2a3031 48% 68%, #111617 69%);
    border: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: relative;
    box-shadow: 0 3px 6px #0000007a, inset 0 1px 2px #ffffff73;
  }

  .utility-key-switch:after {
    content: "";
    transform-origin: 4px 14px;
    background: #151b1c;
    border: 1px solid #aab0ae;
    border-radius: 2px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 20px;
    transform: rotate(-28deg);
  }

  .utility-pilot-light {
    background: radial-gradient(circle at 40% 32%,#e7ffdc 0 7%,var(--utility-material-lamp-green) 28%,#183f11 78%);
    border: 2px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-lamp-glow),inset 0 1px 2px #ffffff6b;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    display: inline-flex;
  }

  .utility-pilot-light.is-blue {
    background: radial-gradient(circle at 40% 32%,#e7f7ff 0 7%,var(--utility-material-lamp-blue) 28%,#14324a 78%);
    box-shadow: 0 0 0 1px #5f9dcc33, 0 0 8px #5f9dcc8c;
  }

  .utility-pilot-light.is-red {
    background: radial-gradient(circle at 40% 32%,#ffe9df 0 7%,var(--utility-material-hazard-red) 28%,#541208 78%);
    box-shadow: 0 0 0 1px #c73a2333, 0 0 8px #c73a238c;
  }

  .utility-pilot-light.is-off {
    background: radial-gradient(circle at 40% 32%,#a7aeaa,var(--utility-material-off) 38%,#262d2e 78%);
    box-shadow: inset 0 1px 2px #fff3;
  }

  .utility-check, .utility-radio, :where([data-ui="industrial-utility"]) .usk-check, :where([data-ui="industrial-utility"]) .usk-radio, :where([data-ui="industrial-utility"]) .ui-check, :where([data-ui="industrial-utility"]) .ui-radio {
    color: var(--utility-material-text-soft);
    cursor: pointer;
    font: 10px var(--utility-material-font-body);
    align-items: center;
    gap: 7px;
    display: inline-flex;
  }

  .utility-check input, .utility-radio input, :where([data-ui="industrial-utility"]) .usk-check input, :where([data-ui="industrial-utility"]) .usk-radio input, :where([data-ui="industrial-utility"]) .ui-check input, :where([data-ui="industrial-utility"]) .ui-radio input {
    appearance: none;
    background: var(--utility-material-input);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    width: 15px;
    height: 15px;
    margin: 0;
  }

  .utility-radio input, :where([data-ui="industrial-utility"]) .usk-radio input, :where([data-ui="industrial-utility"]) .ui-radio input {
    border-radius: 50%;
  }

  .utility-check input:checked, :where([data-ui="industrial-utility"]) .usk-check input:checked, :where([data-ui="industrial-utility"]) .ui-check input:checked {
    background: var(--utility-material-lamp-green);
    box-shadow: inset 0 0 0 3px var(--utility-material-input),var(--utility-material-lamp-glow);
  }

  .utility-radio input:checked, :where([data-ui="industrial-utility"]) .usk-radio input:checked, :where([data-ui="industrial-utility"]) .ui-radio input:checked {
    background: var(--utility-material-lamp-green);
    box-shadow: inset 0 0 0 4px var(--utility-material-input),var(--utility-material-lamp-glow);
  }

  .utility-check input:indeterminate, :where([data-ui="industrial-utility"]) .usk-check input:indeterminate, :where([data-ui="industrial-utility"]) .ui-check input:indeterminate {
    background: linear-gradient(var(--utility-material-input) 40%,var(--utility-material-safety-amber) 40% 60%,var(--utility-material-input) 60%);
  }

  .utility-check input:disabled, .utility-radio input:disabled, .utility-check.is-disabled, .utility-radio.is-disabled, :where([data-ui="industrial-utility"]) .usk-check input:disabled, :where([data-ui="industrial-utility"]) .usk-radio input:disabled, :where([data-ui="industrial-utility"]) .usk-check.is-disabled, :where([data-ui="industrial-utility"]) .usk-radio.is-disabled, :where([data-ui="industrial-utility"]) .ui-check input:disabled, :where([data-ui="industrial-utility"]) .ui-radio input:disabled, :where([data-ui="industrial-utility"]) .ui-check.is-disabled, :where([data-ui="industrial-utility"]) .ui-radio.is-disabled {
    cursor: not-allowed;
    opacity: .42;
  }

  .utility-toggle {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .utility-toggle input {
    appearance: none;
    box-shadow: var(--utility-material-inset-shadow);
    cursor: pointer;
    background: linear-gradient(#303738, #777d7b);
    border: 1px solid #262b2c;
    border-radius: 18px;
    width: 48px;
    height: 24px;
    margin: 0;
    position: relative;
  }

  .utility-toggle input:after {
    content: "";
    height: 20px;
    transition: left var(--utility-material-speed) var(--utility-material-ease);
    background: radial-gradient(circle at 36% 28%, #fff, #aaaead 57%, #535a5a 100%);
    border: 1px solid #323839;
    border-radius: 50%;
    width: 20px;
    position: absolute;
    top: 1px;
    left: 1px;
    box-shadow: 0 2px 3px #00000073;
  }

  .utility-toggle input:checked {
    background: linear-gradient(#ffffff59,transparent),var(--utility-material-lamp-green);
  }

  .utility-toggle input:checked:after {
    left: 25px;
  }

  .utility-toggle input:disabled {
    opacity: .42;
  }

  .utility-toggle span {
    color: var(--utility-material-text-soft);
    font: 800 9px var(--utility-material-font-display);
    text-transform: uppercase;
  }

  .utility-three-position {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    grid-template-columns: repeat(3, 1fr);
    padding: 3px;
    display: inline-grid;
  }

  .utility-three-position button {
    color: var(--utility-material-muted);
    cursor: pointer;
    font: 800 8px var(--utility-material-font-display);
    text-transform: uppercase;
    background: none;
    border: 0;
    min-width: 42px;
    padding: 7px 8px;
  }

  .utility-three-position button.is-active {
    background: var(--utility-material-safety-amber);
    box-shadow: var(--utility-material-bevel);
    color: var(--utility-material-safety-ink);
  }

  .utility-slider, [data-ui="industrial-utility"] input[type="range"] {
    appearance: none;
    background: linear-gradient(90deg,var(--utility-material-lamp-green)0 54%,var(--utility-material-safety-amber) 54% 75%,var(--utility-material-hazard-red) 75% 100%);
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-inset-shadow);
    width: 100%;
    height: 8px;
  }

  .utility-slider::-webkit-slider-thumb {
    appearance: none;
    background: linear-gradient(90deg,var(--utility-material-steel),var(--utility-material-steel-light),var(--utility-material-steel));
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-bevel);
    cursor: ew-resize;
    border-radius: 1px;
    width: 12px;
    height: 24px;
  }

  [data-ui="industrial-utility"] input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    background: linear-gradient(90deg,var(--utility-material-steel),var(--utility-material-steel-light),var(--utility-material-steel));
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-bevel);
    cursor: ew-resize;
    border-radius: 1px;
    width: 12px;
    height: 24px;
  }

  .utility-slider::-moz-range-thumb {
    background: var(--utility-material-steel);
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-bevel);
    border-radius: 1px;
    width: 10px;
    height: 22px;
  }

  [data-ui="industrial-utility"] input[type="range"]::-moz-range-thumb {
    background: var(--utility-material-steel);
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-bevel);
    border-radius: 1px;
    width: 10px;
    height: 22px;
  }

  .utility-ticks {
    color: var(--utility-material-muted);
    font: 7px var(--utility-material-font-mono);
    justify-content: space-between;
    margin-bottom: 4px;
    display: flex;
  }

  .utility-readout {
    border: 1px solid var(--utility-material-steel-dark);
    box-shadow: var(--utility-material-inset-shadow);
    color: var(--utility-material-readout-ink);
    font: 700 15px/1 var(--utility-material-font-mono);
    text-shadow: 0 0 6px #89e26285;
    background: #08100c;
    min-width: 74px;
    padding: 8px 10px;
    display: inline-flex;
  }

  .utility-readout small {
    color: var(--utility-material-readout-ink);
    margin-left: auto;
    padding-left: 8px;
    font-size: 8px;
  }

  .utility-meter {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    height: 14px;
    position: relative;
    overflow: hidden;
  }

  .utility-meter > span {
    background: repeating-linear-gradient(90deg,transparent 0 16px,#00000059 16px 18px),var(--utility-material-lamp-green);
    height: 100%;
    display: block;
  }

  .utility-meter.is-warning > span {
    background: var(--utility-material-safety-amber);
  }

  .utility-meter.is-danger > span {
    background: var(--utility-material-hazard-red);
  }

  .utility-meter:after {
    content: "";
    background: repeating-linear-gradient(90deg, #0000 0 9.2%, #00000073 9.2% 10%);
    position: absolute;
    inset: 0;
  }

  .utility-progress, [data-ui="industrial-utility"] progress, :where([data-ui="industrial-utility"]) .usk-progress, :where([data-ui="industrial-utility"]) .ui-progress {
    appearance: none;
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    border-radius: 0;
    width: 100%;
    height: 13px;
    overflow: hidden;
  }

  .utility-progress::-webkit-progress-bar, :where([data-ui="industrial-utility"]) .usk-progress::-webkit-progress-bar, :where([data-ui="industrial-utility"]) .ui-progress::-webkit-progress-bar {
    background: var(--utility-material-surface-low);
  }

  [data-ui="industrial-utility"] progress::-webkit-progress-bar {
    background: var(--utility-material-surface-low);
  }

  .utility-progress::-webkit-progress-value, :where([data-ui="industrial-utility"]) .usk-progress::-webkit-progress-value, :where([data-ui="industrial-utility"]) .ui-progress::-webkit-progress-value {
    background: var(--utility-material-lamp-green);
  }

  [data-ui="industrial-utility"] progress::-webkit-progress-value {
    background: var(--utility-material-lamp-green);
  }

  .utility-progress::-moz-progress-bar, :where([data-ui="industrial-utility"]) .usk-progress::-moz-progress-bar, :where([data-ui="industrial-utility"]) .ui-progress::-moz-progress-bar {
    background: var(--utility-material-lamp-green);
  }

  [data-ui="industrial-utility"] progress::-moz-progress-bar {
    background: var(--utility-material-lamp-green);
  }

  .utility-stage-track {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 9px;
    display: grid;
    position: relative;
  }

  .utility-stage-track:before {
    background: var(--utility-material-line-strong);
    content: "";
    height: 2px;
    position: absolute;
    top: 8px;
    left: 12%;
    right: 12%;
  }

  .utility-stage {
    color: var(--utility-material-muted);
    font: 7px var(--utility-material-font-display);
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
  }

  .utility-stage b {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin: 0 auto 4px;
    display: flex;
  }

  .utility-stage.is-complete b, .utility-stage.is-current b {
    background: var(--utility-material-lamp-green);
    color: #0c1707;
    box-shadow: var(--utility-material-lamp-glow);
    border-color: #2f5b1e;
  }

  .utility-stage.is-current b {
    background: var(--utility-material-safety-amber);
    box-shadow: none;
  }

  .utility-tabs, :where([data-ui="industrial-utility"]) .usk-tabs, :where([data-ui="industrial-utility"]) .ui-tabs {
    border-bottom: 1px solid var(--utility-material-line-strong);
    align-items: stretch;
    gap: 1px;
    display: flex;
  }

  .utility-tab, :where([data-ui="industrial-utility"]) .usk-tab, :where([data-ui="industrial-utility"]) .ui-tab {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line);
    color: var(--utility-material-muted);
    cursor: pointer;
    font: 800 9px var(--utility-material-font-display);
    text-transform: uppercase;
    border-bottom: 0;
    min-height: 30px;
    padding: 0 13px;
  }

  .utility-tab.is-active, .utility-tab[aria-selected="true"], :where([data-ui="industrial-utility"]) .usk-tab.is-active, :where([data-ui="industrial-utility"]) .usk-tab[aria-selected="true"], :where([data-ui="industrial-utility"]) .ui-tab.is-active, :where([data-ui="industrial-utility"]) .ui-tab[aria-selected="true"] {
    background: var(--utility-material-surface-raised);
    color: var(--utility-material-text);
    position: relative;
  }

  .utility-tab.is-active:before, .utility-tab[aria-selected="true"]:before, :where([data-ui="industrial-utility"]) .usk-tab.is-active:before, :where([data-ui="industrial-utility"]) .usk-tab[aria-selected="true"]:before, :where([data-ui="industrial-utility"]) .ui-tab.is-active:before, :where([data-ui="industrial-utility"]) .ui-tab[aria-selected="true"]:before {
    background: var(--utility-material-safety-amber);
    content: "";
    height: 3px;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
  }

  .utility-breadcrumb, :where([data-ui="industrial-utility"]) .usk-breadcrumb, :where([data-ui="industrial-utility"]) .ui-breadcrumb {
    color: var(--utility-material-muted);
    font: 8px var(--utility-material-font-mono);
    text-transform: uppercase;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  .utility-breadcrumb b, :where([data-ui="industrial-utility"]) .usk-breadcrumb b, :where([data-ui="industrial-utility"]) .ui-breadcrumb b {
    color: var(--utility-material-text);
  }

  .utility-breadcrumb i, :where([data-ui="industrial-utility"]) .usk-breadcrumb i, :where([data-ui="industrial-utility"]) .ui-breadcrumb i {
    color: var(--utility-material-warning);
    font-style: normal;
  }

  .utility-pagination, .utility-segmented, :where([data-ui="industrial-utility"]) .usk-pagination, :where([data-ui="industrial-utility"]) .ui-pagination {
    display: inline-flex;
  }

  .utility-pagination button, .utility-segmented button, :where([data-ui="industrial-utility"]) .usk-pagination button, :where([data-ui="industrial-utility"]) .ui-pagination button {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    color: var(--utility-material-text-soft);
    cursor: pointer;
    font: 800 9px var(--utility-material-font-display);
    min-width: 29px;
    height: 29px;
    padding: 0 8px;
  }

  .utility-pagination button+button, .utility-segmented button+button, :where([data-ui="industrial-utility"]) .usk-pagination button+button, :where([data-ui="industrial-utility"]) .ui-pagination button+button {
    border-left: 0;
  }

  .utility-pagination button.is-active, .utility-segmented button.is-active, :where([data-ui="industrial-utility"]) .usk-pagination button.is-active, :where([data-ui="industrial-utility"]) .ui-pagination button.is-active {
    background: var(--utility-material-safety-amber);
    color: var(--utility-material-safety-ink);
  }

  .utility-badge, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .ui-badge {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    color: var(--utility-material-text-soft);
    font: 900 8px var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    border-radius: 1px;
    align-items: center;
    height: 22px;
    padding: 0 7px;
    display: inline-flex;
  }

  .utility-badge-success, .utility-badge-success, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--utility-material-badge-success);
    border-color: var(--utility-material-lamp-green);
    color: var(--utility-material-badge-success-ink);
  }

  .utility-badge-primary, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--utility-material-badge-info);
    border-color: var(--utility-material-lamp-blue);
    color: var(--utility-material-badge-info-ink);
  }

  .utility-badge-warning, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--utility-material-badge-warning);
    border-color: var(--utility-material-safety-amber);
    color: var(--utility-material-badge-warning-ink);
  }

  .utility-badge-danger, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--utility-material-badge-danger);
    border-color: var(--utility-material-hazard-red);
    color: var(--utility-material-badge-danger-ink);
  }

  .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    overflow: auto;
  }

  .utility-table, :where([data-ui="industrial-utility"]) .usk-table, :where([data-ui="industrial-utility"]) .ui-table {
    border-collapse: collapse;
    font: 9px var(--utility-material-font-body);
    width: 100%;
  }

  .utility-table th, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-table th {
    background: var(--utility-material-header);
    border-bottom: 1px solid var(--utility-material-line-strong);
    color: var(--utility-material-header-ink);
    font: 800 8px var(--utility-material-font-display);
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    padding: 7px 8px;
  }

  .utility-table td, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table td {
    border-bottom: 1px solid var(--utility-material-line);
    color: var(--utility-material-text-soft);
    padding: 6px 8px;
  }

  .utility-table tr:last-child td, :where([data-ui="industrial-utility"]) .usk-table tr:last-child td, :where([data-ui="industrial-utility"]) .ui-table tr:last-child td {
    border-bottom: 0;
  }

  .utility-table tbody tr:nth-child(2n), :where([data-ui="industrial-utility"]) .usk-table tbody tr:nth-child(2n), :where([data-ui="industrial-utility"]) .ui-table tbody tr:nth-child(2n) {
    background: rgb(var(--utility-surface-soft-rgb)/.48);
  }

  .utility-table tbody tr:hover, :where([data-ui="industrial-utility"]) .usk-table tbody tr:hover, :where([data-ui="industrial-utility"]) .ui-table tbody tr:hover {
    background: rgb(var(--utility-primary-rgb)/.12);
  }

  .utility-alert, :where([data-ui="industrial-utility"]) .usk-alert, :where([data-ui="industrial-utility"]) .ui-alert {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    border-left: 5px solid var(--utility-material-lamp-blue);
    box-shadow: var(--utility-material-bevel);
    color: var(--utility-material-text-soft);
    font: 10px var(--utility-material-font-body);
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 9px;
    display: flex;
  }

  .utility-alert strong, :where([data-ui="industrial-utility"]) .usk-alert strong, :where([data-ui="industrial-utility"]) .ui-alert strong {
    color: var(--utility-material-text);
    font: 900 9px var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    display: block;
  }

  .utility-alert>div, :where([data-ui="industrial-utility"]) .usk-alert>div, :where([data-ui="industrial-utility"]) .ui-alert>div {
    flex: 1;
    min-width: 0;
  }

  .utility-alert .utility-pilot-light, :where([data-ui="industrial-utility"]) .usk-alert .utility-pilot-light, :where([data-ui="industrial-utility"]) .ui-alert .utility-pilot-light {
    width: 13px;
    height: 13px;
  }

  .utility-alert-success, :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--utility-material-lamp-green);
  }

  .utility-alert-warning, :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--utility-material-warning);
    background: linear-gradient(rgb(var(--utility-warning-rgb)/.12),rgb(var(--utility-warning-rgb)/.12)),var(--utility-material-surface);
  }

  .utility-alert-info {
    border-left-color: var(--utility-material-lamp-blue);
  }

  .utility-alert-danger, :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--utility-material-hazard-red);
  }

  .utility-toast-stack, :where([data-ui="industrial-utility"]) .usk-toast-stack, :where([data-ui="industrial-utility"]) .ui-toast-stack {
    gap: 7px;
    display: grid;
  }

  .utility-tooltip, [data-ui="industrial-utility"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="industrial-utility"]) .usk-tooltip, :where([data-ui="industrial-utility"]) .ui-tooltip {
    color: #dde0db;
    font: 9px/1.35 var(--utility-material-font-body);
    background: #111718;
    border: 1px solid #697173;
    max-width: 180px;
    padding: 8px 10px;
    position: relative;
    box-shadow: 0 5px 12px #00000073;
  }

  .utility-tooltip:before, :where([data-ui="industrial-utility"]) .usk-tooltip:before, :where([data-ui="industrial-utility"]) .ui-tooltip:before {
    content: "";
    background: #111718;
    border-top: 1px solid #697173;
    border-left: 1px solid #697173;
    width: 9px;
    height: 9px;
    position: absolute;
    top: -6px;
    left: 18px;
    transform: rotate(45deg);
  }

  .utility-popover, :where([data-ui="industrial-utility"]) .usk-popover, :where([data-ui="industrial-utility"]) .ui-popover {
    max-width: 240px;
    padding: 11px;
  }

  .utility-dialog {
    padding: 11px;
  }

  .utility-dialog header {
    border-bottom: 1px solid var(--utility-material-line);
    font: 900 11px var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    padding-bottom: 8px;
    display: flex;
  }

  .utility-dialog header:before {
    background: var(--utility-material-hazard-red);
    content: "";
    width: 4px;
    height: 11px;
    margin-right: 7px;
  }

  .utility-dialog p {
    color: var(--utility-material-text-soft);
    margin: 11px 0;
    font-size: 10px;
  }

  .utility-dialog footer {
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  .utility-card, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .ui-card {
    padding: 11px;
  }

  .utility-card h4, :where([data-ui="industrial-utility"]) .usk-card h4, :where([data-ui="industrial-utility"]) .ui-card h4 {
    font: 900 11px var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 7px;
  }

  .utility-card p, :where([data-ui="industrial-utility"]) .usk-card p, :where([data-ui="industrial-utility"]) .ui-card p {
    color: var(--utility-material-text-soft);
    margin: 0;
    font-size: 10px;
    line-height: 1.35;
  }

  .utility-details, [data-ui="industrial-utility"] details {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    color: var(--utility-material-text-soft);
    padding: 8px 10px;
    font-size: 10px;
  }

  .utility-details summary, [data-ui="industrial-utility"] summary {
    color: var(--utility-material-text);
    cursor: pointer;
    font: 900 9px var(--utility-material-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .utility-token-row {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    display: grid;
  }

  .utility-token {
    min-width: 0;
  }

  .utility-token i {
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-bevel);
    height: 24px;
    display: block;
  }

  .utility-token span {
    color: var(--utility-material-muted);
    font: 6px var(--utility-material-font-mono);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    display: block;
    overflow: hidden;
  }

  .utility-skeleton, :where([data-ui="industrial-utility"]) .usk-skeleton, :where([data-ui="industrial-utility"]) .ui-skeleton {
    background: linear-gradient(90deg,var(--utility-material-surface-low),var(--utility-material-surface-raised),var(--utility-material-surface-low));
    border: 1px solid var(--utility-material-line);
    height: 11px;
    animation: 1.2s ease-in-out infinite alternate utility-material-pulse;
  }

  @keyframes utility-material-pulse {
    to {
      opacity: .45;
    }
  }

  .utility-empty-state, :where([data-ui="industrial-utility"]) .usk-empty-state, :where([data-ui="industrial-utility"]) .ui-empty-state {
    color: var(--utility-material-muted);
    font: 700 9px var(--utility-material-font-display);
    text-align: center;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 74px;
    display: flex;
  }

  .utility-empty-state .utility-pilot-light, :where([data-ui="industrial-utility"]) .usk-empty-state .utility-pilot-light, :where([data-ui="industrial-utility"]) .ui-empty-state .utility-pilot-light {
    width: 18px;
    height: 18px;
  }

  .utility-sr-only {
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="industrial-utility"] *, [data-ui="industrial-utility"] :before, [data-ui="industrial-utility"] :after {
      scroll-behavior: auto !important;
      transition-duration: .001ms !important;
      animation-duration: .001ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (max-width: 760px) {
    .utility-control-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .utility-token-row {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
      overflow-x: auto;
    }

    .utility-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .ui-button {
      min-width: 72px;
      padding-inline: 10px;
    }
  }

  .utility-panel {
    background: var(--utility-material-surface);
    padding: 0;
  }

  .utility-card, .utility-panel, :where([data-ui="industrial-utility"]) .usk-card, :where([data-ui="industrial-utility"]) .ui-card {
    clip-path: none;
  }

  .utility-panel:after, .utility-card:after, :where([data-ui="industrial-utility"]) .usk-card:after, :where([data-ui="industrial-utility"]) .ui-card:after {
    content: none;
  }

  .utility-button, .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button {
    min-height: 34px;
    min-block-size: 34px;
    line-height: 1;
  }

  .utility-button-primary, .utility-button-danger, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="danger"]) {
    text-shadow: none;
  }

  .utility-button-secondary, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="secondary"]) {
    color: rgb(var(--usk-secondary-text-rgb, 19 23 25));
    background: linear-gradient(rgb(var(--usk-secondary-rgb, 231 233 230)),rgb(var(--usk-secondary-rgb, 146 154 152)));
  }

  [data-ui="industrial-utility"][data-mode="dark"] .utility-button-secondary, :where([data-ui="industrial-utility"])[data-mode="dark"] .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="industrial-utility"])[data-mode="dark"] .ui-button:where([data-ui-variant="secondary"]) {
    color: rgb(var(--usk-secondary-text-rgb, 255 255 255));
    background: linear-gradient(rgb(var(--usk-secondary-rgb, 104 114 116)),rgb(var(--usk-secondary-rgb, 66 76 79)));
  }

  .utility-button.utility-button-guarded, :where([data-ui="industrial-utility"]) .usk-button.utility-button-guarded, :where([data-ui="industrial-utility"]) .ui-button.utility-button-guarded {
    background: repeating-linear-gradient(-45deg,var(--utility-material-safety-amber)0 7px,#201f19 7px 14px);
  }

  .utility-button-ghost, :where([data-ui="industrial-utility"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="industrial-utility"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--utility-material-text);
  }

  .utility-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:after {
    content: none;
  }

  .utility-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before {
    flex: 0 0 14px;
    padding: 0;
  }

  .utility-input, .utility-select, .utility-textarea, :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-select, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-select, :where([data-ui="industrial-utility"]) .ui-textarea {
    min-height: 34px;
    min-block-size: 34px;
    font-size: 14px;
  }

  .utility-label, .utility-help, .utility-control-name, :where([data-ui="industrial-utility"]) .usk-label, :where([data-ui="industrial-utility"]) .ui-label {
    font-size: 12px;
    line-height: 1.3;
  }

  .utility-button, .utility-tab, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-tab, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-tab {
    font-size: 12px;
  }

  .utility-badge, :where([data-ui="industrial-utility"]) .usk-badge, :where([data-ui="industrial-utility"]) .ui-badge {
    min-height: 22px;
    box-shadow: none;
    line-height: 1;
  }

  .utility-table th, .utility-table td, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table th, :where([data-ui="industrial-utility"]) .ui-table td {
    border-inline: 1px solid var(--utility-material-line);
  }

  .utility-table th, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-table th {
    background: var(--utility-material-header);
    color: var(--utility-material-header-ink);
  }

  .utility-table td, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table td {
    background: none;
  }

  .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    border-radius: 1px;
    overflow-x: auto;
  }

  .utility-check input, .utility-radio input, :where([data-ui="industrial-utility"]) .usk-check input, :where([data-ui="industrial-utility"]) .usk-radio input, :where([data-ui="industrial-utility"]) .ui-check input, :where([data-ui="industrial-utility"]) .ui-radio input {
    flex: 0 0 15px;
    min-inline-size: 15px;
  }

  .utility-check input:not(:has(+:is(.utility-check-control,[class~="usk-check-control"],[class~="ui-check-control"]))), .utility-radio input:not(:has(+:is(.utility-radio-control,[class~="usk-radio-control"],[class~="ui-radio-control"]))), :where([data-ui="industrial-utility"]) .usk-check input:not(:has(+.usk-check-control)), :where([data-ui="industrial-utility"]) .usk-radio input:not(:has(+.usk-radio-control)), :where([data-ui="industrial-utility"]) .ui-check input:not(:has(+.ui-check-control)), :where([data-ui="industrial-utility"]) .ui-radio input:not(:has(+.ui-radio-control)) {
    opacity: 1;
    pointer-events: auto;
    position: static;
  }

  [data-ui="industrial-utility"] input[type="range"] {
    min-block-size: 24px;
    height: 24px;
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  [data-ui="industrial-utility"] input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(90deg,var(--utility-material-lamp-green)0 54%,var(--utility-material-safety-amber) 54% 75%,var(--utility-material-hazard-red) 75% 100%);
    border: 1px solid var(--utility-material-steel-dark);
    height: 8px;
    box-shadow: var(--utility-material-inset-shadow);
  }

  [data-ui="industrial-utility"] input[type="range"]::-webkit-slider-thumb {
    margin-top: -8px;
  }

  [data-ui="industrial-utility"] input[type="range"]::-moz-range-track {
    background: linear-gradient(90deg,var(--utility-material-lamp-green)0 54%,var(--utility-material-safety-amber) 54% 75%,var(--utility-material-hazard-red) 75% 100%);
    border: 1px solid var(--utility-material-steel-dark);
    height: 8px;
    box-shadow: var(--utility-material-inset-shadow);
  }

  [data-ui="industrial-utility"] :is(.utility-pagination,.utility-segmented) button, :where([data-ui="industrial-utility"]) :is(.usk-pagination,.utility-segmented) button, :where([data-ui="industrial-utility"]) :is(.ui-pagination,.utility-segmented) button {
    border-color: var(--utility-material-line-strong);
  }

  .utility-nameplate {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .utility-popover h3, :where([data-ui="industrial-utility"]) .usk-popover h3, :where([data-ui="industrial-utility"]) .ui-popover h3 {
    font: 800 12px var(--utility-material-font-display);
    text-transform: uppercase;
    margin: 0 0 8px;
  }

  .utility-toggle input {
    flex: 0 0 48px;
    min-block-size: 24px;
    min-inline-size: 48px;
  }

  .utility-toggle input:after {
    box-sizing: border-box;
  }

  .utility-stage {
    margin: 0;
  }

  .utility-stage b {
    color: var(--utility-material-text);
  }

  .utility-stage.is-complete b {
    color: var(--utility-on-success);
  }

  .utility-stage.is-current b {
    color: var(--utility-on-primary);
  }

  .utility-alert, :where([data-ui="industrial-utility"]) .usk-alert, :where([data-ui="industrial-utility"]) .ui-alert {
    box-shadow: var(--utility-material-bevel);
  }

  .utility-alert, .utility-alert strong, .utility-dialog p, .utility-tooltip, [data-ui="industrial-utility"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="industrial-utility"]) .usk-alert, :where([data-ui="industrial-utility"]) .usk-alert strong, :where([data-ui="industrial-utility"]) .usk-tooltip, :where([data-ui="industrial-utility"]) .ui-alert, :where([data-ui="industrial-utility"]) .ui-alert strong, :where([data-ui="industrial-utility"]) .ui-tooltip {
    font-size: 14px;
    line-height: 1.4;
  }

  .utility-spinner, :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .ui-spinner {
    clip-path: none;
    width: 20px;
    height: 20px;
    box-shadow: none;
    background: none;
    flex: 0 0 20px;
    display: inline-block;
  }

  .utility-dropdown {
    background: var(--utility-material-input);
    border: 1px solid var(--utility-material-line-strong);
    box-shadow: var(--utility-material-inset-shadow);
    padding: 0;
  }

  .utility-option {
    width: 100%;
    color: var(--utility-material-text);
    text-align: left;
    font: 14px var(--utility-font-body);
    background: none;
    border: 0;
    border-radius: 0;
    padding: 8px;
    display: block;
  }

  .utility-option[aria-selected="true"] {
    background: var(--utility-material-badge-info);
    color: var(--utility-material-badge-info-ink);
  }

  .utility-nameplate {
    min-block-size: 50px;
    min-inline-size: 92px;
    color: var(--utility-material-header-ink);
    border: 1px solid var(--utility-material-safety-amber);
    background: repeating-linear-gradient(-45deg,var(--utility-material-safety-amber)0 7px,var(--utility-material-header) 7px 14px);
    font: 900 14px var(--utility-font-display);
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: inline-flex;
  }

  .utility-nameplate > span {
    background: var(--utility-material-header);
    padding: 7px;
  }

  .utility-key-switch {
    --utility-key-angle: -28deg;
    min-height: 48px;
    padding: 0;
  }

  .utility-key-switch:after {
    height: 28px;
    transform: rotate(var(--utility-key-angle));
  }

  .utility-key-switch[data-position="on"] {
    --utility-key-angle: 28deg;
  }

  .utility-key-switch[data-position="off"] {
    --utility-key-angle: -60deg;
  }

  .utility-emergency-stop {
    flex: 0 0 48px;
    min-height: 48px;
    padding: 0;
  }

  .utility-readout {
    text-shadow: none;
    background-color: #08100c;
  }

  .utility-readout output {
    color: var(--utility-material-readout-ink);
  }

  .utility-table-wrap, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .ui-table-wrap {
    padding: 0;
  }

  [data-ui="industrial-utility"] :is(.utility-three-position,.utility-pagination,.utility-segmented) button, :where([data-ui="industrial-utility"]) :is(.utility-three-position,.usk-pagination,.utility-segmented) button, :where([data-ui="industrial-utility"]) :is(.utility-three-position,.ui-pagination,.utility-segmented) button {
    background: var(--utility-material-surface-low);
    border: 1px solid var(--utility-material-line-strong);
    color: var(--utility-material-text-soft);
    box-shadow: none;
  }

  [data-ui="industrial-utility"] :is(.utility-three-position,.utility-pagination,.utility-segmented) button.is-active, :where([data-ui="industrial-utility"]) :is(.utility-three-position,.usk-pagination,.utility-segmented) button.is-active, :where([data-ui="industrial-utility"]) :is(.utility-three-position,.ui-pagination,.utility-segmented) button.is-active {
    background: var(--utility-material-safety-amber);
    color: var(--utility-material-safety-ink);
  }

  [data-ui="industrial-utility"] .utility-input[aria-invalid="true"], :where([data-ui="industrial-utility"]) .usk-input[aria-invalid="true"], :where([data-ui="industrial-utility"]) .ui-input[aria-invalid="true"] {
    border: 2px solid var(--utility-material-hazard-red);
  }

  .utility-tooltip, [data-ui="industrial-utility"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="industrial-utility"]) .usk-tooltip, :where([data-ui="industrial-utility"]) .ui-tooltip {
    opacity: 1;
    visibility: visible;
    inset: auto;
    transform: none;
  }

  .utility-toast, :where([data-ui="industrial-utility"]) .usk-toast, :where([data-ui="industrial-utility"]) .ui-toast {
    align-items: center;
    gap: 8px;
    padding: 12px;
    display: flex;
  }

  .utility-dialog::backdrop {
    background: #000000a6;
  }

  dialog.utility-dialog:not([open]) {
    display: none;
  }

  div.utility-dialog {
    display: block;
  }

  [data-ui="industrial-utility"][data-mode] :where(fieldset, article, aside) {
    background-image: none;
  }

  .utility-callout-bar>.utility-button.utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .utility-callout-bar>.usk-button.utility-button-outline-heavy, :where([data-ui="industrial-utility"]) .utility-callout-bar>.ui-button.utility-button-outline-heavy {
    background: linear-gradient(180deg,var(--utility-material-surface-raised),var(--utility-material-surface-low));
    color: var(--utility-material-text);
    border: 1px solid var(--utility-material-line-strong);
    border-radius: var(--utility-material-radius);
    clip-path: none;
    box-shadow: var(--utility-material-bevel);
  }

  .utility-callout-bar>.utility-button.utility-button-outline-heavy:is(:hover,:focus-visible), :where([data-ui="industrial-utility"]) .utility-callout-bar>.usk-button.utility-button-outline-heavy:is(:hover,:focus-visible), :where([data-ui="industrial-utility"]) .utility-callout-bar>.ui-button.utility-button-outline-heavy:is(:hover,:focus-visible) {
    background: linear-gradient(180deg,var(--utility-primary-hover),var(--utility-primary));
    color: var(--utility-on-primary);
    border-color: var(--utility-primary);
  }

  .utility-callout-bar > .utility-icon-medallion {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .utility-badge-seal > strong {
    font-size: 13px;
  }

  .utility-badge-seal > small {
    font-size: 11px;
  }

  .utility-badge-warning, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="warning"]) {
    border-color: var(--utility-warning);
    box-shadow: 0 0 0 1px rgb(var(--utility-warning-rgb)/.28);
    font-size: 10px;
    animation: 1.1s steps(2, end) infinite utility-warning-signal;
  }

  @keyframes utility-warning-signal {
    50% {
      box-shadow: 0 0 0 2px rgb(var(--utility-warning-rgb)/.6),0 0 8px rgb(var(--utility-warning-rgb)/.42);
      filter: brightness(1.25);
    }
  }

  .utility-tooltip-top:before {
    inset: auto auto -5px 50%;
    transform: translateX(-50%) rotate(45deg);
  }

  .utility-tooltip-right:before {
    inset: 50% auto auto -5px;
    transform: translateY(-50%) rotate(45deg);
  }

  .utility-tooltip-bottom:before {
    inset: -5px auto auto 50%;
    transform: translateX(-50%) rotate(45deg);
  }

  .utility-tooltip-left:before {
    inset: 50% -5px auto auto;
    transform: translateY(-50%) rotate(45deg);
  }

  [data-ui="industrial-utility"][data-mode] input[type="time"] {
    background-image: linear-gradient(180deg,var(--utility-material-surface-raised),var(--utility-material-input));
  }

  [data-ui="industrial-utility"][data-mode] input[type="checkbox"]:checked {
    background-color: var(--utility-material-lamp-green);
    border-color: var(--utility-material-steel-dark);
  }

  @media (prefers-reduced-motion: reduce) {
    .utility-spinner, .utility-skeleton, .utility-button.is-loading:before, .utility-badge-warning, :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .usk-skeleton, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"]) .ui-spinner, :where([data-ui="industrial-utility"]) .ui-skeleton, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="warning"]) {
      animation: none !important;
    }
  }

  .utility-button.is-alarm, .utility-badge-danger, .utility-alert-danger, .utility-pilot-light.is-red:not(.is-off), :where([data-ui="industrial-utility"]) .usk-button.is-alarm, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-button.is-alarm, :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="danger"]) {
    animation: 1.1s steps(2, end) infinite utility-danger-signal;
  }

  @keyframes utility-danger-signal {
    50% {
      box-shadow: 0 0 0 2px rgb(var(--utility-danger-rgb)/.6),0 0 8px rgb(var(--utility-danger-rgb)/.42);
      filter: brightness(1.25);
    }
  }

  .utility-spinner, .utility-loading-spinner, [data-ui="industrial-utility"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .utility-button.is-loading:before, .utility-button[aria-busy="true"]:not(.is-loading):after, [data-ui="industrial-utility"] button:not([class])[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .ui-spinner, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:not(.is-loading):after {
    content: "";
    background: conic-gradient(currentColor 0 12.5%,transparent 0 25%,currentColor 0 37.5%,transparent 0 50%,currentColor 0 62.5%,transparent 0 75%,currentColor 0 87.5%,transparent 0);
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
    box-shadow: none;
    border: 0;
    border-radius: 0;
    flex-shrink: 0;
    animation: .8s steps(8, end) infinite utility-spin;
    display: inline-block;
  }

  [data-ui="industrial-utility"] :where(.loading-spinner, [data-loading-spinner]) {
    block-size: 20px;
    inline-size: 20px;
  }

  .utility-button.is-loading:before, .utility-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:not(.is-loading):after {
    flex-basis: 14px;
    block-size: 14px;
    inline-size: 14px;
  }

  .utility-panel {
    padding: 16px;
  }

  .utility-panel:has( > .utility-panel-body) {
    padding: 0;
  }

  .utility-textarea, [data-ui="industrial-utility"] textarea, :where([data-ui="industrial-utility"]) .usk-textarea, :where([data-ui="industrial-utility"]) .ui-textarea {
    line-height: 18px;
  }

  .utility-textarea[rows="1"], [data-ui="industrial-utility"] textarea[rows="1"], :where([data-ui="industrial-utility"]) .usk-textarea[rows="1"], :where([data-ui="industrial-utility"]) .ui-textarea[rows="1"] {
    box-sizing: border-box;
    height: 34px;
    min-height: 34px;
    padding-block: 7px;
  }

  .utility-file, [data-ui="industrial-utility"][data-mode] input[type="file"] {
    box-sizing: border-box;
    height: 34px;
    background: var(--utility-material-input);
    border: 1px solid var(--utility-material-line-strong);
    min-block-size: 34px;
    box-shadow: var(--utility-material-inset-shadow);
    color: var(--utility-material-text);
    padding: 2px;
    line-height: 28px;
  }

  .utility-file::file-selector-button {
    box-sizing: border-box;
    vertical-align: top;
    height: 28px;
    margin-block: 0;
    padding-block: 0;
    line-height: 26px;
  }

  [data-ui="industrial-utility"][data-mode] input[type="file"]::file-selector-button {
    box-sizing: border-box;
    vertical-align: top;
    height: 28px;
    margin-block: 0;
    padding-block: 0;
    line-height: 26px;
  }

  .utility-select[multiple], [data-ui="industrial-utility"][data-mode] select[multiple], :where([data-ui="industrial-utility"]) .usk-select[multiple], :where([data-ui="industrial-utility"]) .ui-select[multiple] {
    background: var(--utility-material-input);
    height: auto;
    min-height: 88px;
    box-shadow: var(--utility-material-inset-shadow);
    padding: 6px;
  }

  [data-ui="industrial-utility"][data-mode] select[multiple] option {
    background: none;
    padding: 3px 8px;
    line-height: 1.4;
  }

  [data-ui="industrial-utility"][data-mode] input[type="checkbox"]:checked:not([role="switch"]) {
    background: var(--utility-material-lamp-green);
    box-shadow: inset 0 0 0 4px var(--utility-material-input),var(--utility-material-inset-shadow);
  }

  [data-ui="industrial-utility"][data-mode] input[type="checkbox"]:checked:not([role="switch"]):after {
    content: none;
  }

  .utility-check input:checked+.utility-check-control:after, :where([data-ui="industrial-utility"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="industrial-utility"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    background: var(--utility-on-primary);
    width: 50%;
    height: 50%;
  }

  .utility-card-service > .utility-icon-medallion {
    font-size: 36px;
    line-height: 1;
  }

  .utility-button.utility-button-primary, [data-ui="industrial-utility"][data-mode] a.utility-button-primary, :where([data-ui="industrial-utility"]) .usk-button.usk-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"])[data-mode] a.usk-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"]) .ui-button.ui-button:where([data-ui-variant="primary"]), :where([data-ui="industrial-utility"])[data-mode] a.ui-button:where([data-ui-variant="primary"]) {
    color: var(--utility-on-primary);
  }

  .utility-icon-button:has(>svg:only-child), [data-ui="industrial-utility"] button:has(>svg:only-child), :where([data-ui="industrial-utility"]) .usk-icon-button:has(>svg:only-child), :where([data-ui="industrial-utility"]) .ui-icon-button:has(>svg:only-child) {
    min-block-size: 38px;
    min-inline-size: 38px;
    padding: 0;
  }

  [data-ui="industrial-utility"] button > svg:only-child {
    flex: 0 0 20px;
    min-block-size: 20px;
    min-inline-size: 20px;
  }

  .utility-table, [data-ui="industrial-utility"][data-mode] table, :where([data-ui="industrial-utility"]) .usk-table, :where([data-ui="industrial-utility"]) .ui-table {
    border-collapse: collapse;
    border: 1px solid var(--utility-material-line-strong);
    font: 14px/1.4 var(--utility-material-font-body);
    border-radius: 1px;
  }

  .utility-table th, [data-ui="industrial-utility"][data-mode] th, :where([data-ui="industrial-utility"]) .usk-table th, :where([data-ui="industrial-utility"]) .ui-table th {
    background: var(--utility-material-header);
    color: var(--utility-material-header-ink);
    font: 800 12px/1.4 var(--utility-material-font-display);
    text-transform: uppercase;
    letter-spacing: 0;
    border: 1px solid var(--utility-material-line);
    padding: 10px 12px;
  }

  .utility-table td, [data-ui="industrial-utility"][data-mode] td, :where([data-ui="industrial-utility"]) .usk-table td, :where([data-ui="industrial-utility"]) .ui-table td {
    border: 1px solid var(--utility-material-line);
    color: var(--utility-material-text);
    padding: 10px 12px;
  }

  [data-ui="industrial-utility"][data-mode] tbody tr:nth-child(2n) {
    background: var(--utility-material-surface-low);
  }

  [data-ui="industrial-utility"][data-mode] caption {
    border: 1px solid var(--utility-material-line);
    text-align: left;
    font: 12px/1.4 var(--utility-material-font-body);
    color: var(--utility-material-text-soft);
    border-top: 0;
    padding: 10px 12px;
  }

  @media (prefers-reduced-motion: reduce) {
    .utility-button.is-alarm, .utility-badge-danger, .utility-alert-danger, .utility-pilot-light.is-red, .utility-spinner, .utility-loading-spinner, .utility-button.is-loading:before, .utility-button[aria-busy="true"]:after, [data-ui="industrial-utility"] [aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .usk-button.is-alarm, :where([data-ui="industrial-utility"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .usk-spinner, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:after, :where([data-ui="industrial-utility"]) .ui-button.is-alarm, :where([data-ui="industrial-utility"]) .ui-badge:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-alert:where([data-ui-variant="danger"]), :where([data-ui="industrial-utility"]) .ui-spinner, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:after {
      animation: none !important;
    }
  }

  @media (pointer: coarse) {
    .utility-button, .utility-icon-button, .utility-tab, .utility-option, .utility-pagination button, .utility-segmented button, .utility-three-position button, .utility-check, .utility-radio, .utility-toggle, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .usk-tab, :where([data-ui="industrial-utility"]) .usk-pagination button, :where([data-ui="industrial-utility"]) .usk-check, :where([data-ui="industrial-utility"]) .usk-radio, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-icon-button, :where([data-ui="industrial-utility"]) .ui-tab, :where([data-ui="industrial-utility"]) .ui-pagination button, :where([data-ui="industrial-utility"]) .ui-check, :where([data-ui="industrial-utility"]) .ui-radio {
      min-block-size: 44px;
    }
  }

  @media (forced-colors: active) {
    .utility-button, .utility-input, .utility-panel, .utility-check input, .utility-radio input, .utility-toggle input, :where([data-ui="industrial-utility"]) .usk-button, :where([data-ui="industrial-utility"]) .usk-input, :where([data-ui="industrial-utility"]) .usk-check input, :where([data-ui="industrial-utility"]) .usk-radio input, :where([data-ui="industrial-utility"]) .ui-button, :where([data-ui="industrial-utility"]) .ui-input, :where([data-ui="industrial-utility"]) .ui-check input, :where([data-ui="industrial-utility"]) .ui-radio input {
      border: 1px solid buttontext;
    }

    .utility-check input:checked, .utility-radio input:checked, :where([data-ui="industrial-utility"]) .usk-check input:checked, :where([data-ui="industrial-utility"]) .usk-radio input:checked, :where([data-ui="industrial-utility"]) .ui-check input:checked, :where([data-ui="industrial-utility"]) .ui-radio input:checked {
      background: highlight;
    }
  }

  .utility-pilot-light.is-warning {
    background: radial-gradient(circle at 40% 32%,#fff9cf 0 7%,var(--utility-warning) 28%,rgb(var(--utility-warning-rgb)/.5) 78%);
    box-shadow: 0 0 0 1px rgb(var(--utility-warning-rgb)/.2),0 0 8px rgb(var(--utility-warning-rgb)/.55);
    animation: 1.1s steps(2, end) infinite utility-warning-signal;
  }

  .utility-feature-item:first-child > .utility-icon-medallion {
    font-size: 36px;
    line-height: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .utility-pilot-light.is-warning {
      animation: none !important;
    }
  }

  [data-ui="industrial-utility"][data-mode] .utility-button.utility-button-warning, :where([data-ui="industrial-utility"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="industrial-utility"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--utility-warning);
    color: var(--utility-on-warning);
    border-color: var(--utility-warning);
    text-shadow: none;
  }
}


/* styles/technical-blueprint.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --blueprint-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --blueprint-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --blueprint-font-body: var(--blueprint-font-sans);
    --blueprint-font-heading: var(--blueprint-font-display);
    --blueprint-font-control: var(--blueprint-font-display);
    --blueprint-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --blueprint-fallback-bg-rgb: 3 30 48;
    --blueprint-fallback-surface-rgb: 4 39 62;
    --blueprint-fallback-surface-strong-rgb: 7 51 77;
    --blueprint-fallback-surface-soft-rgb: 7 46 70;
    --blueprint-fallback-text-rgb: 220 240 248;
    --blueprint-fallback-text-muted-rgb: 137 180 200;
    --blueprint-fallback-border-rgb: 69 142 175;
    --blueprint-fallback-primary-rgb: 0 183 235;
    --blueprint-fallback-primary-hover-rgb: 54 211 248;
    --blueprint-fallback-primary-text-rgb: 0 23 37;
    --blueprint-fallback-secondary-rgb: 157 216 235;
    --blueprint-fallback-secondary-hover-rgb: 206 241 250;
    --blueprint-fallback-secondary-text-rgb: 0 23 37;
    --blueprint-fallback-accent-rgb: 88 205 234;
    --blueprint-fallback-accent-text-rgb: 0 23 37;
    --blueprint-fallback-success-rgb: 63 185 111;
    --blueprint-fallback-success-text-rgb: 0 25 15;
    --blueprint-fallback-warning-rgb: 239 171 50;
    --blueprint-fallback-warning-text-rgb: 32 20 0;
    --blueprint-fallback-danger-rgb: 255 87 82;
    --blueprint-fallback-danger-text-rgb: 255 255 255;
    --blueprint-fallback-link-rgb: 107 218 242;
    --blueprint-fallback-focus-rgb: 110 214 255;
    --blueprint-radius-xs: .25rem;
    --blueprint-radius-sm: .5rem;
    --blueprint-radius-md: .75rem;
    --blueprint-radius-lg: 1.125rem;
    --blueprint-radius-xl: calc(1.125rem + .5rem);
    --blueprint-radius-pill: 999px;
    --blueprint-space-1: .25rem;
    --blueprint-space-2: .5rem;
    --blueprint-space-3: .75rem;
    --blueprint-space-4: 1rem;
    --blueprint-space-5: 1.25rem;
    --blueprint-space-6: 1.5rem;
    --blueprint-space-8: 2rem;
    --blueprint-transition-fast: .15s ease;
    --blueprint-transition-base: .24s ease;
  }

  [data-ui="technical-blueprint"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --blueprint-fallback-bg-rgb: 250 248 240;
    --blueprint-fallback-surface-rgb: 255 254 248;
    --blueprint-fallback-surface-strong-rgb: 247 245 236;
    --blueprint-fallback-surface-soft-rgb: 235 241 242;
    --blueprint-fallback-text-rgb: 13 63 104;
    --blueprint-fallback-text-muted-rgb: 60 91 116;
    --blueprint-fallback-border-rgb: 82 135 172;
    --blueprint-fallback-primary-rgb: 0 118 184;
    --blueprint-fallback-primary-hover-rgb: 0 92 148;
    --blueprint-fallback-primary-text-rgb: 255 255 255;
    --blueprint-fallback-secondary-rgb: 8 83 139;
    --blueprint-fallback-secondary-hover-rgb: 6 65 109;
    --blueprint-fallback-secondary-text-rgb: 255 255 255;
    --blueprint-fallback-accent-rgb: 31 166 204;
    --blueprint-fallback-accent-text-rgb: 0 29 44;
    --blueprint-fallback-success-rgb: 24 111 64;
    --blueprint-fallback-success-text-rgb: 255 255 255;
    --blueprint-fallback-warning-rgb: 132 76 0;
    --blueprint-fallback-warning-text-rgb: 255 255 255;
    --blueprint-fallback-danger-rgb: 209 58 54;
    --blueprint-fallback-danger-text-rgb: 255 255 255;
    --blueprint-fallback-link-rgb: 0 92 148;
    --blueprint-fallback-focus-rgb: 0 145 205;
    --blueprint-panel-alpha: .98;
    --blueprint-panel-soft-alpha: .78;
    --blueprint-border-alpha: .58;
    --blueprint-shadow-alpha: .12;
    --blueprint-focus-alpha: .34;
  }

  [data-ui="technical-blueprint"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --blueprint-fallback-bg-rgb: 3 30 48;
    --blueprint-fallback-surface-rgb: 4 39 62;
    --blueprint-fallback-surface-strong-rgb: 7 51 77;
    --blueprint-fallback-surface-soft-rgb: 7 46 70;
    --blueprint-fallback-text-rgb: 220 240 248;
    --blueprint-fallback-text-muted-rgb: 137 180 200;
    --blueprint-fallback-border-rgb: 69 142 175;
    --blueprint-fallback-primary-rgb: 0 183 235;
    --blueprint-fallback-primary-hover-rgb: 54 211 248;
    --blueprint-fallback-primary-text-rgb: 0 23 37;
    --blueprint-fallback-secondary-rgb: 157 216 235;
    --blueprint-fallback-secondary-hover-rgb: 206 241 250;
    --blueprint-fallback-secondary-text-rgb: 0 23 37;
    --blueprint-fallback-accent-rgb: 88 205 234;
    --blueprint-fallback-accent-text-rgb: 0 23 37;
    --blueprint-fallback-success-rgb: 63 185 111;
    --blueprint-fallback-success-text-rgb: 0 25 15;
    --blueprint-fallback-warning-rgb: 239 171 50;
    --blueprint-fallback-warning-text-rgb: 32 20 0;
    --blueprint-fallback-danger-rgb: 255 87 82;
    --blueprint-fallback-danger-text-rgb: 0 0 0;
    --blueprint-fallback-link-rgb: 107 218 242;
    --blueprint-fallback-focus-rgb: 110 214 255;
    --blueprint-panel-alpha: .92;
    --blueprint-panel-soft-alpha: .64;
    --blueprint-border-alpha: .52;
    --blueprint-shadow-alpha: .34;
    --blueprint-focus-alpha: .42;
  }

  [data-ui="technical-blueprint"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --blueprint-fallback-bg-rgb: 0 0 0;
    --blueprint-fallback-surface-rgb: 0 16 28;
    --blueprint-fallback-surface-strong-rgb: 0 28 44;
    --blueprint-fallback-surface-soft-rgb: 0 20 34;
    --blueprint-fallback-text-rgb: 255 255 255;
    --blueprint-fallback-text-muted-rgb: 200 225 235;
    --blueprint-fallback-border-rgb: 121 222 255;
    --blueprint-fallback-primary-rgb: 0 229 255;
    --blueprint-fallback-primary-hover-rgb: 102 238 255;
    --blueprint-fallback-primary-text-rgb: 0 0 0;
    --blueprint-fallback-secondary-rgb: 255 255 255;
    --blueprint-fallback-secondary-hover-rgb: 210 236 245;
    --blueprint-fallback-secondary-text-rgb: 0 0 0;
    --blueprint-fallback-accent-rgb: 255 255 0;
    --blueprint-fallback-accent-text-rgb: 0 0 0;
    --blueprint-fallback-success-rgb: 64 255 128;
    --blueprint-fallback-success-text-rgb: 0 0 0;
    --blueprint-fallback-warning-rgb: 255 217 0;
    --blueprint-fallback-warning-text-rgb: 0 0 0;
    --blueprint-fallback-danger-rgb: 255 72 72;
    --blueprint-fallback-danger-text-rgb: 0 0 0;
    --blueprint-fallback-link-rgb: 102 238 255;
    --blueprint-fallback-focus-rgb: 255 255 0;
    --blueprint-panel-alpha: 1;
    --blueprint-panel-soft-alpha: .92;
    --blueprint-border-alpha: 1;
    --blueprint-shadow-alpha: .5;
    --blueprint-focus-alpha: .72;
  }

  [data-ui="technical-blueprint"][data-theme][data-mode] {
    --blueprint-bg-rgb: var(--usk-bg-rgb);
    --blueprint-surface-rgb: var(--usk-surface-rgb);
    --blueprint-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --blueprint-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --blueprint-text-rgb: var(--usk-text-rgb);
    --blueprint-text-muted-rgb: var(--usk-text-muted-rgb);
    --blueprint-border-rgb: var(--usk-border-rgb);
    --blueprint-primary-rgb: var(--usk-primary-rgb);
    --blueprint-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --blueprint-primary-text-rgb: var(--usk-primary-text-rgb);
    --blueprint-secondary-rgb: var(--usk-secondary-rgb);
    --blueprint-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --blueprint-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --blueprint-accent-rgb: var(--usk-accent-rgb);
    --blueprint-accent-text-rgb: var(--usk-accent-text-rgb);
    --blueprint-success-rgb: var(--usk-success-rgb);
    --blueprint-success-text-rgb: var(--usk-success-text-rgb);
    --blueprint-warning-rgb: var(--usk-warning-rgb);
    --blueprint-warning-text-rgb: var(--usk-warning-text-rgb);
    --blueprint-danger-rgb: var(--usk-danger-rgb);
    --blueprint-danger-text-rgb: var(--usk-danger-text-rgb);
    --blueprint-link-rgb: var(--usk-link-rgb);
    --blueprint-focus-rgb: var(--usk-focus-rgb);
    --usk-native-surface: var(--blueprint-surface);
    --usk-native-surface-strong: var(--blueprint-surface-strong);
    --usk-native-surface-soft: var(--blueprint-surface-soft);
    --usk-native-card-bg: var(--blueprint-card-bg);
    --usk-native-control-bg: var(--blueprint-control-bg);
    --usk-native-text: var(--blueprint-text);
    --usk-native-text-muted: var(--blueprint-text-muted);
    --usk-native-border: var(--blueprint-border);
    --usk-native-primary: var(--blueprint-primary);
    --usk-native-primary-hover: var(--blueprint-primary-hover);
    --usk-native-on-primary: var(--blueprint-on-primary);
    --usk-native-secondary: var(--blueprint-secondary);
    --usk-native-on-secondary: var(--blueprint-on-secondary);
    --usk-native-accent: var(--blueprint-accent);
    --usk-native-on-accent: var(--blueprint-on-accent);
    --usk-native-on-success: var(--blueprint-on-success);
    --usk-native-on-warning: var(--blueprint-on-warning);
    --usk-native-on-danger: var(--blueprint-on-danger);
    --usk-native-focus: var(--blueprint-focus);
    --usk-native-success: var(--blueprint-success);
    --usk-native-warning: var(--blueprint-warning);
    --usk-native-danger: var(--blueprint-danger);
    --usk-native-link: var(--blueprint-link);
    --usk-native-font-body: var(--blueprint-font-body);
    --usk-native-font-heading: var(--blueprint-font-heading);
    --usk-native-font-control: "Arial Narrow", Bahnschrift, ui-monospace, monospace;
    --usk-native-font-mono: var(--blueprint-font-mono);
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-focus-ring: 0 0 0 1px var(--blueprint-surface), 0 0 0 3px var(--blueprint-focus);
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--blueprint-space-5);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .48rem;
    --usk-native-control-padding-inline: .74rem;
    --usk-native-subcontrol-padding-block: .34rem;
    --usk-native-subcontrol-padding-inline: .54rem;
    --usk-native-choice-size: 1.08rem;
    --usk-native-choice-background: linear-gradient(90deg, transparent 46%, rgb(var(--blueprint-primary-rgb) / .12) 46% 54%, transparent 54%), var(--blueprint-control-bg);
    --usk-native-choice-border: 1px solid var(--blueprint-primary);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 0 1px var(--blueprint-surface-strong);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--blueprint-primary) 0 46%, var(--blueprint-surface) 46% 54%, var(--blueprint-primary) 54%);
    --usk-native-choice-mark-color: var(--blueprint-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 47%, var(--blueprint-primary) 47% 53%, transparent 53%), linear-gradient(135deg, transparent 47%, var(--blueprint-primary) 47% 53%, transparent 53%);
    --usk-native-select-indicator-size: .62rem .62rem, .62rem .62rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .64rem) 50%;
    --usk-native-select-padding-inline-end: 2.15rem;
    --usk-native-range-track-size: .22rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--blueprint-primary) 0 1px, transparent 1px .62rem), var(--blueprint-surface-soft);
    --usk-native-range-track-border: 1px solid var(--blueprint-primary);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
    --usk-native-range-thumb-size: 1.02rem;
    --usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
    --usk-native-range-thumb-border: 1px double var(--blueprint-primary);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
    --usk-native-progress-size: .46rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, transparent 0 24%, rgb(var(--blueprint-primary-rgb) / .18) 24% 25%), var(--blueprint-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--blueprint-primary);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: .14rem .14rem 0 rgb(var(--blueprint-primary-rgb) / .18);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-meter-optimum-background: var(--blueprint-success);
    --usk-native-meter-suboptimum-background: var(--blueprint-warning);
    --usk-native-meter-critical-background: var(--blueprint-danger);
    --usk-native-file-button-background: var(--blueprint-primary);
    --usk-native-file-button-border: 1px solid var(--blueprint-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-color-swatch-border: 1px solid var(--blueprint-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: .92;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .7rem;
    --usk-native-scrollbar-track: repeating-linear-gradient(45deg, var(--blueprint-surface) 0 .18rem, var(--blueprint-surface-soft) .18rem .36rem);
    --usk-native-scrollbar-thumb: linear-gradient(90deg, transparent 35%, var(--blueprint-primary) 35% 65%, transparent 65%);
    --usk-native-scrollbar-radius: 0;
    --blueprint-bg: rgb(var(--blueprint-bg-rgb));
  }

  [data-ui="technical-blueprint"][data-mode] {
    --usk-native-bg: var(--blueprint-bg);
    --blueprint-bg-rgb: var(--usk-bg-rgb, var(--blueprint-fallback-bg-rgb));
    --blueprint-surface-rgb: var(--usk-surface-rgb, var(--blueprint-fallback-surface-rgb));
    --blueprint-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--blueprint-fallback-surface-strong-rgb));
    --blueprint-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--blueprint-fallback-surface-soft-rgb));
    --blueprint-text-rgb: var(--usk-text-rgb, var(--blueprint-fallback-text-rgb));
    --blueprint-text-muted-rgb: var(--usk-text-muted-rgb, var(--blueprint-fallback-text-muted-rgb));
    --blueprint-border-rgb: var(--usk-border-rgb, var(--blueprint-fallback-border-rgb));
    --blueprint-primary-rgb: var(--usk-primary-rgb, var(--blueprint-fallback-primary-rgb));
    --blueprint-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--blueprint-fallback-primary-hover-rgb));
    --blueprint-primary-text-rgb: var(--usk-primary-text-rgb, var(--blueprint-fallback-primary-text-rgb));
    --blueprint-secondary-rgb: var(--usk-secondary-rgb, var(--blueprint-fallback-secondary-rgb));
    --blueprint-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--blueprint-fallback-secondary-hover-rgb));
    --blueprint-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--blueprint-fallback-secondary-text-rgb));
    --blueprint-accent-rgb: var(--usk-accent-rgb, var(--blueprint-fallback-accent-rgb));
    --blueprint-success-rgb: var(--usk-success-rgb, var(--blueprint-fallback-success-rgb));
    --blueprint-warning-rgb: var(--usk-warning-rgb, var(--blueprint-fallback-warning-rgb));
    --blueprint-danger-rgb: var(--usk-danger-rgb, var(--blueprint-fallback-danger-rgb));
    --blueprint-link-rgb: var(--usk-link-rgb, var(--blueprint-fallback-link-rgb));
    --blueprint-accent-text-rgb: var(--usk-accent-text-rgb, var(--blueprint-fallback-accent-text-rgb));
    --blueprint-success-text-rgb: var(--usk-success-text-rgb, var(--blueprint-fallback-success-text-rgb));
    --blueprint-warning-text-rgb: var(--usk-warning-text-rgb, var(--blueprint-fallback-warning-text-rgb));
    --blueprint-danger-text-rgb: var(--usk-danger-text-rgb, var(--blueprint-fallback-danger-text-rgb));
    --blueprint-focus-rgb: var(--usk-focus-rgb, var(--blueprint-fallback-focus-rgb));
    --usk-native-surface: var(--blueprint-surface);
    --usk-native-surface-strong: var(--blueprint-surface-strong);
    --usk-native-surface-soft: var(--blueprint-surface-soft);
    --usk-native-card-bg: var(--blueprint-card-bg);
    --usk-native-control-bg: var(--blueprint-control-bg);
    --usk-native-text: var(--blueprint-text);
    --usk-native-text-muted: var(--blueprint-text-muted);
    --usk-native-border: var(--blueprint-border);
    --usk-native-primary: var(--blueprint-primary);
    --usk-native-primary-hover: var(--blueprint-primary-hover);
    --usk-native-on-primary: var(--blueprint-on-primary);
    --usk-native-secondary: var(--blueprint-secondary);
    --usk-native-on-secondary: var(--blueprint-on-secondary);
    --usk-native-accent: var(--blueprint-accent);
    --usk-native-on-accent: var(--blueprint-on-accent);
    --usk-native-on-success: var(--blueprint-on-success);
    --usk-native-on-warning: var(--blueprint-on-warning);
    --usk-native-on-danger: var(--blueprint-on-danger);
    --usk-native-focus: var(--blueprint-focus);
    --usk-native-success: var(--blueprint-success);
    --usk-native-warning: var(--blueprint-warning);
    --usk-native-danger: var(--blueprint-danger);
    --usk-native-link: var(--blueprint-link);
    --usk-native-font-body: var(--blueprint-font-body);
    --usk-native-font-heading: var(--blueprint-font-heading);
    --usk-native-font-control: var(--blueprint-font-control);
    --usk-native-font-mono: var(--blueprint-font-mono);
    --usk-native-radius-sm: var(--blueprint-radius-sm);
    --usk-native-radius: var(--blueprint-radius-md);
    --usk-native-radius-lg: var(--blueprint-radius-lg);
    --usk-native-shadow: var(--blueprint-shadow-sm, none);
    --usk-native-shadow-md: var(--blueprint-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--blueprint-focus-ring, 0 0 0 3px rgb(var(--blueprint-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--blueprint-space-5);
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.35rem;
    --usk-native-choice-background: var(--blueprint-control-bg);
    --usk-native-choice-border: 1px solid var(--blueprint-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-choice-checked-background: var(--blueprint-primary);
    --usk-native-choice-mark-color: var(--blueprint-on-primary);
    --usk-native-select-indicator-image: linear-gradient(69deg, transparent 50%, var(--blueprint-primary) 50%), linear-gradient(111deg, var(--blueprint-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .5rem .5rem, .5rem .5rem;
    --usk-native-select-indicator-position: calc(100% - 1.16rem) 50%, calc(100% - .84rem) 50%;
    --usk-native-select-padding-inline-end: 2.55rem;
    --usk-native-range-track-size: .34rem;
    --usk-native-range-track-background: var(--blueprint-surface-soft);
    --usk-native-range-track-border: 1px solid var(--blueprint-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-range-progress-background: var(--blueprint-primary);
    --usk-native-range-thumb-size: 1.2rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--blueprint-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-progress-size: .55rem;
    --usk-native-progress-track-background: var(--blueprint-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--blueprint-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-progress-value-background: var(--blueprint-primary);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-meter-optimum-background: var(--blueprint-success);
    --usk-native-meter-suboptimum-background: var(--blueprint-warning);
    --usk-native-meter-critical-background: var(--blueprint-danger);
    --usk-native-file-button-background: var(--blueprint-primary);
    --usk-native-file-button-border: 1px solid var(--blueprint-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: 0 0 0 1px var(--blueprint-primary);
    --usk-native-color-swatch-border: 1px solid var(--blueprint-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: .92;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .65rem;
    --usk-native-scrollbar-track: var(--blueprint-surface-soft);
    --usk-native-scrollbar-thumb: var(--blueprint-primary);
    --usk-native-scrollbar-radius: 0;
    --blueprint-bg: rgb(var(--blueprint-bg-rgb));
    --blueprint-surface: rgb(var(--blueprint-surface-rgb) / var(--blueprint-panel-alpha));
    --blueprint-surface-strong: rgb(var(--blueprint-surface-strong-rgb) / var(--blueprint-panel-alpha));
    --blueprint-surface-soft: rgb(var(--blueprint-surface-soft-rgb) / var(--blueprint-panel-soft-alpha));
    --blueprint-text: rgb(var(--blueprint-text-rgb));
    --blueprint-text-muted: rgb(var(--blueprint-text-muted-rgb));
    --blueprint-fg: var(--blueprint-text);
    --blueprint-surface-fg: var(--blueprint-text);
    --blueprint-muted: var(--blueprint-text-muted);
    --blueprint-border: rgb(var(--blueprint-border-rgb) / max(var(--blueprint-border-alpha), var(--usk-border-min-alpha)));
    --blueprint-control-fg: var(--blueprint-text);
    --blueprint-primary: rgb(var(--blueprint-primary-rgb));
    --blueprint-primary-hover: rgb(var(--blueprint-primary-hover-rgb));
    --blueprint-primary-text: rgb(var(--blueprint-primary-text-rgb));
    --blueprint-secondary: rgb(var(--blueprint-secondary-rgb));
    --blueprint-secondary-hover: rgb(var(--blueprint-secondary-hover-rgb));
    --blueprint-secondary-text: rgb(var(--blueprint-secondary-text-rgb));
    --blueprint-on-primary: var(--blueprint-primary-text);
    --blueprint-on-secondary: var(--blueprint-secondary-text);
    --blueprint-on-accent: rgb(var(--blueprint-accent-text-rgb));
    --blueprint-on-success: rgb(var(--blueprint-success-text-rgb));
    --blueprint-on-warning: rgb(var(--blueprint-warning-text-rgb));
    --blueprint-on-danger: rgb(var(--blueprint-danger-text-rgb));
    --blueprint-accent: rgb(var(--blueprint-accent-rgb));
    --blueprint-success: rgb(var(--blueprint-success-rgb));
    --blueprint-warning: rgb(var(--blueprint-warning-rgb));
    --blueprint-danger: rgb(var(--blueprint-danger-rgb));
    --blueprint-link: rgb(var(--blueprint-link-rgb));
    --blueprint-focus: rgb(var(--blueprint-focus-rgb));
    --blueprint-focus-ring: 0 0 0 3px rgb(var(--blueprint-focus-rgb) / var(--blueprint-focus-alpha));
    --blueprint-theme-bg-size: auto;
    --blueprint-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--blueprint-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--blueprint-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--blueprint-secondary-rgb) / .1), transparent 34rem), var(--blueprint-bg);
    --blueprint-card-bg: linear-gradient(135deg, rgb(var(--blueprint-primary-rgb) / .1), rgb(var(--blueprint-accent-rgb) / .055) 42%, rgb(var(--blueprint-surface-strong-rgb) / var(--blueprint-panel-alpha)) 100%), var(--blueprint-surface);
    --blueprint-control-bg: linear-gradient(180deg, rgb(var(--blueprint-surface-strong-rgb) / var(--blueprint-panel-alpha)), rgb(var(--blueprint-surface-soft-rgb) / var(--blueprint-panel-soft-alpha)));
    --blueprint-spinner-track: rgb(var(--blueprint-border-rgb) / max(.28, calc(var(--blueprint-border-alpha) * .7)));
    --blueprint-spinner-stroke: var(--blueprint-primary);
    --blueprint-spinner-accent: var(--blueprint-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="technical-blueprint"][data-mode] {
      --blueprint-border: color-mix(in srgb, rgb(var(--blueprint-border-rgb) / max(var(--blueprint-border-alpha), var(--usk-border-min-alpha))), var(--blueprint-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="technical-blueprint"] {
    background: linear-gradient(180deg,rgb(var(--blueprint-primary-rgb)/.04),transparent 22rem),var(--blueprint-bg);
    color: var(--blueprint-text);
    font-family: var(--blueprint-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="technical-blueprint"] *, [data-ui="technical-blueprint"] :before, [data-ui="technical-blueprint"] :after {
    box-sizing: border-box;
  }

  [data-ui="technical-blueprint"][data-theme][data-mode], [data-ui="technical-blueprint"][data-mode]:not([data-theme]) {
    background: var(--blueprint-theme-bg);
    background-size: var(--blueprint-theme-bg-size);
  }

  .blueprint-title, .blueprint-heading, .blueprint-kicker, .blueprint-button, .blueprint-badge, .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-badge, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    font-family: var(--blueprint-font-heading);
  }

  .blueprint-title {
    color: var(--blueprint-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .blueprint-heading {
    color: var(--blueprint-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .blueprint-kicker {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .blueprint-subtitle, .blueprint-copy {
    color: var(--blueprint-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .blueprint-text-muted {
    color: var(--blueprint-text-muted);
  }

  .blueprint-divider {
    background: var(--blueprint-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .blueprint-surface, .blueprint-card, .blueprint-panel, .blueprint-toolbar, .blueprint-table-wrap, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .ui-card, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--blueprint-surface);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--blueprint-shadow-alpha));
    transition: transform var(--blueprint-transition-base),box-shadow var(--blueprint-transition-base),border-color var(--blueprint-transition-base),background var(--blueprint-transition-base);
    position: relative;
  }

  .blueprint-card, .blueprint-panel, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .ui-card {
    padding: var(--blueprint-space-6);
  }

  .blueprint-toolbar, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--blueprint-space-4);
    padding: var(--blueprint-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .blueprint-surface-sm {
    border-radius: var(--blueprint-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--blueprint-shadow-alpha)*.72));
  }

  .blueprint-surface-lg {
    border-radius: var(--blueprint-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--blueprint-shadow-alpha) + .08));
  }

  .blueprint-well, .blueprint-inset {
    background: var(--blueprint-surface-soft);
    color: var(--blueprint-text);
    border: 1px solid rgb(var(--blueprint-border-rgb)/calc(var(--blueprint-border-alpha)*.7));
    border-radius: var(--blueprint-radius-md);
    padding: var(--blueprint-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .blueprint-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--blueprint-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .blueprint-button, .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--blueprint-space-2);
    background: var(--blueprint-surface);
    min-height: 2.75rem;
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--blueprint-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--blueprint-transition-fast),background var(--blueprint-transition-fast),border-color var(--blueprint-transition-fast),box-shadow var(--blueprint-transition-fast),transform var(--blueprint-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .blueprint-button:hover, .blueprint-icon-button:hover, :where([data-ui="technical-blueprint"]) .usk-button:hover, :where([data-ui="technical-blueprint"]) .usk-icon-button:hover, :where([data-ui="technical-blueprint"]) .ui-button:hover, :where([data-ui="technical-blueprint"]) .ui-icon-button:hover {
    border-color: var(--blueprint-primary);
    transform: translateY(-1px);
  }

  .blueprint-button:active, .blueprint-icon-button:active, .blueprint-button[aria-pressed="true"], .blueprint-icon-button[aria-pressed="true"], .blueprint-button.is-active, .blueprint-icon-button.is-active, :where([data-ui="technical-blueprint"]) .usk-button:active, :where([data-ui="technical-blueprint"]) .usk-icon-button:active, :where([data-ui="technical-blueprint"]) .usk-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .usk-button.is-active, :where([data-ui="technical-blueprint"]) .usk-icon-button.is-active, :where([data-ui="technical-blueprint"]) .ui-button:active, :where([data-ui="technical-blueprint"]) .ui-icon-button:active, :where([data-ui="technical-blueprint"]) .ui-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .ui-button.is-active, :where([data-ui="technical-blueprint"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .blueprint-button-primary:hover, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--blueprint-primary-hover);
    border-color: var(--blueprint-primary-hover);
  }

  .blueprint-button-secondary, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--blueprint-secondary);
    color: var(--blueprint-on-secondary);
    border-color: var(--blueprint-secondary);
  }

  .blueprint-button-secondary:hover, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--blueprint-secondary-hover);
    border-color: var(--blueprint-secondary-hover);
  }

  .blueprint-button-danger, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--blueprint-danger);
    color: var(--blueprint-on-danger);
    border-color: var(--blueprint-danger);
  }

  .blueprint-button-ghost, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--blueprint-text);
    box-shadow: none;
    background: none;
  }

  .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
    border-radius: var(--blueprint-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .blueprint-button:disabled, .blueprint-icon-button:disabled, .blueprint-disabled, :where([data-ui="technical-blueprint"]) .usk-button:disabled, :where([data-ui="technical-blueprint"]) .usk-icon-button:disabled, :where([data-ui="technical-blueprint"]) .ui-button:disabled, :where([data-ui="technical-blueprint"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .blueprint-card, .blueprint-panel, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .ui-card {
    background: var(--blueprint-card-bg);
  }

  .blueprint-toolbar, .blueprint-table-wrap, .blueprint-button:where(:not([data-ui-variant])):not(:is(.blueprint-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.blueprint-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.blueprint-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.blueprint-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.blueprint-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.blueprint-button-outline-heavy), .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.blueprint-button-outline-heavy), :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap, :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.blueprint-button-outline-heavy), :where([data-ui="technical-blueprint"]) .ui-icon-button {
    background: var(--blueprint-control-bg);
  }

  .blueprint-button, .blueprint-icon-button, .blueprint-badge, .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button, :where([data-ui="technical-blueprint"]) .ui-badge, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    font-family: var(--blueprint-font-control);
  }

  .blueprint-field, :where([data-ui="technical-blueprint"]) .usk-field, :where([data-ui="technical-blueprint"]) .ui-field {
    gap: var(--blueprint-space-2);
    flex-direction: column;
    display: flex;
  }

  .blueprint-label, :where([data-ui="technical-blueprint"]) .usk-label, :where([data-ui="technical-blueprint"]) .ui-label {
    color: var(--blueprint-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .blueprint-input, .blueprint-textarea, .blueprint-select, :where([data-ui="technical-blueprint"]) .usk-input, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .usk-select, :where([data-ui="technical-blueprint"]) .ui-input, :where([data-ui="technical-blueprint"]) .ui-textarea, :where([data-ui="technical-blueprint"]) .ui-select {
    background: var(--blueprint-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-md);
    font: inherit;
    transition: background var(--blueprint-transition-fast),border-color var(--blueprint-transition-fast),box-shadow var(--blueprint-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .blueprint-textarea, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .blueprint-input:hover, .blueprint-textarea:hover, .blueprint-select:hover, :where([data-ui="technical-blueprint"]) .usk-input:hover, :where([data-ui="technical-blueprint"]) .usk-textarea:hover, :where([data-ui="technical-blueprint"]) .usk-select:hover, :where([data-ui="technical-blueprint"]) .ui-input:hover, :where([data-ui="technical-blueprint"]) .ui-textarea:hover, :where([data-ui="technical-blueprint"]) .ui-select:hover {
    border-color: rgb(var(--blueprint-primary-rgb)/.58);
  }

  .blueprint-input:focus, .blueprint-textarea:focus, .blueprint-select:focus, :where([data-ui="technical-blueprint"]) .usk-input:focus, :where([data-ui="technical-blueprint"]) .usk-textarea:focus, :where([data-ui="technical-blueprint"]) .usk-select:focus, :where([data-ui="technical-blueprint"]) .ui-input:focus, :where([data-ui="technical-blueprint"]) .ui-textarea:focus, :where([data-ui="technical-blueprint"]) .ui-select:focus {
    border-color: var(--blueprint-focus);
    box-shadow: var(--blueprint-focus-ring);
  }

  .blueprint-help-text, :where([data-ui="technical-blueprint"]) .usk-help-text, :where([data-ui="technical-blueprint"]) .ui-help-text {
    color: var(--blueprint-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .blueprint-check, .blueprint-radio, :where([data-ui="technical-blueprint"]) .usk-check, :where([data-ui="technical-blueprint"]) .usk-radio, :where([data-ui="technical-blueprint"]) .ui-check, :where([data-ui="technical-blueprint"]) .ui-radio {
    align-items: center;
    gap: var(--blueprint-space-2);
    color: var(--blueprint-text);
    cursor: pointer;
    display: inline-flex;
  }

  .blueprint-check input, .blueprint-radio input, :where([data-ui="technical-blueprint"]) .usk-check input, :where([data-ui="technical-blueprint"]) .usk-radio input, :where([data-ui="technical-blueprint"]) .ui-check input, :where([data-ui="technical-blueprint"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .blueprint-check-control, .blueprint-radio-control, :where([data-ui="technical-blueprint"]) .usk-check-control, :where([data-ui="technical-blueprint"]) .usk-radio-control, :where([data-ui="technical-blueprint"]) .ui-check-control, :where([data-ui="technical-blueprint"]) .ui-radio-control {
    background: var(--blueprint-surface-soft);
    border: 1px solid var(--blueprint-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--blueprint-transition-fast),box-shadow var(--blueprint-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .blueprint-check-control, :where([data-ui="technical-blueprint"]) .usk-check-control, :where([data-ui="technical-blueprint"]) .ui-check-control {
    border-radius: var(--blueprint-radius-xs);
  }

  .blueprint-radio-control, :where([data-ui="technical-blueprint"]) .usk-radio-control, :where([data-ui="technical-blueprint"]) .ui-radio-control {
    border-radius: 50%;
  }

  .blueprint-check input:checked+.blueprint-check-control, .blueprint-radio input:checked+.blueprint-radio-control, :where([data-ui="technical-blueprint"]) .usk-check input:checked+.usk-check-control, :where([data-ui="technical-blueprint"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="technical-blueprint"]) .ui-check input:checked+.ui-check-control, :where([data-ui="technical-blueprint"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--blueprint-primary);
    border-color: var(--blueprint-primary);
    box-shadow: var(--blueprint-focus-ring);
  }

  .blueprint-check input:checked+.blueprint-check-control:after, :where([data-ui="technical-blueprint"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="technical-blueprint"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--blueprint-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .blueprint-radio input:checked+.blueprint-radio-control:after, :where([data-ui="technical-blueprint"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="technical-blueprint"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--blueprint-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .blueprint-switch, :where([data-ui="technical-blueprint"]) .usk-switch, :where([data-ui="technical-blueprint"]) .ui-switch {
    align-items: center;
    gap: var(--blueprint-space-3);
    color: var(--blueprint-text);
    cursor: pointer;
    display: inline-flex;
  }

  .blueprint-switch input, :where([data-ui="technical-blueprint"]) .usk-switch input, :where([data-ui="technical-blueprint"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch-track {
    background: var(--blueprint-surface-soft);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--blueprint-transition-fast),box-shadow var(--blueprint-transition-fast);
    position: relative;
  }

  .blueprint-switch-thumb, :where([data-ui="technical-blueprint"]) .usk-switch-thumb, :where([data-ui="technical-blueprint"]) .ui-switch-thumb {
    background: var(--blueprint-surface-strong);
    border: 1px solid var(--blueprint-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--blueprint-shadow-alpha));
    transition: left var(--blueprint-transition-fast),background var(--blueprint-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .blueprint-switch input:checked+.blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--blueprint-primary);
    border-color: var(--blueprint-primary);
  }

  .blueprint-switch input:checked+.blueprint-switch-track .blueprint-switch-thumb, :where([data-ui="technical-blueprint"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="technical-blueprint"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--blueprint-on-primary);
    left: calc(100% - 1.56rem);
  }

  .blueprint-badge, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .ui-badge {
    align-items: center;
    gap: var(--blueprint-space-1);
    background: var(--blueprint-surface-soft);
    min-height: 1.75rem;
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .blueprint-badge-primary, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--blueprint-primary);
    color: var(--blueprint-on-primary);
    border-color: var(--blueprint-primary);
  }

  .blueprint-badge-secondary, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--blueprint-secondary);
    color: var(--blueprint-on-secondary);
    border-color: var(--blueprint-secondary);
  }

  .blueprint-badge-warning, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--blueprint-warning);
    color: var(--blueprint-on-warning);
    border-color: var(--blueprint-warning);
  }

  .blueprint-badge-danger, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--blueprint-danger);
    color: var(--blueprint-on-danger);
    border-color: var(--blueprint-danger);
  }

  .blueprint-nav, :where([data-ui="technical-blueprint"]) .usk-nav, :where([data-ui="technical-blueprint"]) .ui-nav {
    align-items: center;
    gap: var(--blueprint-space-2);
    padding: var(--blueprint-space-2);
    background: var(--blueprint-surface);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--blueprint-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--blueprint-text-muted);
    border-radius: var(--blueprint-radius-pill);
    transition: color var(--blueprint-transition-fast),background var(--blueprint-transition-fast),box-shadow var(--blueprint-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .blueprint-nav-link:hover, :where([data-ui="technical-blueprint"]) .usk-nav-link:hover, :where([data-ui="technical-blueprint"]) .ui-nav-link:hover {
    color: var(--blueprint-text);
    background: var(--blueprint-surface-soft);
  }

  .blueprint-nav-link[aria-current="page"], .blueprint-nav-link.is-active, :where([data-ui="technical-blueprint"]) .usk-nav-link[aria-current="page"], :where([data-ui="technical-blueprint"]) .usk-nav-link.is-active, :where([data-ui="technical-blueprint"]) .ui-nav-link[aria-current="page"], :where([data-ui="technical-blueprint"]) .ui-nav-link.is-active {
    color: var(--blueprint-on-primary);
    background: var(--blueprint-primary);
  }

  .blueprint-tooltip, [data-ui="technical-blueprint"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="technical-blueprint"]) .usk-tooltip, :where([data-ui="technical-blueprint"]) .ui-tooltip {
    background: var(--blueprint-text);
    max-inline-size: 16rem;
    color: var(--blueprint-bg);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .blueprint-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .blueprint-progress, :where([data-ui="technical-blueprint"]) .usk-progress, :where([data-ui="technical-blueprint"]) .ui-progress {
    background: var(--blueprint-surface-soft);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .blueprint-progress-bar, :where([data-ui="technical-blueprint"]) .usk-progress-bar, :where([data-ui="technical-blueprint"]) .ui-progress-bar {
    height: 100%;
    width: var(--blueprint-progress-value, 50%);
    background: linear-gradient(90deg,var(--blueprint-primary),var(--blueprint-accent));
    border-radius: inherit;
  }

  .blueprint-alert, :where([data-ui="technical-blueprint"]) .usk-alert, :where([data-ui="technical-blueprint"]) .ui-alert {
    gap: var(--blueprint-space-2);
    padding: var(--blueprint-space-4);
    background: var(--blueprint-surface);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--blueprint-shadow-alpha));
    display: grid;
  }

  .blueprint-alert-success, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--blueprint-success);
  }

  .blueprint-alert-warning, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--blueprint-warning);
  }

  .blueprint-alert-danger, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--blueprint-danger);
  }

  .blueprint-alert-title, :where([data-ui="technical-blueprint"]) .usk-alert-title, :where([data-ui="technical-blueprint"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .blueprint-alert-body, :where([data-ui="technical-blueprint"]) .usk-alert-body, :where([data-ui="technical-blueprint"]) .ui-alert-body {
    color: var(--blueprint-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .blueprint-table-wrap, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .ui-table-wrap {
    overflow: auto;
  }

  .blueprint-table, :where([data-ui="technical-blueprint"]) .usk-table, :where([data-ui="technical-blueprint"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .blueprint-table th, .blueprint-table td, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .usk-table td, :where([data-ui="technical-blueprint"]) .ui-table th, :where([data-ui="technical-blueprint"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--blueprint-border);
    padding: .95rem 1rem;
  }

  .blueprint-table th, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .ui-table th {
    color: var(--blueprint-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--blueprint-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .blueprint-table td, :where([data-ui="technical-blueprint"]) .usk-table td, :where([data-ui="technical-blueprint"]) .ui-table td {
    color: var(--blueprint-text-muted);
  }

  .blueprint-table tr:hover td, :where([data-ui="technical-blueprint"]) .usk-table tr:hover td, :where([data-ui="technical-blueprint"]) .ui-table tr:hover td {
    background: rgb(var(--blueprint-primary-rgb)/.045);
  }

  .blueprint-text-primary {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-text-secondary {
    color: var(--blueprint-secondary);
  }

  .blueprint-text-accent {
    color: var(--usk-accent-ink, var(--blueprint-accent));
  }

  .blueprint-text-success {
    color: var(--blueprint-success);
  }

  .blueprint-text-warning {
    color: var(--blueprint-warning);
  }

  .blueprint-text-danger {
    color: var(--blueprint-danger);
  }

  .blueprint-bg-primary {
    background: var(--blueprint-primary);
    color: var(--blueprint-on-primary);
  }

  .blueprint-bg-secondary {
    background: var(--blueprint-secondary);
    color: var(--blueprint-on-secondary);
  }

  .blueprint-border {
    border: 1px solid var(--blueprint-border);
  }

  .blueprint-rounded {
    border-radius: var(--blueprint-radius-md);
  }

  .blueprint-rounded-lg {
    border-radius: var(--blueprint-radius-lg);
  }

  .blueprint-rounded-xl {
    border-radius: var(--blueprint-radius-xl);
  }

  .blueprint-pill {
    border-radius: var(--blueprint-radius-pill);
  }

  .blueprint-sr-only, .blueprint-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .blueprint-skip-link {
    z-index: 9999;
    background: var(--blueprint-primary);
    color: var(--blueprint-on-primary);
    border-radius: var(--blueprint-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .blueprint-skip-link:focus {
    transform: translateY(0);
  }

  .blueprint-metric, :where([data-ui="technical-blueprint"]) .usk-metric, :where([data-ui="technical-blueprint"]) .ui-metric {
    padding: var(--blueprint-space-5);
    background: var(--blueprint-surface);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .blueprint-metric-value, :where([data-ui="technical-blueprint"]) .usk-metric-value, :where([data-ui="technical-blueprint"]) .ui-metric-value {
    color: var(--blueprint-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .blueprint-metric-label, :where([data-ui="technical-blueprint"]) .usk-metric-label, :where([data-ui="technical-blueprint"]) .ui-metric-label {
    color: var(--blueprint-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .blueprint-empty-state, :where([data-ui="technical-blueprint"]) .usk-empty-state, :where([data-ui="technical-blueprint"]) .ui-empty-state {
    place-items: center;
    gap: var(--blueprint-space-3);
    min-height: 14rem;
    padding: var(--blueprint-space-6);
    text-align: center;
    background: var(--blueprint-surface-soft);
    border: 1px dashed var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    display: grid;
  }

  .blueprint-spinner, .blueprint-loading-spinner, [data-ui="technical-blueprint"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="technical-blueprint"]) .usk-spinner, :where([data-ui="technical-blueprint"]) .ui-spinner {
    border: .25rem solid var(--blueprint-spinner-track);
    border-block-start-color: var(--blueprint-spinner-stroke);
    border-inline-end-color: var(--blueprint-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite blueprint-spin;
    display: inline-block;
  }

  .blueprint-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .blueprint-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .blueprint-button[aria-busy="true"], .blueprint-icon-button[aria-busy="true"], [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"], :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"], :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"], :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .blueprint-button[aria-busy="true"]:after, .blueprint-icon-button[aria-busy="true"]:after, [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--blueprint-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite blueprint-spin;
    display: inline-block;
  }

  @keyframes blueprint-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .blueprint-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--blueprint-border-rgb)/.72);
    border-radius: var(--blueprint-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .blueprint-card-service {
    gap: var(--blueprint-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .blueprint-card-service > .blueprint-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .blueprint-card-service > .blueprint-card-media + .blueprint-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .blueprint-card-feature {
    gap: var(--blueprint-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .blueprint-card-accent-edge {
    border-inline-start: .35rem solid var(--blueprint-primary);
  }

  .blueprint-icon-medallion {
    background: var(--blueprint-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--blueprint-on-primary);
    border: 2px solid rgb(var(--blueprint-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .blueprint-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .blueprint-button.blueprint-button-cut, .blueprint-button-cut, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-cut, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .blueprint-button.blueprint-button-cut:focus-visible, .blueprint-button-cut:focus-visible, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-cut:focus-visible, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .blueprint-button.blueprint-button-outline-heavy, .blueprint-button-outline-heavy, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-outline-heavy, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-outline-heavy {
    color: var(--usk-primary-ink, var(--blueprint-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--blueprint-primary);
    box-shadow: none;
    background: none;
  }

  .blueprint-button.blueprint-button-outline-heavy:hover, .blueprint-button-outline-heavy:hover, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-outline-heavy:hover, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-outline-heavy:hover {
    background: var(--blueprint-primary);
    color: var(--blueprint-on-primary);
    border-color: var(--blueprint-primary-hover);
  }

  .blueprint-badge-seal {
    aspect-ratio: 1;
    background: var(--blueprint-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--blueprint-text);
    border: 2px solid var(--blueprint-primary);
    text-align: center;
    font-family: var(--blueprint-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .blueprint-feature-strip {
    background: var(--blueprint-card-bg);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .blueprint-feature-item {
    align-items: center;
    gap: var(--blueprint-space-3);
    min-inline-size: 0;
    padding: var(--blueprint-space-4);
    border-inline-end: 1px solid rgb(var(--blueprint-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .blueprint-feature-item:last-child {
    border-inline-end: 0;
  }

  .blueprint-feature-item > :where(p, small) {
    color: var(--blueprint-text-muted);
    margin: 0;
  }

  .blueprint-callout-bar {
    align-items: center;
    gap: var(--blueprint-space-4);
    padding: var(--blueprint-space-4) var(--blueprint-space-5);
    background: var(--blueprint-card-bg);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .blueprint-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .blueprint-callout-bar>:where(.blueprint-button,a,button):last-child, :where([data-ui="technical-blueprint"]) .blueprint-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="technical-blueprint"]) .blueprint-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .blueprint-eyebrow {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    font-family: var(--blueprint-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .blueprint-media-scrim {
    isolation: isolate;
    background: var(--blueprint-surface-soft);
    border: 1px solid var(--blueprint-border);
    border-radius: var(--blueprint-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .blueprint-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .blueprint-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .blueprint-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .blueprint-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .blueprint-callout-bar>:where(.blueprint-button,a,button):last-child, :where([data-ui="technical-blueprint"]) .blueprint-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="technical-blueprint"]) .blueprint-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .blueprint-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--blueprint-border-rgb)/.62);
    }

    .blueprint-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .blueprint-card-service, .blueprint-card-feature, .blueprint-feature-strip, .blueprint-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--blueprint-shadow-alpha) + .03));
  }

  .blueprint-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .blueprint-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--blueprint-shadow-alpha) + .05));
  }

  :root {
    --blueprint-font-display: "Bahnschrift Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
    --blueprint-font-body: Bahnschrift, "Arial Narrow", ui-sans-serif, system-ui, sans-serif;
    --blueprint-font-heading: var(--blueprint-font-display);
    --blueprint-font-control: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --blueprint-radius-xs: 0;
    --blueprint-radius-sm: .08rem;
    --blueprint-radius-md: .12rem;
    --blueprint-radius-lg: .18rem;
    --blueprint-radius-xl: .24rem;
  }

  [data-ui="technical-blueprint"][data-mode] {
    --blueprint-theme-bg: linear-gradient(90deg, rgb(var(--blueprint-border-rgb) / .13) 1px, transparent 1px), linear-gradient(rgb(var(--blueprint-border-rgb) / .13) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--blueprint-primary-rgb) / .09) 1px, transparent 1px), linear-gradient(rgb(var(--blueprint-primary-rgb) / .09) 1px, transparent 1px), var(--blueprint-bg);
    --blueprint-theme-bg-size: 1.5rem 1.5rem, 1.5rem 1.5rem, .3rem .3rem, .3rem .3rem, auto;
    --blueprint-card-bg: rgb(var(--blueprint-surface-rgb) / calc(var(--blueprint-panel-alpha) * .86));
  }

  .blueprint-title, .blueprint-heading {
    font-family: var(--blueprint-font-display);
    text-transform: uppercase;
    letter-spacing: .025em;
    font-weight: 800;
    font-stretch: condensed;
  }

  .blueprint-title {
    font-size: clamp(2.3rem, 5.8vw, 4.7rem);
    line-height: .94;
  }

  .blueprint-kicker, .blueprint-eyebrow, .blueprint-label, .blueprint-table th, .blueprint-badge, :where([data-ui="technical-blueprint"]) .usk-label, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .ui-label, :where([data-ui="technical-blueprint"]) .ui-table th, :where([data-ui="technical-blueprint"]) .ui-badge {
    font-family: var(--blueprint-font-control);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .blueprint-surface, .blueprint-card, .blueprint-panel, .blueprint-toolbar, .blueprint-table-wrap, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .ui-card, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap {
    box-shadow: inset 0 0 0 1px rgb(var(--blueprint-primary-rgb)/.12);
    border-radius: 0;
  }

  .blueprint-card, .blueprint-panel, .blueprint-toolbar, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .ui-card, :where([data-ui="technical-blueprint"]) .ui-toolbar {
    background-image: linear-gradient(90deg,transparent calc(100% - .55rem),rgb(var(--blueprint-primary-rgb)/.3) calc(100% - .55rem),rgb(var(--blueprint-primary-rgb)/.3) calc(100% - .48rem),transparent calc(100% - .48rem));
  }

  .blueprint-button, .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
    box-shadow: none;
    font-family: var(--blueprint-font-control);
    text-transform: uppercase;
    letter-spacing: .06em;
    border-radius: 0;
  }

  .blueprint-button:where(:not([data-ui-variant])):not(:is(.blueprint-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.blueprint-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.blueprint-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.blueprint-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(.blueprint-button-outline-heavy), :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.blueprint-button-outline-heavy), :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.blueprint-button-outline-heavy) {
    background: none;
  }

  .blueprint-nav, :where([data-ui="technical-blueprint"]) .usk-nav, :where([data-ui="technical-blueprint"]) .ui-nav {
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    font-family: var(--blueprint-font-control);
    text-transform: uppercase;
    border-radius: 0;
    font-size: .75rem;
  }

  .blueprint-input, .blueprint-textarea, .blueprint-select, .blueprint-badge, .blueprint-alert, .blueprint-metric, .blueprint-well, .blueprint-inset, :where([data-ui="technical-blueprint"]) .usk-input, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .usk-select, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .usk-alert, :where([data-ui="technical-blueprint"]) .usk-metric, :where([data-ui="technical-blueprint"]) .ui-input, :where([data-ui="technical-blueprint"]) .ui-textarea, :where([data-ui="technical-blueprint"]) .ui-select, :where([data-ui="technical-blueprint"]) .ui-badge, :where([data-ui="technical-blueprint"]) .ui-alert, :where([data-ui="technical-blueprint"]) .ui-metric {
    border-radius: 0;
  }

  .blueprint-table, :where([data-ui="technical-blueprint"]) .usk-table, :where([data-ui="technical-blueprint"]) .ui-table {
    font-family: var(--blueprint-font-control);
    font-size: .82rem;
  }

  .blueprint-card-media, .blueprint-media-scrim, .blueprint-feature-strip, .blueprint-callout-bar {
    border-radius: 0;
  }

  .blueprint-icon-medallion {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    box-shadow: inset 0 0 0 1px rgb(var(--blueprint-primary-rgb)/.35);
    background: none;
    border-radius: 0;
  }

  .blueprint-badge-seal {
    font-family: var(--blueprint-font-control);
    background: none;
    border-radius: 0;
  }

  .blueprint-card-accent-edge {
    box-shadow: inset .35rem 0 0 rgb(var(--blueprint-primary-rgb)/.12);
    border-inline-start-width: 1px;
  }

  .blueprint-button.blueprint-button-cut, .blueprint-button-cut, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-cut, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-cut {
    clip-path: polygon(.55rem 0, 42% 0, 42% .18rem, 58% .18rem, 58% 0, calc(100% - .55rem) 0, 100% .55rem, 100% calc(100% - .55rem), calc(100% - .55rem) 100%, .55rem 100%, 0 calc(100% - .55rem), 0 .55rem);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .blueprint-button.blueprint-button-outline-heavy, .blueprint-button-outline-heavy, :where([data-ui="technical-blueprint"]) .usk-button.blueprint-button-outline-heavy, :where([data-ui="technical-blueprint"]) .ui-button.blueprint-button-outline-heavy {
    clip-path: polygon(.4rem 0, 38% 0, 38% .14rem, 62% .14rem, 62% 0, calc(100% - .4rem) 0, 100% .4rem, 100% calc(100% - .4rem), calc(100% - .4rem) 100%, .4rem 100%, 0 calc(100% - .4rem), 0 .4rem);
    box-shadow: inset 0 0 0 1px rgb(var(--blueprint-surface-strong-rgb)/.72),.2rem .2rem 0 rgb(var(--blueprint-primary-rgb)/.28);
    border-width: 1px;
    border-radius: 0;
  }

  .blueprint-card-service, .blueprint-media-scrim, .blueprint-feature-strip, .blueprint-callout-bar, .blueprint-metric, :where([data-ui="technical-blueprint"]) .usk-metric, :where([data-ui="technical-blueprint"]) .ui-metric {
    border: 1px solid var(--blueprint-primary);
    box-shadow: inset 0 0 0 1px rgb(var(--blueprint-surface-strong-rgb)/.72),.2rem .2rem 0 rgb(var(--blueprint-primary-rgb)/.24);
    border-radius: 0;
  }

  [data-ui="technical-blueprint"][data-theme][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])), [data-ui="technical-blueprint"][data-mode]:not([data-theme]) :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])), [data-ui="technical-blueprint"][data-theme][data-mode] :where(dialog), [data-ui="technical-blueprint"][data-mode]:not([data-theme]) :where(dialog) {
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-spinner, .blueprint-loading-spinner, [data-ui="technical-blueprint"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="technical-blueprint"]) .usk-spinner, :where([data-ui="technical-blueprint"]) .ui-spinner {
    background: repeating-conic-gradient(var(--blueprint-spinner-stroke)0 8deg,transparent 8deg 22deg);
    box-shadow: inset 0 0 0 .2rem var(--blueprint-surface);
    clip-path: polygon(0 0, 42% 0, 42% 10%, 58% 10%, 58% 0, 100% 0, 100% 42%, 90% 42%, 90% 58%, 100% 58%, 100% 100%, 0 100%);
    border-style: double;
    border-radius: 0;
    animation: 1s steps(12, end) infinite blueprint-spin;
  }

  .blueprint-button[aria-busy="true"]:after, .blueprint-icon-button[aria-busy="true"]:after, [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"]:after {
    background: repeating-conic-gradient(currentColor 0 8deg,transparent 8deg 24deg);
    box-shadow: inset 0 0 0 .1em rgb(var(--blueprint-surface-rgb)/.45);
    clip-path: polygon(0 0, 42% 0, 42% 12%, 58% 12%, 58% 0, 100% 0, 100% 42%, 88% 42%, 88% 58%, 100% 58%, 100% 100%, 0 100%);
    border: .08em double;
    border-radius: 0;
    animation: 1s steps(12, end) infinite blueprint-spin;
  }

  [data-ui="technical-blueprint"][data-mode] {
    --blueprint-card-bg: var(--blueprint-surface);
    --blueprint-control-bg: var(--blueprint-surface-soft);
    --usk-native-card-bg: var(--blueprint-card-bg);
    --usk-native-control-bg: var(--blueprint-control-bg);
    --usk-native-font-control: "Arial Narrow", Bahnschrift, ui-monospace, monospace;
    --usk-native-control-min-block-size: 2.75rem;
    --usk-native-control-padding-block: .48rem;
    --usk-native-control-padding-inline: .74rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-focus-ring: 0 0 0 1px var(--blueprint-surface), 0 0 0 3px var(--blueprint-focus);
    --usk-native-subcontrol-padding-block: .34rem;
    --usk-native-subcontrol-padding-inline: .54rem;
    --usk-native-choice-size: 1.08rem;
    --usk-native-choice-background: linear-gradient(90deg, transparent 46%, rgb(var(--blueprint-primary-rgb) / .12) 46% 54%, transparent 54%), var(--blueprint-control-bg);
    --usk-native-choice-border: 1px solid var(--blueprint-primary);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 0 1px var(--blueprint-surface-strong);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--blueprint-primary) 0 46%, var(--blueprint-surface) 46% 54%, var(--blueprint-primary) 54%);
    --usk-native-choice-mark-color: var(--blueprint-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 47%, var(--blueprint-primary) 47% 53%, transparent 53%), linear-gradient(135deg, transparent 47%, var(--blueprint-primary) 47% 53%, transparent 53%);
    --usk-native-select-indicator-size: .62rem .62rem, .62rem .62rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .64rem) 50%;
    --usk-native-select-padding-inline-end: 2.15rem;
    --usk-native-range-track-size: .22rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--blueprint-primary) 0 1px, transparent 1px .62rem), var(--blueprint-surface-soft);
    --usk-native-range-track-border: 1px solid var(--blueprint-primary);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
    --usk-native-range-thumb-size: 1.02rem;
    --usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
    --usk-native-range-thumb-border: 1px double var(--blueprint-primary);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
    --usk-native-progress-size: .46rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, transparent 0 24%, rgb(var(--blueprint-primary-rgb) / .18) 24% 25%), var(--blueprint-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--blueprint-primary);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: .14rem .14rem 0 rgb(var(--blueprint-primary-rgb) / .18);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-scrollbar-size: .7rem;
    --usk-native-scrollbar-track: repeating-linear-gradient(45deg, var(--blueprint-surface) 0 .18rem, var(--blueprint-surface-soft) .18rem .36rem);
    --usk-native-scrollbar-thumb: linear-gradient(90deg, transparent 35%, var(--blueprint-primary) 35% 65%, transparent 65%);
    --usk-native-scrollbar-radius: 0;
  }

  .blueprint-title {
    letter-spacing: max(.045em, .5px);
    margin-block: .75rem;
    font-weight: 800;
  }

  .blueprint-label, :where([data-ui="technical-blueprint"]) .usk-label, :where([data-ui="technical-blueprint"]) .ui-label {
    font-size: .71rem;
    font-weight: 700;
  }

  [data-ui="technical-blueprint"] :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--blueprint-font-display);
    text-transform: uppercase;
    letter-spacing: .025em;
    font-stretch: condensed;
  }

  .blueprint-card, .blueprint-panel, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .ui-card {
    background: var(--blueprint-card-bg);
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    background-image: none;
    border-radius: 0;
    padding: .94rem;
  }

  .blueprint-well, .blueprint-inset {
    background: repeating-linear-gradient(0deg,transparent 0 .28rem,rgb(var(--blueprint-primary-rgb)/.08) .28rem calc(.28rem + 1px)),var(--blueprint-surface);
    border: 1px dashed var(--blueprint-primary);
    box-shadow: inset 0 0 0 1px var(--blueprint-surface-strong);
    border-radius: 0;
    padding: .7rem;
  }

  .blueprint-button, .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
    border: 1px solid var(--blueprint-primary);
    min-height: 2.75rem;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: .48rem .74rem;
    font-weight: 700;
  }

  .blueprint-button:active, .blueprint-button[aria-pressed="true"], .blueprint-button.is-active, :where([data-ui="technical-blueprint"]) .usk-button:active, :where([data-ui="technical-blueprint"]) .usk-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .usk-button.is-active, :where([data-ui="technical-blueprint"]) .ui-button:active, :where([data-ui="technical-blueprint"]) .ui-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .ui-button.is-active {
    box-shadow: none;
    transform: translate(.12rem, .12rem);
  }

  .blueprint-switch-track, .blueprint-switch-thumb, :where([data-ui="technical-blueprint"]) .usk-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch-thumb, :where([data-ui="technical-blueprint"]) .ui-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch-thumb {
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-input, .blueprint-textarea, .blueprint-select, :where([data-ui="technical-blueprint"]) .usk-input, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .usk-select, :where([data-ui="technical-blueprint"]) .ui-input, :where([data-ui="technical-blueprint"]) .ui-textarea, :where([data-ui="technical-blueprint"]) .ui-select {
    background: var(--blueprint-control-bg);
    border: 1px solid var(--blueprint-primary);
    min-height: 2.75rem;
    box-shadow: none;
    border-radius: 0;
    padding: .42rem .62rem;
  }

  .blueprint-nav, .blueprint-toolbar, :where([data-ui="technical-blueprint"]) .usk-nav, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .ui-nav, :where([data-ui="technical-blueprint"]) .ui-toolbar {
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    border-inline-end: 1px solid var(--blueprint-primary);
    border-radius: 0;
  }

  .blueprint-badge, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .ui-badge {
    min-height: 1.42rem;
    box-shadow: none;
    border: 1px solid;
    border-radius: 0;
    padding: .22rem .46rem;
  }

  .blueprint-alert, :where([data-ui="technical-blueprint"]) .usk-alert, :where([data-ui="technical-blueprint"]) .ui-alert {
    background: repeating-linear-gradient(135deg,transparent 0 .35rem,rgb(var(--blueprint-primary-rgb)/.06) .35rem .42rem),var(--blueprint-surface);
    box-shadow: none;
    border: 1px dashed;
    border-radius: 0;
    padding: .68rem .8rem;
  }

  .blueprint-progress, :where([data-ui="technical-blueprint"]) .usk-progress, :where([data-ui="technical-blueprint"]) .ui-progress {
    background: repeating-linear-gradient(90deg,transparent 0 24%,rgb(var(--blueprint-primary-rgb)/.18) 24% 25%),var(--blueprint-surface-soft);
    border-radius: 0;
    height: .46rem;
  }

  .blueprint-progress-bar, :where([data-ui="technical-blueprint"]) .usk-progress-bar, :where([data-ui="technical-blueprint"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--blueprint-primary),var(--blueprint-focus));
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-table-wrap, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .ui-table-wrap {
    background: repeating-linear-gradient(90deg,transparent 0 calc(1rem - 1px),rgb(var(--blueprint-primary-rgb)/.08) calc(1rem - 1px) 1rem),var(--blueprint-surface);
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-table, :where([data-ui="technical-blueprint"]) .usk-table, :where([data-ui="technical-blueprint"]) .ui-table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
  }

  .blueprint-table th, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .ui-table th {
    background: repeating-linear-gradient(135deg,rgb(var(--blueprint-primary-rgb)/.12)0 1px,transparent 1px .3rem);
    border: 1px solid var(--blueprint-primary);
    padding: .48rem .58rem;
    font-weight: 700;
  }

  .blueprint-table td, :where([data-ui="technical-blueprint"]) .usk-table td, :where([data-ui="technical-blueprint"]) .ui-table td {
    border: 1px solid var(--blueprint-primary);
    padding: .5rem .58rem;
  }

  .blueprint-tooltip, [data-ui="technical-blueprint"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="technical-blueprint"]) .usk-tooltip, :where([data-ui="technical-blueprint"]) .ui-tooltip {
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    border-radius: 0;
  }

  .blueprint-card-service, .blueprint-card-feature, .blueprint-media-scrim, .blueprint-feature-strip, .blueprint-callout-bar, .blueprint-metric, .blueprint-icon-medallion, :where([data-ui="technical-blueprint"]) .usk-metric, :where([data-ui="technical-blueprint"]) .ui-metric {
    box-shadow: none;
    background-image: none;
    border-radius: 0;
  }

  [data-ui="technical-blueprint"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class]), dialog) {
    box-shadow: none;
  }

  .blueprint-input, .blueprint-alert, :where([data-ui="technical-blueprint"]) .usk-input, :where([data-ui="technical-blueprint"]) .usk-alert, :where([data-ui="technical-blueprint"]) .ui-input, :where([data-ui="technical-blueprint"]) .ui-alert {
    border-radius: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="technical-blueprint"] *, [data-ui="technical-blueprint"] :before, [data-ui="technical-blueprint"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="technical-blueprint"] {
      --blueprint-border-alpha: 1;
      --blueprint-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="technical-blueprint"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="technical-blueprint"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="technical-blueprint"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="technical-blueprint"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="technical-blueprint"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .blueprint-input[aria-invalid="true"], .blueprint-textarea[aria-invalid="true"], .blueprint-select[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-input[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-textarea[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-select[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-input[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-textarea[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-select[aria-invalid="true"] {
    border-color: var(--blueprint-danger);
    box-shadow: 0 0 0 2px rgb(var(--blueprint-danger-rgb)/.2);
  }

  .blueprint-input[readonly], .blueprint-textarea[readonly], :where([data-ui="technical-blueprint"]) .usk-input[readonly], :where([data-ui="technical-blueprint"]) .usk-textarea[readonly], :where([data-ui="technical-blueprint"]) .ui-input[readonly], :where([data-ui="technical-blueprint"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .blueprint-button-danger, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="danger"]) {
    color: var(--blueprint-danger);
    border-color: var(--blueprint-danger);
    background: none;
  }

  .blueprint-button-ghost, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    background: none;
    border-color: #0000;
  }

  .blueprint-feature-item > .blueprint-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .blueprint-callout-bar > .blueprint-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  .blueprint-sheet {
    border: 3px double var(--blueprint-line-strong);
    padding: 16px;
    position: relative;
  }

  .blueprint-datum {
    block-size: 52px;
    inline-size: 52px;
    color: var(--usk-primary-ink, var(--blueprint-primary));
    font: 700 16px/1 var(--blueprint-font-mono);
    border: 1.5px solid;
    border-radius: 50%;
    flex: 0 0 52px;
    place-items: center;
    display: inline-grid;
    position: relative;
  }

  .blueprint-datum:before {
    content: "";
    border-top: 1px solid;
    position: absolute;
    inset: 50% -5px auto;
  }

  .blueprint-datum:after {
    content: "";
    border-left: 1px solid;
    position: absolute;
    inset: -5px auto -5px 50%;
  }

  .blueprint-line-swatch {
    border-top: var(--blueprint-line-weight, 1px) solid var(--blueprint-primary);
    inline-size: 58px;
    display: inline-block;
  }

  [data-ui="technical-blueprint"][data-mode="dark"] {
    --blueprint-fallback-bg-rgb: 6 31 53;
    --blueprint-fallback-surface-rgb: 8 35 58;
    --blueprint-fallback-surface-strong-rgb: 11 44 72;
    --blueprint-fallback-surface-soft-rgb: 12 48 78;
    --blueprint-fallback-text-rgb: 217 239 255;
    --blueprint-fallback-text-muted-rgb: 175 209 230;
    --blueprint-fallback-border-rgb: 120 184 223;
    --blueprint-fallback-primary-rgb: 75 188 255;
    --blueprint-fallback-primary-text-rgb: 0 23 37;
    --blueprint-fallback-danger-rgb: 255 90 84;
    --blueprint-fallback-success-rgb: 99 215 124;
    --blueprint-fallback-warning-rgb: 255 208 87;
    --blueprint-fallback-link-rgb: 75 188 255;
    --blueprint-fallback-focus-rgb: 121 204 255;
    --blueprint-fill-fallback-rgb: 8 122 194;
    --blueprint-input-fallback-rgb: 7 28 48;
  }

  [data-ui="technical-blueprint"][data-mode="light"] {
    --blueprint-fallback-bg-rgb: 237 236 232;
    --blueprint-fallback-surface-rgb: 247 245 239;
    --blueprint-fallback-surface-strong-rgb: 248 246 240;
    --blueprint-fallback-surface-soft-rgb: 229 231 229;
    --blueprint-fallback-text-rgb: 21 61 95;
    --blueprint-fallback-text-muted-rgb: 49 93 121;
    --blueprint-fallback-border-rgb: 20 95 147;
    --blueprint-fallback-primary-rgb: 7 95 157;
    --blueprint-fallback-primary-hover-rgb: 6 76 124;
    --blueprint-fallback-danger-rgb: 197 45 40;
    --blueprint-fallback-success-rgb: 24 111 64;
    --blueprint-fallback-warning-rgb: 132 76 0;
    --blueprint-fallback-warning-text-rgb: 255 255 255;
    --blueprint-fallback-link-rgb: 7 95 157;
    --blueprint-fallback-focus-rgb: 0 109 181;
    --blueprint-fill-fallback-rgb: 10 103 165;
    --blueprint-input-fallback-rgb: 250 248 242;
  }

  [data-ui="technical-blueprint"][data-mode="contrast"] {
    --blueprint-fill-fallback-rgb: 0 229 255;
    --blueprint-fill-ink-fallback-rgb: 0 0 0;
    --blueprint-input-fallback-rgb: 0 16 28;
  }

  [data-ui="technical-blueprint"][data-mode] {
    --blueprint-font-display: "DejaVu Sans Condensed", "Arial Narrow", Arial, sans-serif;
    --blueprint-font-body: "DejaVu Sans Condensed", Arial, sans-serif;
    --blueprint-font-control: var(--blueprint-font-display);
    --blueprint-font-mono: "DejaVu Sans Mono", Consolas, monospace;
    --blueprint-radius-sm: 0;
    --blueprint-radius-md: 0;
    --blueprint-radius-lg: 0;
    --blueprint-control-height: 44px;
    --blueprint-grid-size: 16px;
    --blueprint-line-heavy: 2px;
    --blueprint-space-5: 24px;
    --blueprint-space-6: 32px;
    --blueprint-line-color: rgb(var(--blueprint-border-rgb) / .65);
    --blueprint-line-strong: var(--blueprint-border);
    --blueprint-text-soft: var(--blueprint-text-muted);
    --blueprint-surface-input: rgb(var(--usk-surface-strong-rgb, var(--blueprint-input-fallback-rgb)));
    --blueprint-fill: rgb(var(--usk-primary-rgb, var(--blueprint-fill-fallback-rgb)));
    --blueprint-fill-ink: rgb(var(--usk-primary-text-rgb, var(--blueprint-fill-ink-fallback-rgb, 255 255 255)));
    --blueprint-grid: rgb(var(--blueprint-primary-rgb) / .025);
    --blueprint-grid-image: linear-gradient(var(--blueprint-grid) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-grid) 1px, transparent 1px);
    --blueprint-theme-bg: var(--blueprint-grid-image), var(--blueprint-bg);
    --blueprint-theme-bg-size: 16px 16px, 16px 16px, auto;
    --blueprint-control-bg: var(--blueprint-surface-input);
    --usk-native-control-min-block-size: 44px;
    --usk-native-font-body: var(--blueprint-font-body);
    --usk-native-font-heading: var(--blueprint-font-display);
    --usk-native-font-control: var(--blueprint-font-control);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: none;
  }

  [data-ui="technical-blueprint"] :where(a) {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  [data-ui="technical-blueprint"] :where(h1, h2, h3, h4, h5, h6) {
    letter-spacing: 0;
  }

  .blueprint-title {
    letter-spacing: 0;
    font-size: 32px;
    line-height: 1.15;
  }

  .blueprint-overline, .blueprint-label, :where([data-ui="technical-blueprint"]) .usk-label, :where([data-ui="technical-blueprint"]) .ui-label {
    color: var(--blueprint-text-soft);
    font: 700 12px/1.3 var(--blueprint-font-mono);
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 6px;
    display: block;
  }

  .blueprint-section-title {
    color: var(--blueprint-text);
    font: 800 14px/1.3 var(--blueprint-font-display);
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    display: flex;
  }

  .blueprint-section-title:before {
    content: "";
    border: 1px solid var(--blueprint-primary);
    background: linear-gradient(var(--blueprint-primary),var(--blueprint-primary)) center/100% 1px no-repeat,linear-gradient(90deg,var(--blueprint-primary),var(--blueprint-primary)) center/1px 100%no-repeat;
    border-radius: 50%;
    flex: 0 0 12px;
    block-size: 12px;
    inline-size: 12px;
  }

  .blueprint-section-title:after {
    content: "";
    background: repeating-linear-gradient(90deg,var(--blueprint-line-strong)0 9px,transparent 9px 14px);
    flex: 0 0 45px;
    block-size: 1px;
    margin-inline-start: auto;
  }

  .blueprint-card, .blueprint-panel, .blueprint-toolbar, :where([data-ui="technical-blueprint"]) .usk-card, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .ui-card, :where([data-ui="technical-blueprint"]) .ui-toolbar {
    background: rgb(var(--blueprint-surface-rgb));
    border: 1px solid var(--blueprint-line-color);
    box-shadow: none;
    clip-path: none;
    background-image: none;
    border-radius: 0;
    position: relative;
  }

  .blueprint-card:before, .blueprint-panel:before, :where([data-ui="technical-blueprint"]) .usk-card:before, :where([data-ui="technical-blueprint"]) .ui-card:before {
    content: none;
  }

  .blueprint-panel:before {
    content: "";
    border: 0;
    border-right: 2px solid var(--blueprint-primary);
    border-bottom: 2px solid var(--blueprint-primary);
    pointer-events: none;
    background: none;
    block-size: 12px;
    inline-size: 12px;
    position: absolute;
    inset: auto -1px -1px auto;
  }

  .blueprint-panel:after {
    content: "";
    border-top: 2px solid var(--blueprint-primary);
    border-left: 2px solid var(--blueprint-primary);
    pointer-events: none;
    block-size: 12px;
    inline-size: 12px;
    position: absolute;
    inset: -1px auto auto -1px;
  }

  .blueprint-divider {
    border: 0;
    border-top: 1px solid var(--blueprint-line-color);
    margin-block: 16px;
  }

  .blueprint-button, .blueprint-icon-button, .blueprint-segment, .blueprint-pagination-page, .blueprint-tab, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .usk-segment, :where([data-ui="technical-blueprint"]) .usk-tab, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button, :where([data-ui="technical-blueprint"]) .ui-segment, :where([data-ui="technical-blueprint"]) .ui-tab {
    min-height: var(--blueprint-control-height);
    min-block-size: var(--blueprint-control-height);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-line-strong);
    box-shadow: none;
    font: 700 14px/1.2 var(--blueprint-font-control);
    letter-spacing: 0;
    text-shadow: none;
    text-transform: uppercase;
    cursor: pointer;
    clip-path: none;
    background: none;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-decoration: none;
    transition: background .15s, border-color .15s, transform 80ms;
    display: inline-flex;
  }

  .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
    aspect-ratio: 1;
    inline-size: 36px;
    padding: 8px;
  }

  .blueprint-button-primary, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--blueprint-fill);
    color: var(--blueprint-fill-ink);
    border-color: var(--blueprint-primary);
  }

  .blueprint-button-primary:hover, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="primary"]):hover {
    color: var(--blueprint-on-primary);
  }

  .blueprint-button-secondary, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="secondary"]) {
    color: var(--blueprint-secondary);
    border-color: var(--blueprint-secondary);
    background: none;
  }

  .blueprint-button-ghost, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--blueprint-text-soft);
    border-style: dashed;
  }

  .blueprint-button-danger, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="danger"]) {
    border-color: var(--blueprint-danger);
    color: var(--blueprint-danger);
    background: none;
  }

  .blueprint-button:hover, .blueprint-icon-button:hover, .blueprint-button.is-hover, .blueprint-segment:hover, .blueprint-pagination-page:hover, :where([data-ui="technical-blueprint"]) .usk-button:hover, :where([data-ui="technical-blueprint"]) .usk-icon-button:hover, :where([data-ui="technical-blueprint"]) .usk-button.is-hover, :where([data-ui="technical-blueprint"]) .usk-segment:hover, :where([data-ui="technical-blueprint"]) .ui-button:hover, :where([data-ui="technical-blueprint"]) .ui-icon-button:hover, :where([data-ui="technical-blueprint"]) .ui-button.is-hover, :where([data-ui="technical-blueprint"]) .ui-segment:hover {
    border-color: var(--blueprint-focus);
    box-shadow: 0 0 0 1px var(--blueprint-focus);
    transform: none;
  }

  .blueprint-button-danger:hover, .blueprint-button-danger.is-hover, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="danger"]):hover, :where([data-ui="technical-blueprint"]) .usk-button:where([data-ui-variant="danger"]).is-hover, :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="danger"]):hover, :where([data-ui="technical-blueprint"]) .ui-button:where([data-ui-variant="danger"]).is-hover {
    border-color: var(--blueprint-danger);
    color: var(--blueprint-danger);
    box-shadow: 0 0 0 1px var(--blueprint-danger);
  }

  .blueprint-button:active, .blueprint-icon-button:active, .blueprint-button.is-pressed, .blueprint-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .usk-button:active, :where([data-ui="technical-blueprint"]) .usk-icon-button:active, :where([data-ui="technical-blueprint"]) .usk-button.is-pressed, :where([data-ui="technical-blueprint"]) .usk-button[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .ui-button:active, :where([data-ui="technical-blueprint"]) .ui-icon-button:active, :where([data-ui="technical-blueprint"]) .ui-button.is-pressed, :where([data-ui="technical-blueprint"]) .ui-button[aria-pressed="true"] {
    background-image: repeating-linear-gradient(135deg,transparent 0 5px,rgb(var(--blueprint-primary-rgb)/.18) 5px 6px);
    box-shadow: inset 0-2px 0 var(--blueprint-primary);
    transform: translateY(1px);
  }

  .blueprint-button:disabled, .blueprint-icon-button:disabled, .blueprint-button.is-disabled, :where([data-ui="technical-blueprint"]) .usk-button:disabled, :where([data-ui="technical-blueprint"]) .usk-icon-button:disabled, :where([data-ui="technical-blueprint"]) .usk-button.is-disabled, :where([data-ui="technical-blueprint"]) .ui-button:disabled, :where([data-ui="technical-blueprint"]) .ui-icon-button:disabled, :where([data-ui="technical-blueprint"]) .ui-button.is-disabled {
    opacity: .48;
    cursor: not-allowed;
    filter: saturate(.5);
  }

  .blueprint-field, :where([data-ui="technical-blueprint"]) .usk-field, :where([data-ui="technical-blueprint"]) .ui-field {
    min-inline-size: 0;
    display: block;
  }

  .blueprint-input, .blueprint-select, .blueprint-textarea, :where([data-ui="technical-blueprint"]) .usk-input, :where([data-ui="technical-blueprint"]) .usk-select, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .ui-input, :where([data-ui="technical-blueprint"]) .ui-select, :where([data-ui="technical-blueprint"]) .ui-textarea {
    inline-size: 100%;
    min-height: var(--blueprint-control-height);
    min-block-size: var(--blueprint-control-height);
    background: var(--blueprint-surface-input);
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-line-strong);
    box-shadow: none;
    font: 14px/1.3 var(--blueprint-font-body);
    background-image: none;
    border-radius: 0;
    padding: 8px 11px;
  }

  .blueprint-select, :where([data-ui="technical-blueprint"]) .usk-select, :where([data-ui="technical-blueprint"]) .ui-select {
    appearance: none;
    background-image: var(--usk-native-select-indicator-image);
    background-size: var(--usk-native-select-indicator-size);
    background-position: var(--usk-native-select-indicator-position);
    background-repeat: no-repeat;
    padding-inline-end: 32px;
  }

  .blueprint-textarea, :where([data-ui="technical-blueprint"]) .usk-textarea, :where([data-ui="technical-blueprint"]) .ui-textarea {
    resize: vertical;
    min-block-size: 64px;
  }

  .blueprint-input::placeholder, .blueprint-textarea::placeholder, :where([data-ui="technical-blueprint"]) .usk-input::placeholder, :where([data-ui="technical-blueprint"]) .usk-textarea::placeholder, :where([data-ui="technical-blueprint"]) .ui-input::placeholder, :where([data-ui="technical-blueprint"]) .ui-textarea::placeholder {
    color: var(--blueprint-text-soft);
    opacity: 1;
  }

  .blueprint-input-wrap {
    align-items: center;
    display: flex;
    position: relative;
  }

  .blueprint-input-wrap .blueprint-input, :where([data-ui="technical-blueprint"]) .blueprint-input-wrap .usk-input, :where([data-ui="technical-blueprint"]) .blueprint-input-wrap .ui-input {
    padding-inline-end: 36px;
  }

  .blueprint-input-icon {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    pointer-events: none;
    position: absolute;
    inset-inline-end: 11px;
  }

  .blueprint-helper, .blueprint-error-text {
    color: var(--blueprint-text-soft);
    font: 12px/1.4 var(--blueprint-font-mono);
    margin-block-start: 4px;
    display: block;
  }

  .blueprint-error-text {
    border-inline-start: 2px solid var(--blueprint-danger);
    padding-inline-start: 6px;
  }

  .blueprint-input.is-error, .blueprint-input[aria-invalid="true"], .blueprint-select[aria-invalid="true"], .blueprint-textarea[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-input.is-error, :where([data-ui="technical-blueprint"]) .usk-input[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-select[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .usk-textarea[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-input.is-error, :where([data-ui="technical-blueprint"]) .ui-input[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-select[aria-invalid="true"], :where([data-ui="technical-blueprint"]) .ui-textarea[aria-invalid="true"] {
    border-color: var(--blueprint-danger);
    box-shadow: 0 0 0 1px var(--blueprint-danger);
  }

  .blueprint-input.is-hover, :where([data-ui="technical-blueprint"]) .usk-input.is-hover, :where([data-ui="technical-blueprint"]) .ui-input.is-hover {
    border-color: var(--blueprint-primary);
  }

  .blueprint-input.is-focus, :where([data-ui="technical-blueprint"]) .usk-input.is-focus, :where([data-ui="technical-blueprint"]) .ui-input.is-focus {
    outline: 2px solid var(--blueprint-focus);
    outline-offset: 1px;
  }

  .blueprint-dropdown, .blueprint-popover, .blueprint-modal, :where([data-ui="technical-blueprint"]) .usk-popover, :where([data-ui="technical-blueprint"]) .ui-popover {
    color: var(--blueprint-text);
    background: var(--blueprint-grid-image),var(--blueprint-surface-strong);
    border: 1px solid var(--blueprint-line-strong);
    box-shadow: none;
    font: 14px/1.4 var(--blueprint-font-body);
    background-size: 16px 16px;
    border-radius: 0;
    padding: 12px;
  }

  .blueprint-dropdown {
    border-color: var(--blueprint-primary);
    padding: 6px;
  }

  .blueprint-option {
    min-block-size: 32px;
    inline-size: 100%;
    color: var(--blueprint-text-soft);
    font: 14px/1.3 var(--blueprint-font-body);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    display: flex;
  }

  .blueprint-option:hover, .blueprint-option.is-selected, .blueprint-option[aria-selected="true"] {
    background: var(--blueprint-fill);
    color: var(--blueprint-fill-ink);
    border-color: var(--blueprint-primary);
  }

  .blueprint-option:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .blueprint-tags {
    background: var(--blueprint-surface-input);
    border: 1px solid var(--blueprint-line-color);
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-block-size: 48px;
    padding: 8px;
    display: flex;
  }

  .blueprint-chip, .blueprint-badge, :where([data-ui="technical-blueprint"]) .usk-chip, :where([data-ui="technical-blueprint"]) .usk-badge, :where([data-ui="technical-blueprint"]) .ui-chip, :where([data-ui="technical-blueprint"]) .ui-badge {
    border: 1px solid var(--blueprint-line-strong);
    min-block-size: 24px;
    color: var(--blueprint-text);
    box-shadow: none;
    font: 700 12px/1.2 var(--blueprint-font-body);
    letter-spacing: 0;
    text-transform: uppercase;
    background: none;
    border-radius: 0;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    display: inline-flex;
  }

  .blueprint-chip, .blueprint-badge-primary, :where([data-ui="technical-blueprint"]) .usk-chip, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="technical-blueprint"]) .ui-chip, :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="primary"]) {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    border-color: var(--blueprint-primary);
  }

  .blueprint-chip-danger, .blueprint-badge-danger, :where([data-ui="technical-blueprint"]) .usk-chip:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-chip:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: rgb(var(--blueprint-danger-rgb)/.04);
    color: var(--blueprint-danger);
    border-color: var(--blueprint-danger);
  }

  .blueprint-chip-warning, .blueprint-badge-warning, :where([data-ui="technical-blueprint"]) .usk-chip:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .ui-chip:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: rgb(var(--blueprint-warning-rgb)/.08);
    color: var(--blueprint-warning);
    border-color: var(--blueprint-warning);
  }

  .blueprint-badge-success, :where([data-ui="technical-blueprint"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="technical-blueprint"]) .ui-badge:where([data-ui-variant="success"]) {
    background: rgb(var(--blueprint-success-rgb)/.08);
    color: var(--blueprint-success);
    border-color: var(--blueprint-success);
  }

  .blueprint-chip, :where([data-ui="technical-blueprint"]) .usk-chip, :where([data-ui="technical-blueprint"]) .ui-chip {
    cursor: pointer;
  }

  .blueprint-file {
    border: 1px dashed var(--blueprint-line-strong);
    background: var(--blueprint-grid-image),var(--blueprint-surface-input);
    min-block-size: 112px;
    color: var(--blueprint-text-soft);
    text-align: center;
    font: 14px/1.4 var(--blueprint-font-body);
    cursor: pointer;
    background-size: 16px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex;
    position: relative;
  }

  .blueprint-file strong {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-file input[type="file"] {
    opacity: 0;
    cursor: pointer;
    block-size: 100%;
    inline-size: 100%;
    position: absolute;
    inset: 0;
  }

  .blueprint-file:focus-within {
    outline: 2px solid var(--blueprint-focus);
    outline-offset: 2px;
  }

  .blueprint-choice, .blueprint-switch, :where([data-ui="technical-blueprint"]) .usk-switch, :where([data-ui="technical-blueprint"]) .ui-switch {
    min-block-size: 32px;
    color: var(--blueprint-text-soft);
    font: 14px/1.3 var(--blueprint-font-body);
    cursor: pointer;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    position: relative;
  }

  .blueprint-choice input {
    appearance: none;
    border: 1px solid var(--blueprint-line-strong);
    block-size: 18px;
    inline-size: 18px;
    box-shadow: none;
    background: none;
    border-radius: 0;
    flex: 0 0 18px;
    place-content: center;
    margin: 0;
    display: grid;
  }

  .blueprint-choice input:before {
    content: "";
    background: var(--blueprint-primary);
    block-size: 10px;
    inline-size: 10px;
    transform: scale(0);
  }

  .blueprint-choice input:checked:before {
    transform: scale(1);
  }

  .blueprint-choice input[type="checkbox"]:before {
    clip-path: polygon(0 45%, 20% 30%, 40% 55%, 85% 0, 100% 15%, 40% 100%);
  }

  .blueprint-choice input[type="radio"], .blueprint-choice input[type="radio"]:before {
    border-radius: 50%;
  }

  .blueprint-choice:has(:disabled), .blueprint-switch:has(:disabled), :where([data-ui="technical-blueprint"]) .usk-switch:has(:disabled), :where([data-ui="technical-blueprint"]) .ui-switch:has(:disabled) {
    cursor: not-allowed;
  }

  .blueprint-choice input:disabled {
    opacity: .6;
    border-style: dashed;
  }

  .blueprint-switch input, :where([data-ui="technical-blueprint"]) .usk-switch input, :where([data-ui="technical-blueprint"]) .ui-switch input {
    opacity: 0;
    z-index: 1;
    block-size: 100%;
    inline-size: 100%;
    cursor: inherit;
    position: absolute;
    inset: 0;
  }

  .blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch-track {
    border: 1px solid var(--blueprint-line-strong);
    block-size: 22px;
    inline-size: 42px;
    box-shadow: none;
    background: none;
    border-radius: 0;
    align-items: center;
    padding: 3px;
    display: inline-flex;
  }

  .blueprint-switch-thumb, :where([data-ui="technical-blueprint"]) .usk-switch-thumb, :where([data-ui="technical-blueprint"]) .ui-switch-thumb {
    border: 1px solid var(--blueprint-line-strong);
    block-size: 14px;
    inline-size: 14px;
    box-shadow: none;
    background: none;
    border-radius: 0;
    flex: 0 0 14px;
    transition: transform .15s;
    position: static;
  }

  .blueprint-switch input:checked+.blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch input:checked+.ui-switch-track {
    border-color: var(--blueprint-primary);
    background: none;
  }

  .blueprint-switch input:checked+.blueprint-switch-track .blueprint-switch-thumb, :where([data-ui="technical-blueprint"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="technical-blueprint"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--blueprint-fill);
    transform: translateX(20px);
  }

  .blueprint-switch input:disabled+.blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch input:disabled+.usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch input:disabled+.ui-switch-track {
    opacity: .6;
    border-style: dashed;
  }

  .blueprint-switch input:focus-visible+.blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch input:focus-visible+.usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch input:focus-visible+.ui-switch-track {
    outline: 2px solid var(--blueprint-focus);
    outline-offset: 2px;
  }

  .blueprint-segmented {
    flex-wrap: wrap;
    gap: 4px;
    display: inline-flex;
  }

  .blueprint-segment, :where([data-ui="technical-blueprint"]) .usk-segment, :where([data-ui="technical-blueprint"]) .ui-segment {
    font-size: 12px;
  }

  .blueprint-segment.is-active, .blueprint-segment[aria-pressed="true"], .blueprint-pagination-page[aria-current="page"], .blueprint-tab.is-active, .blueprint-tab[aria-selected="true"], :where([data-ui="technical-blueprint"]) .usk-segment.is-active, :where([data-ui="technical-blueprint"]) .usk-segment[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .usk-tab.is-active, :where([data-ui="technical-blueprint"]) .usk-tab[aria-selected="true"], :where([data-ui="technical-blueprint"]) .ui-segment.is-active, :where([data-ui="technical-blueprint"]) .ui-segment[aria-pressed="true"], :where([data-ui="technical-blueprint"]) .ui-tab.is-active, :where([data-ui="technical-blueprint"]) .ui-tab[aria-selected="true"] {
    background: var(--blueprint-fill);
    color: var(--blueprint-fill-ink);
    border-color: var(--blueprint-primary);
  }

  .blueprint-range {
    --blueprint-range-fill: linear-gradient(90deg, var(--blueprint-primary) 0 var(--blueprint-value, 58%), var(--blueprint-line-color) var(--blueprint-value, 58%) 100%);
    appearance: none;
    background: repeating-linear-gradient(90deg,transparent 0 20px,var(--blueprint-line-color) 20px 21px) center/100% 12px no-repeat;
    border: 0;
    min-block-size: 32px;
    inline-size: 100%;
    margin: 0;
    padding: 0;
  }

  .blueprint-range-critical {
    --blueprint-range-fill: linear-gradient(90deg, var(--blueprint-success) 0 45%, var(--blueprint-warning) 45% 72%, var(--blueprint-danger) 72% 100%);
  }

  .blueprint-range::-webkit-slider-runnable-track {
    background: var(--blueprint-range-fill);
    height: 3px;
    box-shadow: none;
    border: 0;
  }

  .blueprint-range::-moz-range-track {
    background: var(--blueprint-range-fill);
    height: 3px;
    box-shadow: none;
    border: 0;
  }

  .blueprint-range::-moz-range-progress {
    background: none;
  }

  .blueprint-range::-webkit-slider-thumb {
    appearance: none;
    border: 2px solid var(--blueprint-primary);
    background: radial-gradient(var(--blueprint-primary)0 2px,var(--blueprint-bg) 2px);
    block-size: 18px;
    inline-size: 18px;
    box-shadow: none;
    border-radius: 50%;
    margin-top: -7px;
  }

  .blueprint-range::-moz-range-thumb {
    border: 2px solid var(--blueprint-primary);
    background: radial-gradient(var(--blueprint-primary)0 2px,var(--blueprint-bg) 2px);
    block-size: 18px;
    inline-size: 18px;
    box-shadow: none;
    border-radius: 50%;
  }

  .blueprint-progress, :where([data-ui="technical-blueprint"]) .usk-progress, :where([data-ui="technical-blueprint"]) .ui-progress {
    block-size: 12px;
    border: 0;
    border-bottom: 1px solid var(--blueprint-line-color);
    background: none;
    border-radius: 0;
    height: 12px;
    padding: 0;
    position: relative;
    overflow: visible;
  }

  .blueprint-progress-bar, :where([data-ui="technical-blueprint"]) .usk-progress-bar, :where([data-ui="technical-blueprint"]) .ui-progress-bar {
    block-size: 3px;
    inline-size: var(--blueprint-progress-value, 64%);
    background: var(--blueprint-primary);
    color: var(--usk-primary-ink, var(--blueprint-primary));
    box-shadow: none;
    border-radius: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
  }

  .blueprint-progress-bar:after, :where([data-ui="technical-blueprint"]) .usk-progress-bar:after, :where([data-ui="technical-blueprint"]) .ui-progress-bar:after {
    content: "";
    border-top: 6px solid;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    position: absolute;
    inset: auto -4px 3px auto;
  }

  .blueprint-progress-danger .blueprint-progress-bar, :where([data-ui="technical-blueprint"]) .blueprint-progress-danger .usk-progress-bar, :where([data-ui="technical-blueprint"]) .blueprint-progress-danger .ui-progress-bar {
    background: var(--blueprint-danger);
    color: var(--blueprint-danger);
  }

  .blueprint-meter {
    background: linear-gradient(90deg,var(--blueprint-success)0 46%,var(--blueprint-warning) 46% 72%,var(--blueprint-danger) 72% 100%);
    block-size: 3px;
    margin-block: 16px;
    position: relative;
  }

  .blueprint-meter:after {
    content: "";
    background: var(--blueprint-text);
    block-size: 20px;
    inline-size: 3px;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: clamp(0%,var(--blueprint-value, 72%),100%);
    transform: translate(-50%, -50%);
  }

  .blueprint-stepper, :where([data-ui="technical-blueprint"]) .usk-stepper, :where([data-ui="technical-blueprint"]) .ui-stepper {
    justify-content: space-between;
    align-items: start;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
  }

  .blueprint-stepper:before, :where([data-ui="technical-blueprint"]) .usk-stepper:before, :where([data-ui="technical-blueprint"]) .ui-stepper:before {
    content: "";
    background: var(--blueprint-line-strong);
    block-size: 1px;
    position: absolute;
    inset-block-start: 12px;
    inset-inline: 12%;
  }

  .blueprint-step, :where([data-ui="technical-blueprint"]) .usk-step, :where([data-ui="technical-blueprint"]) .ui-step {
    color: var(--blueprint-text-soft);
    text-align: center;
    font: 12px/1.4 var(--blueprint-font-mono);
    flex: 1;
    margin-block: 0;
    position: relative;
  }

  .blueprint-step b, :where([data-ui="technical-blueprint"]) .usk-step b, :where([data-ui="technical-blueprint"]) .ui-step b {
    box-sizing: border-box;
    background: var(--blueprint-bg);
    border: 1px solid var(--blueprint-line-strong);
    justify-content: center;
    align-items: center;
    block-size: 24px;
    inline-size: 24px;
    margin: 0 auto 8px;
    display: flex;
  }

  .blueprint-step.is-complete b, :where([data-ui="technical-blueprint"]) .usk-step.is-complete b, :where([data-ui="technical-blueprint"]) .ui-step.is-complete b {
    background: var(--blueprint-fill);
    color: var(--blueprint-fill-ink);
    border-color: var(--blueprint-primary);
  }

  .blueprint-step.is-active b, :where([data-ui="technical-blueprint"]) .usk-step.is-active b, :where([data-ui="technical-blueprint"]) .ui-step.is-active b {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    border: 2px solid var(--blueprint-primary);
  }

  .blueprint-alert, :where([data-ui="technical-blueprint"]) .usk-alert, :where([data-ui="technical-blueprint"]) .ui-alert {
    border: 1px solid var(--blueprint-primary);
    min-block-size: 40px;
    color: var(--blueprint-text-soft);
    box-shadow: none;
    font: 14px/1.4 var(--blueprint-font-body);
    background: none;
    border-radius: 0;
    align-items: center;
    gap: 8px;
    padding: 8px;
    display: flex;
  }

  .blueprint-alert-success, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="success"]) {
    border-color: var(--blueprint-success);
  }

  .blueprint-alert-warning, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-color: var(--blueprint-warning);
  }

  .blueprint-alert-danger, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-color: var(--blueprint-danger);
  }

  .blueprint-alert>:first-child, :where([data-ui="technical-blueprint"]) .usk-alert>:first-child, :where([data-ui="technical-blueprint"]) .ui-alert>:first-child {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-alert-success>:first-child, .blueprint-toast>:first-child, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="success"])>:first-child, :where([data-ui="technical-blueprint"]) .usk-toast>:first-child, :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="success"])>:first-child, :where([data-ui="technical-blueprint"]) .ui-toast>:first-child {
    color: var(--blueprint-success);
  }

  .blueprint-alert-warning>:first-child, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="warning"])>:first-child, :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="warning"])>:first-child {
    color: var(--blueprint-warning);
  }

  .blueprint-alert-danger>:first-child, :where([data-ui="technical-blueprint"]) .usk-alert:where([data-ui-variant="danger"])>:first-child, :where([data-ui="technical-blueprint"]) .ui-alert:where([data-ui-variant="danger"])>:first-child {
    color: var(--blueprint-danger);
  }

  .blueprint-toast, :where([data-ui="technical-blueprint"]) .usk-toast, :where([data-ui="technical-blueprint"]) .ui-toast {
    border: 1px solid var(--blueprint-line-color);
    background: repeating-linear-gradient(135deg,transparent 0 10px,var(--blueprint-grid) 10px 11px),var(--blueprint-surface-strong);
    color: var(--blueprint-text);
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
  }

  .blueprint-toast strong, :where([data-ui="technical-blueprint"]) .usk-toast strong, :where([data-ui="technical-blueprint"]) .ui-toast strong {
    font: 700 14px/1.4 var(--blueprint-font-mono);
    display: block;
  }

  .blueprint-toast p, :where([data-ui="technical-blueprint"]) .usk-toast p, :where([data-ui="technical-blueprint"]) .ui-toast p {
    color: var(--blueprint-text-soft);
    font: 14px/1.4 var(--blueprint-font-body);
    margin: 4px 0 0;
  }

  .blueprint-skeleton, :where([data-ui="technical-blueprint"]) .usk-skeleton, :where([data-ui="technical-blueprint"]) .ui-skeleton {
    background: repeating-linear-gradient(90deg,var(--blueprint-line-strong)0 8px,transparent 8px 12px);
    block-size: 2px;
    inline-size: 100%;
    display: block;
  }

  .blueprint-breadcrumb, .blueprint-tabs, .blueprint-pagination, :where([data-ui="technical-blueprint"]) .usk-breadcrumb, :where([data-ui="technical-blueprint"]) .usk-tabs, :where([data-ui="technical-blueprint"]) .usk-pagination, :where([data-ui="technical-blueprint"]) .ui-breadcrumb, :where([data-ui="technical-blueprint"]) .ui-tabs, :where([data-ui="technical-blueprint"]) .ui-pagination {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .blueprint-breadcrumb, :where([data-ui="technical-blueprint"]) .usk-breadcrumb, :where([data-ui="technical-blueprint"]) .ui-breadcrumb {
    color: var(--blueprint-text-soft);
    font: 12px/1.4 var(--blueprint-font-mono);
  }

  .blueprint-breadcrumb a, :where([data-ui="technical-blueprint"]) .usk-breadcrumb a, :where([data-ui="technical-blueprint"]) .ui-breadcrumb a {
    color: var(--blueprint-text-soft);
  }

  .blueprint-breadcrumb [aria-current], :where([data-ui="technical-blueprint"]) .usk-breadcrumb [aria-current], :where([data-ui="technical-blueprint"]) .ui-breadcrumb [aria-current] {
    color: var(--usk-primary-ink, var(--blueprint-primary));
    font-weight: 700;
  }

  .blueprint-tab, :where([data-ui="technical-blueprint"]) .usk-tab, :where([data-ui="technical-blueprint"]) .ui-tab {
    font: 700 12px/1.4 var(--blueprint-font-mono);
  }

  .blueprint-pagination-page {
    min-inline-size: 36px;
    padding: 8px;
    font-size: 12px;
  }

  .blueprint-nav, :where([data-ui="technical-blueprint"]) .usk-nav, :where([data-ui="technical-blueprint"]) .ui-nav {
    box-shadow: none;
    background: none;
    border: 0;
    gap: 6px;
    padding: 0;
  }

  .blueprint-nav-link, :where([data-ui="technical-blueprint"]) .usk-nav-link, :where([data-ui="technical-blueprint"]) .ui-nav-link {
    border: 1px solid var(--blueprint-line-strong);
    min-block-size: 36px;
    color: var(--blueprint-text-soft);
    text-shadow: none;
    letter-spacing: 0;
    background: none;
    border-radius: 0;
    padding: 8px 12px;
  }

  .blueprint-nav-link.is-active, .blueprint-nav-link[aria-current="page"], :where([data-ui="technical-blueprint"]) .usk-nav-link.is-active, :where([data-ui="technical-blueprint"]) .usk-nav-link[aria-current="page"], :where([data-ui="technical-blueprint"]) .ui-nav-link.is-active, :where([data-ui="technical-blueprint"]) .ui-nav-link[aria-current="page"] {
    background: var(--blueprint-fill);
    color: var(--blueprint-fill-ink);
    box-shadow: none;
  }

  .blueprint-avatar, :where([data-ui="technical-blueprint"]) .usk-avatar, :where([data-ui="technical-blueprint"]) .ui-avatar {
    background: var(--blueprint-fill);
    border: 2px solid var(--blueprint-primary);
    block-size: 34px;
    inline-size: 34px;
    color: var(--blueprint-fill-ink);
    font: 700 12px/1 var(--blueprint-font-mono);
    border-radius: 50%;
    flex: 0 0 34px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .blueprint-avatar-danger {
    background: var(--blueprint-bg);
    border-color: var(--blueprint-danger);
    color: var(--blueprint-danger);
  }

  .blueprint-avatar-neutral {
    background: var(--blueprint-bg);
    color: var(--blueprint-text-soft);
  }

  .blueprint-avatar-group, :where([data-ui="technical-blueprint"]) .usk-avatar-group, :where([data-ui="technical-blueprint"]) .ui-avatar-group {
    display: flex;
  }

  .blueprint-avatar-group .blueprint-avatar+.blueprint-avatar, :where([data-ui="technical-blueprint"]) .usk-avatar-group .usk-avatar+.usk-avatar, :where([data-ui="technical-blueprint"]) .ui-avatar-group .ui-avatar+.ui-avatar {
    margin-inline-start: -6px;
  }

  .blueprint-table, :where([data-ui="technical-blueprint"]) .usk-table, :where([data-ui="technical-blueprint"]) .ui-table {
    border-collapse: collapse;
    font: 14px/1.4 var(--blueprint-font-body);
  }

  .blueprint-table th, .blueprint-table td, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .usk-table td, :where([data-ui="technical-blueprint"]) .ui-table th, :where([data-ui="technical-blueprint"]) .ui-table td {
    border: 0;
    border-bottom: 1px solid var(--blueprint-line-color);
    color: var(--blueprint-text-soft);
    background: none;
    padding: 8px;
  }

  .blueprint-table th, :where([data-ui="technical-blueprint"]) .usk-table th, :where([data-ui="technical-blueprint"]) .ui-table th {
    font-family: var(--blueprint-font-mono);
  }

  .blueprint-list {
    color: var(--blueprint-text-soft);
    font: 14px/1.5 var(--blueprint-font-body);
    margin: 0;
    padding-inline-start: 20px;
  }

  .blueprint-list li + li {
    margin-top: 8px;
  }

  .blueprint-list li::marker {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-tooltip, [data-ui="technical-blueprint"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="technical-blueprint"]) .usk-tooltip, :where([data-ui="technical-blueprint"]) .ui-tooltip {
    background: var(--blueprint-surface-strong);
    max-inline-size: 100%;
    color: var(--blueprint-text);
    border: 1px solid var(--blueprint-primary);
    box-shadow: none;
    font: 700 12px/1.4 var(--blueprint-font-mono);
    letter-spacing: 0;
    border-radius: 0;
    padding: 12px;
    position: relative;
  }

  .blueprint-tooltip:after, :where([data-ui="technical-blueprint"]) .usk-tooltip:after, :where([data-ui="technical-blueprint"]) .ui-tooltip:after {
    content: "";
    border-left: 1px solid var(--blueprint-primary);
    transform-origin: top;
    block-size: 16px;
    position: absolute;
    inset: 100% auto auto 50%;
    transform: rotate(45deg);
  }

  .blueprint-modal {
    max-inline-size: min(440px, 100vw - 32px);
  }

  .blueprint-modal::backdrop {
    background: rgb(var(--blueprint-bg-rgb)/.7);
  }

  .blueprint-modal h3, .blueprint-popover strong, :where([data-ui="technical-blueprint"]) .usk-popover strong, :where([data-ui="technical-blueprint"]) .ui-popover strong {
    color: var(--blueprint-text);
    font: 700 14px/1.4 var(--blueprint-font-mono);
    margin: 0 0 8px;
  }

  .blueprint-modal p, .blueprint-popover p, :where([data-ui="technical-blueprint"]) .usk-popover p, :where([data-ui="technical-blueprint"]) .ui-popover p {
    color: var(--blueprint-text-soft);
    margin: 0 0 12px;
  }

  .blueprint-modal-actions {
    flex-wrap: wrap;
    justify-content: end;
    gap: 8px;
    display: flex;
  }

  .blueprint-accordion {
    background: var(--blueprint-surface-input);
    border: 1px solid var(--blueprint-line-color);
    color: var(--blueprint-text);
    margin: 0;
    padding: 0;
  }

  .blueprint-accordion summary {
    min-block-size: 36px;
    font: 700 12px/1.4 var(--blueprint-font-mono);
    cursor: pointer;
    padding: 10px 12px;
    list-style: none;
  }

  .blueprint-accordion summary::-webkit-details-marker {
    display: none;
  }

  .blueprint-accordion summary:after {
    content: "+";
    float: right;
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-accordion[open] summary:after {
    content: "-";
  }

  .blueprint-accordion p {
    color: var(--blueprint-text-soft);
    font: 14px/1.4 var(--blueprint-font-body);
    margin: 0;
    padding: 4px 12px 12px;
  }

  .blueprint-code {
    border-inline-start: 2px solid var(--blueprint-primary);
    background: var(--blueprint-surface-input);
    color: var(--blueprint-text-soft);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font: 12px/1.5 var(--blueprint-font-mono);
    margin: 0;
    padding: 12px;
    display: block;
  }

  .blueprint-quote {
    border-inline-start: 2px solid var(--blueprint-primary);
    color: var(--blueprint-text-soft);
    font: italic 14px/1.5 var(--blueprint-font-body);
    margin: 0;
    padding: 8px 12px;
  }

  .blueprint-token-swatch {
    min-inline-size: 46px;
    color: var(--blueprint-text-soft);
    font: 12px/1.3 var(--blueprint-font-mono);
    flex-direction: column;
    gap: 6px;
    display: inline-flex;
  }

  .blueprint-token-swatch i {
    border: 1px solid var(--blueprint-line-strong);
    background: var(--blueprint-token-swatch-color, var(--blueprint-primary));
    block-size: 28px;
    inline-size: 46px;
    display: block;
  }

  .blueprint-spinner, .blueprint-loading-spinner, [data-ui="technical-blueprint"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .blueprint-button[aria-busy="true"]:after, .blueprint-icon-button[aria-busy="true"]:after, [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="technical-blueprint"]) .usk-spinner, :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-spinner, :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"]:after {
    box-sizing: border-box;
    border: 2px solid var(--blueprint-line-color);
    box-shadow: none;
    clip-path: none;
    background: none;
    border-top-color: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 0;
    animation: .85s linear infinite blueprint-spin;
  }

  .blueprint-spinner, .blueprint-loading-spinner, [data-ui="technical-blueprint"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="technical-blueprint"]) .usk-spinner, :where([data-ui="technical-blueprint"]) .ui-spinner {
    color: var(--usk-primary-ink, var(--blueprint-primary));
  }

  .blueprint-button[aria-busy="true"]:after, .blueprint-icon-button[aria-busy="true"]:after, [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    flex: 0 0 16px;
    block-size: 16px;
    inline-size: 16px;
    display: inline-block;
  }

  .blueprint-spinner:before, .blueprint-spinner:after, :where([data-ui="technical-blueprint"]) .usk-spinner:before, :where([data-ui="technical-blueprint"]) .usk-spinner:after, :where([data-ui="technical-blueprint"]) .ui-spinner:before, :where([data-ui="technical-blueprint"]) .ui-spinner:after {
    content: none;
  }

  [data-ui="technical-blueprint"] :focus-visible {
    outline: 2px solid var(--blueprint-focus);
    outline-offset: 3px;
  }

  @media (any-pointer: coarse) {
    .blueprint-button, .blueprint-icon-button, .blueprint-segment, .blueprint-pagination-page, .blueprint-option, .blueprint-tab, .blueprint-choice, .blueprint-switch, .blueprint-range, .blueprint-chip, :where([data-ui="technical-blueprint"]) .usk-button, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .usk-segment, :where([data-ui="technical-blueprint"]) .usk-tab, :where([data-ui="technical-blueprint"]) .usk-switch, :where([data-ui="technical-blueprint"]) .usk-chip, :where([data-ui="technical-blueprint"]) .ui-button, :where([data-ui="technical-blueprint"]) .ui-icon-button, :where([data-ui="technical-blueprint"]) .ui-segment, :where([data-ui="technical-blueprint"]) .ui-tab, :where([data-ui="technical-blueprint"]) .ui-switch, :where([data-ui="technical-blueprint"]) .ui-chip {
      min-block-size: 44px;
    }

    .blueprint-icon-button, .blueprint-pagination-page, :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-icon-button {
      min-inline-size: 44px;
    }

    .blueprint-accordion summary {
      min-block-size: 44px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .blueprint-spinner, .blueprint-loading-spinner, [data-ui="technical-blueprint"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .blueprint-button[aria-busy="true"]:after, .blueprint-icon-button[aria-busy="true"]:after, [data-ui="technical-blueprint"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="technical-blueprint"]) .usk-spinner, :where([data-ui="technical-blueprint"]) .usk-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-spinner, :where([data-ui="technical-blueprint"]) .ui-button[aria-busy="true"]:after, :where([data-ui="technical-blueprint"]) .ui-icon-button[aria-busy="true"]:after {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .blueprint-choice input {
      appearance: auto;
    }

    .blueprint-choice input:before {
      content: none;
    }

    .blueprint-switch input, :where([data-ui="technical-blueprint"]) .usk-switch input, :where([data-ui="technical-blueprint"]) .ui-switch input {
      opacity: 1;
      block-size: 20px;
      inline-size: 20px;
      position: static;
    }

    .blueprint-switch-track, :where([data-ui="technical-blueprint"]) .usk-switch-track, :where([data-ui="technical-blueprint"]) .ui-switch-track {
      display: none;
    }

    .blueprint-range {
      appearance: auto;
    }

    .blueprint-step.is-complete b, .blueprint-progress-bar, :where([data-ui="technical-blueprint"]) .usk-step.is-complete b, :where([data-ui="technical-blueprint"]) .usk-progress-bar, :where([data-ui="technical-blueprint"]) .ui-step.is-complete b, :where([data-ui="technical-blueprint"]) .ui-progress-bar {
      color: highlighttext;
      background: highlight;
    }
  }

  [data-ui="technical-blueprint"][data-mode] .blueprint-button.blueprint-button-warning, :where([data-ui="technical-blueprint"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="technical-blueprint"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--blueprint-warning);
    color: var(--blueprint-on-warning);
    border-color: var(--blueprint-warning);
    text-shadow: none;
  }
}

[data-ui="technical-blueprint"][data-mode] .blueprint-title {
  letter-spacing: max(.045em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="technical-blueprint"][data-mode] .blueprint-feature-item > .blueprint-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="technical-blueprint"][data-mode] .blueprint-callout-bar > .blueprint-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/art-deco.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --deco-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --deco-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --deco-font-body: var(--deco-font-sans);
    --deco-font-heading: var(--deco-font-display);
    --deco-font-control: var(--deco-font-display);
    --deco-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --deco-radius-xs: .25rem;
    --deco-radius-sm: .5rem;
    --deco-radius-md: .75rem;
    --deco-radius-lg: 1.125rem;
    --deco-radius-xl: calc(1.125rem + .5rem);
    --deco-radius-pill: 999px;
    --deco-space-1: .25rem;
    --deco-space-2: .5rem;
    --deco-space-3: .75rem;
    --deco-space-4: 1rem;
    --deco-space-5: 1.25rem;
    --deco-space-6: 1.5rem;
    --deco-space-8: 2rem;
    --deco-transition-fast: .15s ease;
    --deco-transition-base: .24s ease;
  }

  [data-ui="art-deco"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --deco-fallback-bg-rgb: 250 244 234;
    --deco-fallback-surface-rgb: 255 253 249;
    --deco-fallback-surface-strong-rgb: 255 255 255;
    --deco-fallback-surface-soft-rgb: 239 228 207;
    --deco-fallback-text-rgb: 42 31 26;
    --deco-fallback-text-muted-rgb: 109 92 84;
    --deco-fallback-border-rgb: 212 192 166;
    --deco-fallback-primary-rgb: 107 15 26;
    --deco-fallback-primary-hover-rgb: 91 13 22;
    --deco-fallback-primary-text-rgb: 255 255 255;
    --deco-fallback-secondary-rgb: 17 17 17;
    --deco-fallback-secondary-hover-rgb: 0 0 0;
    --deco-fallback-secondary-text-rgb: 255 255 255;
    --deco-fallback-accent-rgb: 201 154 70;
    --deco-fallback-accent-text-rgb: 0 0 0;
    --deco-fallback-success-rgb: 47 125 84;
    --deco-fallback-success-text-rgb: 255 255 255;
    --deco-fallback-warning-rgb: 160 107 19;
    --deco-fallback-warning-text-rgb: 0 0 0;
    --deco-fallback-danger-rgb: 178 60 60;
    --deco-fallback-danger-text-rgb: 255 255 255;
    --deco-fallback-link-rgb: 91 13 22;
    --deco-fallback-focus-rgb: 201 154 70;
    --deco-panel-alpha: .98;
    --deco-panel-soft-alpha: .78;
    --deco-border-alpha: .58;
    --deco-shadow-alpha: .12;
    --deco-focus-alpha: .34;
  }

  [data-ui="art-deco"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --deco-fallback-bg-rgb: 19 13 10;
    --deco-fallback-surface-rgb: 33 24 20;
    --deco-fallback-surface-strong-rgb: 50 36 30;
    --deco-fallback-surface-soft-rgb: 25 18 15;
    --deco-fallback-text-rgb: 251 245 236;
    --deco-fallback-text-muted-rgb: 211 195 183;
    --deco-fallback-border-rgb: 106 82 62;
    --deco-fallback-primary-rgb: 201 138 93;
    --deco-fallback-primary-hover-rgb: 224 169 126;
    --deco-fallback-primary-text-rgb: 0 0 0;
    --deco-fallback-secondary-rgb: 246 235 215;
    --deco-fallback-secondary-hover-rgb: 255 248 235;
    --deco-fallback-secondary-text-rgb: 0 0 0;
    --deco-fallback-accent-rgb: 231 184 95;
    --deco-fallback-accent-text-rgb: 0 0 0;
    --deco-fallback-success-rgb: 152 224 182;
    --deco-fallback-success-text-rgb: 0 0 0;
    --deco-fallback-warning-rgb: 255 210 122;
    --deco-fallback-warning-text-rgb: 0 0 0;
    --deco-fallback-danger-rgb: 255 160 154;
    --deco-fallback-danger-text-rgb: 0 0 0;
    --deco-fallback-link-rgb: 240 200 125;
    --deco-fallback-focus-rgb: 231 184 95;
    --deco-panel-alpha: .92;
    --deco-panel-soft-alpha: .64;
    --deco-border-alpha: .52;
    --deco-shadow-alpha: .34;
    --deco-focus-alpha: .42;
  }

  [data-ui="art-deco"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --deco-fallback-bg-rgb: 0 0 0;
    --deco-fallback-surface-rgb: 15 10 7;
    --deco-fallback-surface-strong-rgb: 28 18 13;
    --deco-fallback-surface-soft-rgb: 0 0 0;
    --deco-fallback-text-rgb: 255 255 255;
    --deco-fallback-text-muted-rgb: 255 245 232;
    --deco-fallback-border-rgb: 255 255 255;
    --deco-fallback-primary-rgb: 200 138 54;
    --deco-fallback-primary-hover-rgb: 255 255 255;
    --deco-fallback-primary-text-rgb: 0 0 0;
    --deco-fallback-secondary-rgb: 255 243 217;
    --deco-fallback-secondary-hover-rgb: 255 255 255;
    --deco-fallback-secondary-text-rgb: 0 0 0;
    --deco-fallback-accent-rgb: 255 211 107;
    --deco-fallback-accent-text-rgb: 0 0 0;
    --deco-fallback-success-rgb: 0 255 144;
    --deco-fallback-success-text-rgb: 0 0 0;
    --deco-fallback-warning-rgb: 255 212 0;
    --deco-fallback-warning-text-rgb: 0 0 0;
    --deco-fallback-danger-rgb: 255 107 107;
    --deco-fallback-danger-text-rgb: 0 0 0;
    --deco-fallback-link-rgb: 255 211 107;
    --deco-fallback-focus-rgb: 255 255 255;
    --deco-panel-alpha: 1;
    --deco-panel-soft-alpha: .92;
    --deco-border-alpha: 1;
    --deco-shadow-alpha: .5;
    --deco-focus-alpha: .72;
  }

  [data-ui="art-deco"][data-theme][data-mode] {
    --deco-bg-rgb: var(--usk-bg-rgb);
    --deco-surface-rgb: var(--usk-surface-rgb);
    --deco-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --deco-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --deco-text-rgb: var(--usk-text-rgb);
    --deco-text-muted-rgb: var(--usk-text-muted-rgb);
    --deco-border-rgb: var(--usk-border-rgb);
    --deco-primary-rgb: var(--usk-primary-rgb);
    --deco-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --deco-primary-text-rgb: var(--usk-primary-text-rgb);
    --deco-secondary-rgb: var(--usk-secondary-rgb);
    --deco-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --deco-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --deco-accent-rgb: var(--usk-accent-rgb);
    --deco-accent-text-rgb: var(--usk-accent-text-rgb);
    --deco-success-rgb: var(--usk-success-rgb);
    --deco-success-text-rgb: var(--usk-success-text-rgb);
    --deco-warning-rgb: var(--usk-warning-rgb);
    --deco-warning-text-rgb: var(--usk-warning-text-rgb);
    --deco-danger-rgb: var(--usk-danger-rgb);
    --deco-danger-text-rgb: var(--usk-danger-text-rgb);
    --deco-link-rgb: var(--usk-link-rgb);
    --deco-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="art-deco"][data-mode] {
    --usk-native-bg: var(--deco-bg);
    --deco-bg-rgb: var(--usk-bg-rgb, var(--deco-fallback-bg-rgb));
    --deco-surface-rgb: var(--usk-surface-rgb, var(--deco-fallback-surface-rgb));
    --deco-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--deco-fallback-surface-strong-rgb));
    --deco-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--deco-fallback-surface-soft-rgb));
    --deco-text-rgb: var(--usk-text-rgb, var(--deco-fallback-text-rgb));
    --deco-text-muted-rgb: var(--usk-text-muted-rgb, var(--deco-fallback-text-muted-rgb));
    --deco-border-rgb: var(--usk-border-rgb, var(--deco-fallback-border-rgb));
    --deco-primary-rgb: var(--usk-primary-rgb, var(--deco-fallback-primary-rgb));
    --deco-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--deco-fallback-primary-hover-rgb));
    --deco-primary-text-rgb: var(--usk-primary-text-rgb, var(--deco-fallback-primary-text-rgb));
    --deco-secondary-rgb: var(--usk-secondary-rgb, var(--deco-fallback-secondary-rgb));
    --deco-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--deco-fallback-secondary-hover-rgb));
    --deco-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--deco-fallback-secondary-text-rgb));
    --deco-accent-rgb: var(--usk-accent-rgb, var(--deco-fallback-accent-rgb));
    --deco-accent-text-rgb: var(--usk-accent-text-rgb, var(--deco-fallback-accent-text-rgb));
    --deco-success-rgb: var(--usk-success-rgb, var(--deco-fallback-success-rgb));
    --deco-success-text-rgb: var(--usk-success-text-rgb, var(--deco-fallback-success-text-rgb));
    --deco-warning-rgb: var(--usk-warning-rgb, var(--deco-fallback-warning-rgb));
    --deco-warning-text-rgb: var(--usk-warning-text-rgb, var(--deco-fallback-warning-text-rgb));
    --deco-danger-rgb: var(--usk-danger-rgb, var(--deco-fallback-danger-rgb));
    --deco-danger-text-rgb: var(--usk-danger-text-rgb, var(--deco-fallback-danger-text-rgb));
    --deco-link-rgb: var(--usk-link-rgb, var(--deco-fallback-link-rgb));
    --deco-focus-rgb: var(--usk-focus-rgb, var(--deco-fallback-focus-rgb));
    --usk-native-surface: var(--deco-surface);
    --usk-native-surface-strong: var(--deco-surface-strong);
    --usk-native-surface-soft: var(--deco-surface-soft);
    --usk-native-card-bg: var(--deco-card-bg);
    --usk-native-control-bg: var(--deco-control-bg);
    --usk-native-text: var(--deco-text);
    --usk-native-text-muted: var(--deco-text-muted);
    --usk-native-border: var(--deco-border);
    --usk-native-primary: var(--deco-primary);
    --usk-native-primary-hover: var(--deco-primary-hover);
    --usk-native-on-primary: var(--deco-on-primary);
    --usk-native-secondary: var(--deco-secondary);
    --usk-native-on-secondary: var(--deco-on-secondary);
    --usk-native-accent: var(--deco-accent);
    --usk-native-on-accent: var(--deco-on-accent);
    --usk-native-on-success: var(--deco-on-success);
    --usk-native-on-warning: var(--deco-on-warning);
    --usk-native-on-danger: var(--deco-on-danger);
    --usk-native-focus: var(--deco-focus);
    --usk-native-success: var(--deco-success);
    --usk-native-warning: var(--deco-warning);
    --usk-native-danger: var(--deco-danger);
    --usk-native-link: var(--deco-link);
    --usk-native-font-body: var(--deco-font-body);
    --usk-native-font-heading: var(--deco-font-heading);
    --usk-native-font-control: var(--deco-font-control);
    --usk-native-font-mono: var(--deco-font-mono);
    --usk-native-radius-sm: var(--deco-radius-sm);
    --usk-native-radius: var(--deco-radius-md);
    --usk-native-radius-lg: var(--deco-radius-lg);
    --usk-native-shadow: var(--deco-shadow-sm, none);
    --usk-native-shadow-md: var(--deco-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--deco-focus-ring, 0 0 0 3px rgb(var(--deco-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--deco-space-5);
    --usk-native-control-min-block-size: 2.125rem;
    --usk-native-control-padding-block: .35rem;
    --usk-native-control-padding-inline: .7rem;
    --usk-native-subcontrol-padding-block: .3rem;
    --usk-native-subcontrol-padding-inline: .6rem;
    --usk-native-choice-size: 1rem;
    --usk-native-choice-background: var(--deco-control-bg);
    --usk-native-choice-border: 1px solid var(--deco-border);
    --usk-native-checkbox-radius: .12rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-choice-checked-background: var(--deco-primary);
    --usk-native-choice-mark-color: var(--deco-on-primary);
    --usk-native-select-indicator-image: linear-gradient(72deg, transparent 50%, var(--deco-primary) 50%), linear-gradient(108deg, var(--deco-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .34rem .34rem, .34rem .34rem;
    --usk-native-select-indicator-position: calc(100% - 1.24rem) 50%, calc(100% - .9rem) 50%;
    --usk-native-select-padding-inline-end: 2.7rem;
    --usk-native-range-track-size: .48rem;
    --usk-native-range-track-background: var(--deco-surface-soft);
    --usk-native-range-track-border: 1px solid var(--deco-border);
    --usk-native-range-track-radius: .08rem;
    --usk-native-range-track-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-range-progress-background: var(--deco-primary);
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--deco-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-progress-size: .7rem;
    --usk-native-progress-track-background: var(--deco-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--deco-border);
    --usk-native-progress-track-radius: .08rem;
    --usk-native-progress-track-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-progress-value-background: var(--deco-primary);
    --usk-native-progress-value-radius: .08rem;
    --usk-native-progress-value-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-meter-optimum-background: var(--deco-success);
    --usk-native-meter-suboptimum-background: var(--deco-warning);
    --usk-native-meter-critical-background: var(--deco-danger);
    --usk-native-file-button-background: var(--deco-primary);
    --usk-native-file-button-border: 1px solid var(--deco-border);
    --usk-native-file-button-radius: .12rem;
    --usk-native-file-button-shadow: 0 0 0 2px var(--deco-surface-strong);
    --usk-native-color-swatch-border: 1px solid var(--deco-border);
    --usk-native-color-swatch-radius: .12rem;
    --usk-native-indicator-opacity: .72;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .7rem;
    --usk-native-scrollbar-track: var(--deco-surface-soft);
    --usk-native-scrollbar-thumb: var(--deco-primary);
    --usk-native-scrollbar-radius: .08rem;
    --deco-bg: rgb(var(--deco-bg-rgb));
    --deco-surface: rgb(var(--deco-surface-rgb) / var(--deco-panel-alpha));
    --deco-surface-strong: rgb(var(--deco-surface-strong-rgb) / var(--deco-panel-alpha));
    --deco-surface-soft: rgb(var(--deco-surface-soft-rgb) / var(--deco-panel-soft-alpha));
    --deco-text: rgb(var(--deco-text-rgb));
    --deco-text-muted: rgb(var(--deco-text-muted-rgb));
    --deco-fg: var(--deco-text);
    --deco-surface-fg: var(--deco-text);
    --deco-muted: var(--deco-text-muted);
    --deco-border: rgb(var(--deco-border-rgb) / max(var(--deco-border-alpha), var(--usk-border-min-alpha)));
    --deco-control-fg: var(--deco-text);
    --deco-primary: rgb(var(--deco-primary-rgb));
    --deco-primary-hover: rgb(var(--deco-primary-hover-rgb));
    --deco-primary-text: rgb(var(--deco-primary-text-rgb));
    --deco-secondary: rgb(var(--deco-secondary-rgb));
    --deco-secondary-hover: rgb(var(--deco-secondary-hover-rgb));
    --deco-secondary-text: rgb(var(--deco-secondary-text-rgb));
    --deco-on-primary: var(--deco-primary-text);
    --deco-on-secondary: var(--deco-secondary-text);
    --deco-on-accent: rgb(var(--deco-accent-text-rgb));
    --deco-on-success: rgb(var(--deco-success-text-rgb));
    --deco-on-warning: rgb(var(--deco-warning-text-rgb));
    --deco-on-danger: rgb(var(--deco-danger-text-rgb));
    --deco-accent: rgb(var(--deco-accent-rgb));
    --deco-success: rgb(var(--deco-success-rgb));
    --deco-warning: rgb(var(--deco-warning-rgb));
    --deco-danger: rgb(var(--deco-danger-rgb));
    --deco-link: rgb(var(--deco-link-rgb));
    --deco-focus: rgb(var(--deco-focus-rgb));
    --deco-focus-ring: 0 0 0 3px rgb(var(--deco-focus-rgb) / var(--deco-focus-alpha));
    --deco-theme-bg-size: auto;
    --deco-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--deco-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--deco-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--deco-secondary-rgb) / .1), transparent 34rem), var(--deco-bg);
    --deco-card-bg: linear-gradient(135deg, rgb(var(--deco-primary-rgb) / .1), rgb(var(--deco-accent-rgb) / .055) 42%, rgb(var(--deco-surface-strong-rgb) / var(--deco-panel-alpha)) 100%), var(--deco-surface);
    --deco-control-bg: linear-gradient(180deg, rgb(var(--deco-surface-strong-rgb) / var(--deco-panel-alpha)), rgb(var(--deco-surface-soft-rgb) / var(--deco-panel-soft-alpha)));
    --deco-spinner-track: rgb(var(--deco-border-rgb) / max(.28, calc(var(--deco-border-alpha) * .7)));
    --deco-spinner-stroke: var(--deco-primary);
    --deco-spinner-accent: var(--deco-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="art-deco"][data-mode] {
      --deco-border: color-mix(in srgb, rgb(var(--deco-border-rgb) / max(var(--deco-border-alpha), var(--usk-border-min-alpha))), var(--deco-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="art-deco"] {
    background: linear-gradient(180deg,rgb(var(--deco-primary-rgb)/.04),transparent 22rem),var(--deco-bg);
    color: var(--deco-text);
    font-family: var(--deco-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="art-deco"] *, [data-ui="art-deco"] :before, [data-ui="art-deco"] :after {
    box-sizing: border-box;
  }

  [data-ui="art-deco"][data-mode] {
    background: var(--deco-theme-bg);
    background-size: var(--deco-theme-bg-size);
  }

  .deco-title, .deco-heading, .deco-kicker, .deco-button, .deco-badge, .deco-nav-link, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .usk-nav-link, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-badge, :where([data-ui="art-deco"]) .ui-nav-link {
    font-family: var(--deco-font-heading);
  }

  .deco-title {
    color: var(--deco-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .deco-heading {
    color: var(--deco-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .deco-kicker {
    color: var(--usk-primary-ink, var(--deco-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .deco-subtitle, .deco-copy {
    color: var(--deco-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .deco-text-muted {
    color: var(--deco-text-muted);
  }

  .deco-divider {
    background: var(--deco-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .deco-surface, .deco-card, .deco-panel, .deco-toolbar, .deco-table-wrap, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-card, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--deco-surface);
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--deco-shadow-alpha));
    transition: transform var(--deco-transition-base),box-shadow var(--deco-transition-base),border-color var(--deco-transition-base),background var(--deco-transition-base);
    position: relative;
  }

  .deco-toolbar, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--deco-space-4);
    padding: var(--deco-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .deco-surface-sm {
    border-radius: var(--deco-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--deco-shadow-alpha)*.72));
  }

  .deco-surface-lg {
    border-radius: var(--deco-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--deco-shadow-alpha) + .08));
  }

  .deco-well, .deco-inset {
    background: var(--deco-surface-soft);
    color: var(--deco-text);
    border: 1px solid rgb(var(--deco-border-rgb)/calc(var(--deco-border-alpha)*.7));
    border-radius: var(--deco-radius-md);
    padding: var(--deco-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .deco-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--deco-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--deco-space-2);
    background: var(--deco-surface);
    min-height: 2.75rem;
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--deco-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--deco-transition-fast),background var(--deco-transition-fast),border-color var(--deco-transition-fast),box-shadow var(--deco-transition-fast),transform var(--deco-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .deco-button:hover, .deco-icon-button:hover, :where([data-ui="art-deco"]) .usk-button:hover, :where([data-ui="art-deco"]) .usk-icon-button:hover, :where([data-ui="art-deco"]) .ui-button:hover, :where([data-ui="art-deco"]) .ui-icon-button:hover {
    border-color: var(--deco-primary);
    transform: translateY(-1px);
  }

  .deco-button:active, .deco-icon-button:active, .deco-button[aria-pressed="true"], .deco-icon-button[aria-pressed="true"], .deco-button.is-active, .deco-icon-button.is-active, :where([data-ui="art-deco"]) .usk-button:active, :where([data-ui="art-deco"]) .usk-icon-button:active, :where([data-ui="art-deco"]) .usk-button[aria-pressed="true"], :where([data-ui="art-deco"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="art-deco"]) .usk-button.is-active, :where([data-ui="art-deco"]) .usk-icon-button.is-active, :where([data-ui="art-deco"]) .ui-button:active, :where([data-ui="art-deco"]) .ui-icon-button:active, :where([data-ui="art-deco"]) .ui-button[aria-pressed="true"], :where([data-ui="art-deco"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="art-deco"]) .ui-button.is-active, :where([data-ui="art-deco"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .deco-button-primary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--deco-primary-hover);
    border-color: var(--deco-primary-hover);
  }

  .deco-button-secondary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--deco-secondary-hover);
    border-color: var(--deco-secondary-hover);
  }

  .deco-button-ghost, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--deco-text);
    box-shadow: none;
    background: none;
  }

  .deco-icon-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-icon-button {
    border-radius: var(--deco-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .deco-button:disabled, .deco-icon-button:disabled, .deco-disabled, :where([data-ui="art-deco"]) .usk-button:disabled, :where([data-ui="art-deco"]) .usk-icon-button:disabled, :where([data-ui="art-deco"]) .ui-button:disabled, :where([data-ui="art-deco"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .deco-card, .deco-panel, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .ui-card {
    background: var(--deco-card-bg);
  }

  .deco-toolbar, .deco-table-wrap, .deco-button:where(:not([data-ui-variant])):not(:is(.deco-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.deco-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.deco-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.deco-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.deco-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.deco-button-outline-heavy), .deco-icon-button, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.deco-button-outline-heavy), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.deco-button-outline-heavy), :where([data-ui="art-deco"]) .ui-icon-button {
    background: var(--deco-control-bg);
  }

  .deco-button, .deco-icon-button, .deco-badge, .deco-nav-link, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .usk-nav-link, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button, :where([data-ui="art-deco"]) .ui-badge, :where([data-ui="art-deco"]) .ui-nav-link {
    font-family: var(--deco-font-control);
  }

  .deco-field, :where([data-ui="art-deco"]) .usk-field, :where([data-ui="art-deco"]) .ui-field {
    gap: var(--deco-space-2);
    flex-direction: column;
    display: flex;
  }

  .deco-label, :where([data-ui="art-deco"]) .usk-label, :where([data-ui="art-deco"]) .ui-label {
    color: var(--deco-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .deco-input, .deco-textarea, .deco-select, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-textarea, :where([data-ui="art-deco"]) .ui-select {
    background: var(--deco-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-md);
    font: inherit;
    transition: background var(--deco-transition-fast),border-color var(--deco-transition-fast),box-shadow var(--deco-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .deco-textarea, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .deco-input::placeholder, .deco-textarea::placeholder, :where([data-ui="art-deco"]) .usk-input::placeholder, :where([data-ui="art-deco"]) .usk-textarea::placeholder, :where([data-ui="art-deco"]) .ui-input::placeholder, :where([data-ui="art-deco"]) .ui-textarea::placeholder {
    color: var(--deco-text-muted);
    opacity: .82;
  }

  .deco-input:hover, .deco-textarea:hover, .deco-select:hover, :where([data-ui="art-deco"]) .usk-input:hover, :where([data-ui="art-deco"]) .usk-textarea:hover, :where([data-ui="art-deco"]) .usk-select:hover, :where([data-ui="art-deco"]) .ui-input:hover, :where([data-ui="art-deco"]) .ui-textarea:hover, :where([data-ui="art-deco"]) .ui-select:hover {
    border-color: rgb(var(--deco-primary-rgb)/.58);
  }

  .deco-input:focus, .deco-textarea:focus, .deco-select:focus, :where([data-ui="art-deco"]) .usk-input:focus, :where([data-ui="art-deco"]) .usk-textarea:focus, :where([data-ui="art-deco"]) .usk-select:focus, :where([data-ui="art-deco"]) .ui-input:focus, :where([data-ui="art-deco"]) .ui-textarea:focus, :where([data-ui="art-deco"]) .ui-select:focus {
    border-color: var(--deco-focus);
    box-shadow: var(--deco-focus-ring);
  }

  .deco-help-text, :where([data-ui="art-deco"]) .usk-help-text, :where([data-ui="art-deco"]) .ui-help-text {
    color: var(--deco-text);
    font-size: .875rem;
    line-height: 1.45;
  }

  .deco-check, .deco-radio, :where([data-ui="art-deco"]) .usk-check, :where([data-ui="art-deco"]) .usk-radio, :where([data-ui="art-deco"]) .ui-check, :where([data-ui="art-deco"]) .ui-radio {
    align-items: center;
    gap: var(--deco-space-2);
    color: var(--deco-text);
    cursor: pointer;
    display: inline-flex;
  }

  .deco-check input, .deco-radio input, :where([data-ui="art-deco"]) .usk-check input, :where([data-ui="art-deco"]) .usk-radio input, :where([data-ui="art-deco"]) .ui-check input, :where([data-ui="art-deco"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .deco-check-control, .deco-radio-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .usk-radio-control, :where([data-ui="art-deco"]) .ui-check-control, :where([data-ui="art-deco"]) .ui-radio-control {
    background: var(--deco-surface-soft);
    border: 1px solid var(--deco-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--deco-transition-fast),box-shadow var(--deco-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .deco-check-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .ui-check-control {
    border-radius: var(--deco-radius-xs);
  }

  .deco-radio-control, :where([data-ui="art-deco"]) .usk-radio-control, :where([data-ui="art-deco"]) .ui-radio-control {
    border-radius: 50%;
  }

  .deco-check input:checked+.deco-check-control, .deco-radio input:checked+.deco-radio-control, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--deco-primary);
    border-color: var(--deco-primary);
    box-shadow: var(--deco-focus-ring);
  }

  .deco-check input:checked+.deco-check-control:after, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--deco-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .deco-radio input:checked+.deco-radio-control:after, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--deco-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .deco-switch, :where([data-ui="art-deco"]) .usk-switch, :where([data-ui="art-deco"]) .ui-switch {
    align-items: center;
    gap: var(--deco-space-3);
    color: var(--deco-text);
    cursor: pointer;
    display: inline-flex;
  }

  .deco-switch input, :where([data-ui="art-deco"]) .usk-switch input, :where([data-ui="art-deco"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .deco-switch-track, :where([data-ui="art-deco"]) .usk-switch-track, :where([data-ui="art-deco"]) .ui-switch-track {
    background: var(--deco-surface-soft);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--deco-transition-fast),box-shadow var(--deco-transition-fast);
    position: relative;
  }

  .deco-switch-thumb, :where([data-ui="art-deco"]) .usk-switch-thumb, :where([data-ui="art-deco"]) .ui-switch-thumb {
    background: var(--deco-surface-strong);
    border: 1px solid var(--deco-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--deco-shadow-alpha));
    transition: left var(--deco-transition-fast),background var(--deco-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .deco-switch input:checked+.deco-switch-track, :where([data-ui="art-deco"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="art-deco"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--deco-primary);
    border-color: var(--deco-primary);
  }

  .deco-switch input:checked+.deco-switch-track .deco-switch-thumb, :where([data-ui="art-deco"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="art-deco"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--deco-on-primary);
    left: calc(100% - 1.56rem);
  }

  .deco-badge, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .ui-badge {
    align-items: center;
    gap: var(--deco-space-1);
    background: var(--deco-surface-soft);
    min-height: 1.75rem;
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .deco-badge-primary, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
    border-color: var(--deco-primary);
  }

  .deco-nav, :where([data-ui="art-deco"]) .usk-nav, :where([data-ui="art-deco"]) .ui-nav {
    align-items: center;
    gap: var(--deco-space-2);
    padding: var(--deco-space-2);
    background: var(--deco-surface);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--deco-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .deco-nav-link, :where([data-ui="art-deco"]) .usk-nav-link, :where([data-ui="art-deco"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--deco-text-muted);
    border-radius: var(--deco-radius-pill);
    transition: color var(--deco-transition-fast),background var(--deco-transition-fast),box-shadow var(--deco-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .deco-nav-link:hover, :where([data-ui="art-deco"]) .usk-nav-link:hover, :where([data-ui="art-deco"]) .ui-nav-link:hover {
    color: var(--deco-text);
    background: var(--deco-surface-soft);
  }

  .deco-nav-link[aria-current="page"], .deco-nav-link.is-active, :where([data-ui="art-deco"]) .usk-nav-link[aria-current="page"], :where([data-ui="art-deco"]) .usk-nav-link.is-active, :where([data-ui="art-deco"]) .ui-nav-link[aria-current="page"], :where([data-ui="art-deco"]) .ui-nav-link.is-active {
    color: var(--deco-on-primary);
    background: var(--deco-primary);
  }

  .deco-tooltip, [data-ui="art-deco"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="art-deco"]) .usk-tooltip, :where([data-ui="art-deco"]) .ui-tooltip {
    background: var(--deco-text);
    max-inline-size: 16rem;
    color: var(--deco-bg);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .deco-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .deco-progress, :where([data-ui="art-deco"]) .usk-progress, :where([data-ui="art-deco"]) .ui-progress {
    background: var(--deco-surface-soft);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .deco-progress-bar, :where([data-ui="art-deco"]) .usk-progress-bar, :where([data-ui="art-deco"]) .ui-progress-bar {
    height: 100%;
    width: var(--deco-progress-value, 50%);
    background: linear-gradient(90deg,var(--deco-primary),var(--deco-accent));
    border-radius: inherit;
  }

  .deco-alert, :where([data-ui="art-deco"]) .usk-alert, :where([data-ui="art-deco"]) .ui-alert {
    gap: var(--deco-space-2);
    padding: var(--deco-space-4);
    background: var(--deco-surface);
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--deco-shadow-alpha));
    display: grid;
  }

  .deco-alert-success, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--deco-success);
  }

  .deco-alert-warning, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--deco-warning);
  }

  .deco-alert-danger, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--deco-danger);
  }

  .deco-alert-title, :where([data-ui="art-deco"]) .usk-alert-title, :where([data-ui="art-deco"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .deco-alert-body, :where([data-ui="art-deco"]) .usk-alert-body, :where([data-ui="art-deco"]) .ui-alert-body {
    color: var(--deco-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .deco-table-wrap, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-table-wrap {
    overflow: auto;
  }

  .deco-table, :where([data-ui="art-deco"]) .usk-table, :where([data-ui="art-deco"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .deco-table th, .deco-table td, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table th, :where([data-ui="art-deco"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--deco-border);
    padding: .95rem 1rem;
  }

  .deco-table th, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-table th {
    color: var(--deco-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--deco-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .deco-table td, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table td {
    color: var(--deco-text-muted);
  }

  .deco-table tr:hover td, :where([data-ui="art-deco"]) .usk-table tr:hover td, :where([data-ui="art-deco"]) .ui-table tr:hover td {
    background: rgb(var(--deco-primary-rgb)/.045);
  }

  .deco-text-primary {
    color: var(--usk-primary-ink, var(--deco-primary));
  }

  .deco-text-secondary {
    color: var(--deco-secondary);
  }

  .deco-text-accent {
    color: var(--usk-accent-ink, var(--deco-accent));
  }

  .deco-text-success {
    color: var(--deco-success);
  }

  .deco-text-warning {
    color: var(--deco-warning);
  }

  .deco-text-danger {
    color: var(--deco-danger);
  }

  .deco-bg-primary {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
  }

  .deco-bg-secondary {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-border {
    border: 1px solid var(--deco-border);
  }

  .deco-rounded-lg {
    border-radius: var(--deco-radius-lg);
  }

  .deco-rounded-xl {
    border-radius: var(--deco-radius-xl);
  }

  .deco-pill {
    border-radius: var(--deco-radius-pill);
  }

  .deco-sr-only, .deco-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .deco-skip-link {
    z-index: 9999;
    background: var(--deco-primary);
    color: var(--deco-on-primary);
    border-radius: var(--deco-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .deco-skip-link:focus {
    transform: translateY(0);
  }

  .deco-metric, :where([data-ui="art-deco"]) .usk-metric, :where([data-ui="art-deco"]) .ui-metric {
    padding: var(--deco-space-5);
    background: var(--deco-surface);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .deco-metric-value, :where([data-ui="art-deco"]) .usk-metric-value, :where([data-ui="art-deco"]) .ui-metric-value {
    color: var(--deco-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .deco-metric-label, :where([data-ui="art-deco"]) .usk-metric-label, :where([data-ui="art-deco"]) .ui-metric-label {
    color: var(--deco-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .deco-empty-state, :where([data-ui="art-deco"]) .usk-empty-state, :where([data-ui="art-deco"]) .ui-empty-state {
    place-items: center;
    gap: var(--deco-space-3);
    min-height: 14rem;
    padding: var(--deco-space-6);
    text-align: center;
    background: var(--deco-surface-soft);
    border: 1px dashed var(--deco-border);
    border-radius: var(--deco-radius-lg);
    display: grid;
  }

  .deco-spinner, .deco-loading-spinner, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="art-deco"]) .usk-spinner, :where([data-ui="art-deco"]) .ui-spinner {
    border: .25rem solid var(--deco-spinner-track);
    border-block-start-color: var(--deco-spinner-stroke);
    border-inline-end-color: var(--deco-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite deco-spin;
    display: inline-block;
  }

  .deco-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .deco-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .deco-button[aria-busy="true"], .deco-icon-button[aria-busy="true"], [data-ui="art-deco"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="art-deco"]) .usk-button[aria-busy="true"], :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"], :where([data-ui="art-deco"]) .ui-button[aria-busy="true"], :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--deco-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite deco-spin;
    display: inline-block;
  }

  @keyframes deco-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .deco-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--deco-border-rgb)/.72);
    border-radius: var(--deco-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .deco-card-service {
    gap: var(--deco-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .deco-card-service > .deco-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .deco-card-service > .deco-card-media + .deco-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .deco-card-feature {
    gap: var(--deco-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .deco-card-accent-edge {
    border-inline-start: .35rem solid var(--deco-primary);
  }

  .deco-icon-medallion {
    background: var(--deco-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--deco-on-primary);
    border: 2px solid rgb(var(--deco-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .deco-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .deco-button.deco-button-cut, .deco-button-cut, :where([data-ui="art-deco"]) .usk-button.deco-button-cut, :where([data-ui="art-deco"]) .ui-button.deco-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .deco-button.deco-button-cut:focus-visible, .deco-button-cut:focus-visible, :where([data-ui="art-deco"]) .usk-button.deco-button-cut:focus-visible, :where([data-ui="art-deco"]) .ui-button.deco-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .deco-button.deco-button-outline-heavy, .deco-button-outline-heavy, :where([data-ui="art-deco"]) .usk-button.deco-button-outline-heavy, :where([data-ui="art-deco"]) .ui-button.deco-button-outline-heavy {
    color: var(--usk-primary-ink, var(--deco-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--deco-primary);
    box-shadow: none;
    background: none;
  }

  .deco-button.deco-button-outline-heavy:hover, .deco-button-outline-heavy:hover, :where([data-ui="art-deco"]) .usk-button.deco-button-outline-heavy:hover, :where([data-ui="art-deco"]) .ui-button.deco-button-outline-heavy:hover {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
    border-color: var(--deco-primary-hover);
  }

  .deco-badge-seal {
    aspect-ratio: 1;
    background: var(--deco-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--deco-text);
    border: 2px solid var(--deco-primary);
    text-align: center;
    font-family: var(--deco-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .deco-feature-strip {
    background: var(--deco-card-bg);
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .deco-feature-item {
    align-items: center;
    gap: var(--deco-space-3);
    min-inline-size: 0;
    padding: var(--deco-space-4);
    border-inline-end: 1px solid rgb(var(--deco-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .deco-feature-item > :where(p, small) {
    color: var(--deco-text-muted);
    margin: 0;
  }

  .deco-callout-bar {
    align-items: center;
    gap: var(--deco-space-4);
    padding: var(--deco-space-4) var(--deco-space-5);
    background: var(--deco-card-bg);
    color: var(--deco-text);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .deco-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .deco-callout-bar>:where(.deco-button,a,button):last-child, :where([data-ui="art-deco"]) .deco-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="art-deco"]) .deco-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .deco-eyebrow {
    color: var(--usk-primary-ink, var(--deco-primary));
    font-family: var(--deco-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .deco-media-scrim {
    isolation: isolate;
    background: var(--deco-surface-soft);
    border: 1px solid var(--deco-border);
    border-radius: var(--deco-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .deco-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .deco-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .deco-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .deco-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .deco-callout-bar>:where(.deco-button,a,button):last-child, :where([data-ui="art-deco"]) .deco-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="art-deco"]) .deco-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .deco-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--deco-border-rgb)/.62);
    }

    .deco-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .deco-card-service, .deco-card-feature, .deco-feature-strip, .deco-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--deco-shadow-alpha) + .03));
  }

  .deco-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--deco-shadow-alpha) + .05));
  }

  :root {
    --deco-font-display: Copperplate, "Copperplate Gothic Light", "Bodoni MT", Georgia, serif;
    --deco-font-body: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif;
    --deco-font-heading: var(--deco-font-display);
    --deco-font-control: var(--deco-font-body);
    --deco-radius-xs: 0;
    --deco-radius-sm: .08rem;
    --deco-radius-md: .12rem;
    --deco-radius-lg: .16rem;
    --deco-radius-xl: .2rem;
  }

  [data-ui="art-deco"][data-mode] {
    --deco-theme-bg: radial-gradient(circle at 50% -8%, rgb(var(--deco-primary-rgb) / .16), transparent 28rem), linear-gradient(90deg, transparent 49.8%, rgb(var(--deco-border-rgb) / .14) 50%, transparent 50.2%), var(--deco-bg);
    --deco-card-bg: linear-gradient(135deg, rgb(var(--deco-primary-rgb) / .06), rgb(var(--deco-surface-rgb) / var(--deco-panel-alpha)) 35%, rgb(var(--deco-secondary-rgb) / .05));
  }

  .deco-title, .deco-heading {
    font-family: var(--deco-font-display);
    text-transform: uppercase;
    letter-spacing: .055em;
    font-weight: 500;
  }

  .deco-title {
    font-size: clamp(2.4rem, 6vw, 5rem);
    line-height: .96;
  }

  .deco-kicker, .deco-eyebrow {
    letter-spacing: .2em;
  }

  .deco-surface, .deco-card, .deco-panel, .deco-toolbar, .deco-table-wrap, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-card, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap {
    box-shadow: inset 0 0 0 .3rem rgb(var(--deco-bg-rgb)/.45),0 1rem 2rem rgb(0 0 0 / calc(var(--deco-shadow-alpha)*.65));
    border-style: double;
    border-width: 3px;
    border-radius: 0;
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    clip-path: polygon(.45rem 0, calc(100% - .45rem) 0, 100% 50%, calc(100% - .45rem) 100%, .45rem 100%, 0 50%);
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0;
  }

  .deco-nav, :where([data-ui="art-deco"]) .usk-nav, :where([data-ui="art-deco"]) .ui-nav {
    border-style: double;
    border-width: 3px;
    border-radius: 0;
    justify-content: center;
  }

  .deco-nav-link, :where([data-ui="art-deco"]) .usk-nav-link, :where([data-ui="art-deco"]) .ui-nav-link {
    text-transform: uppercase;
    letter-spacing: .08em;
    border-radius: 0;
  }

  .deco-input, .deco-textarea, .deco-select, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-textarea, :where([data-ui="art-deco"]) .ui-select {
    border-radius: 0;
  }

  .deco-card-media, .deco-media-scrim, .deco-feature-strip, .deco-callout-bar {
    border-style: double;
    border-width: 3px;
    border-radius: 0;
  }

  .deco-icon-medallion, .deco-badge-seal {
    color: var(--usk-primary-ink, var(--deco-primary));
    box-shadow: 0 0 0 .25rem rgb(var(--deco-primary-rgb)/.07);
    background: none;
    border-style: double;
    border-width: 4px;
  }

  .deco-feature-item {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .deco-card-accent-edge {
    border-inline-start-width: 3px;
  }

  .deco-button.deco-button-cut, .deco-button-cut, :where([data-ui="art-deco"]) .usk-button.deco-button-cut, :where([data-ui="art-deco"]) .ui-button.deco-button-cut {
    clip-path: polygon(.72rem 0, calc(100% - .72rem) 0, 100% 50%, calc(100% - .72rem) 100%, .72rem 100%, 0 50%);
    justify-content: center;
    justify-self: center;
    min-block-size: 2.75rem;
    inline-size: min(100%, 15rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .deco-button.deco-button-outline-heavy, .deco-button-outline-heavy, :where([data-ui="art-deco"]) .usk-button.deco-button-outline-heavy, :where([data-ui="art-deco"]) .ui-button.deco-button-outline-heavy {
    border: 3px double var(--deco-primary);
    clip-path: polygon(.9rem 0, calc(100% - .9rem) 0, 100% 50%, calc(100% - .9rem) 100%, .9rem 100%, 0 50%);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb)/.74);
    border-radius: 0;
  }

  .deco-card-service, .deco-media-scrim, .deco-feature-strip, .deco-callout-bar, .deco-metric, :where([data-ui="art-deco"]) .usk-metric, :where([data-ui="art-deco"]) .ui-metric {
    border: 3px double var(--deco-border);
    border-radius: var(--deco-radius-sm);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb)/.72);
  }

  [data-ui="art-deco"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 3px double var(--deco-primary);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb)/.74);
    border-radius: 0;
  }

  [data-ui="art-deco"][data-mode] :where(dialog) {
    border: 3px double var(--deco-border);
    border-radius: var(--deco-radius-sm);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb)/.74),0 1rem 2rem rgb(var(--deco-text-rgb)/.18);
  }

  .deco-spinner, .deco-loading-spinner, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="art-deco"]) .usk-spinner, :where([data-ui="art-deco"]) .ui-spinner {
    background: conic-gradient(from 45deg,var(--deco-spinner-stroke)0 25%,transparent 0 50%,var(--deco-spinner-accent)0 75%,transparent 0);
    box-shadow: 0 0 0 .12rem rgb(var(--deco-primary-rgb)/.16);
    clip-path: polygon(50% 0, 90% 20%, 100% 50%, 90% 80%, 50% 100%, 10% 80%, 0 50%, 10% 20%);
    border-style: double;
    border-radius: 0;
    animation: .92s cubic-bezier(.4, 0, .2, 1) infinite deco-spin;
  }

  .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(from 45deg,currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);
    clip-path: polygon(50% 0, 90% 20%, 100% 50%, 90% 80%, 50% 100%, 10% 80%, 0 50%, 10% 20%);
    border: .08em double;
    border-radius: 0;
    animation: .92s cubic-bezier(.4, 0, .2, 1) infinite deco-spin;
    box-shadow: 0 0 0 .06em;
  }

  [data-ui="art-deco"][data-mode] {
    --usk-native-font-control: var(--deco-font-control);
    --usk-native-control-min-block-size: 2.125rem;
    --usk-native-control-padding-block: .35rem;
    --usk-native-control-padding-inline: .7rem;
    --usk-native-border-width: 3px;
    --usk-native-radius-sm: .08rem;
    --usk-native-radius: .14rem;
    --usk-native-radius-lg: .2rem;
    --usk-native-shadow: inset 0 0 0 1px var(--deco-surface-strong), inset 0 0 0 3px var(--deco-border);
    --usk-native-shadow-md: inset 0 0 0 1px var(--deco-surface-strong), inset 0 0 0 4px var(--deco-border), 0 .72rem 1.4rem rgb(var(--deco-text-rgb) / .14);
    --usk-native-focus-ring: 0 0 0 1px var(--deco-surface-strong), 0 0 0 3px var(--deco-warning), 0 0 0 5px var(--deco-primary);
    --usk-native-subcontrol-padding-block: .3rem;
    --usk-native-subcontrol-padding-inline: .6rem;
    --usk-native-choice-size: 1rem;
    --usk-native-choice-background: linear-gradient(145deg, var(--deco-surface-strong), var(--deco-control-bg));
    --usk-native-choice-border: 3px double var(--deco-border);
    --usk-native-checkbox-radius: .06rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 0 0 1px rgb(var(--deco-warning-rgb) / .46);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--deco-primary), var(--deco-success));
    --usk-native-choice-mark-color: var(--deco-on-primary);
    --usk-native-select-indicator-image: linear-gradient(60deg, transparent 46%, var(--deco-warning) 47% 53%, transparent 54%), linear-gradient(120deg, transparent 46%, var(--deco-warning) 47% 53%, transparent 54%);
    --usk-native-select-indicator-size: .48rem .64rem, .48rem .64rem;
    --usk-native-select-indicator-position: calc(100% - 1.34rem) 50%, calc(100% - .98rem) 50%;
    --usk-native-select-padding-inline-end: 3rem;
    --usk-native-range-track-size: .36rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--deco-success), var(--deco-warning), var(--deco-danger));
    --usk-native-range-track-border: 3px double var(--deco-border);
    --usk-native-range-track-radius: .08rem;
    --usk-native-range-track-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb) / .72);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--deco-primary), var(--deco-warning));
    --usk-native-range-thumb-size: 1.18rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 3px double var(--deco-border);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 0 0 0 2px rgb(var(--deco-surface-strong-rgb) / .72);
    --usk-native-progress-size: .52rem;
    --usk-native-progress-track-background: linear-gradient(90deg, rgb(var(--deco-border-rgb) / .16), rgb(var(--deco-border-rgb) / .36), rgb(var(--deco-border-rgb) / .16));
    --usk-native-progress-track-border: 3px double var(--deco-border);
    --usk-native-progress-track-radius: .08rem;
    --usk-native-progress-track-shadow: inset 0 0 0 1px var(--deco-surface-strong);
    --usk-native-progress-value-background: linear-gradient(90deg, var(--deco-success), var(--deco-primary), var(--deco-warning));
    --usk-native-progress-value-radius: .04rem;
    --usk-native-progress-value-shadow: inset -1px 0 0 var(--deco-surface-strong);
    --usk-native-scrollbar-size: .72rem;
    --usk-native-scrollbar-track: linear-gradient(90deg, var(--deco-surface-soft), var(--deco-surface-strong), var(--deco-surface-soft));
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--deco-warning), var(--deco-primary));
    --usk-native-scrollbar-radius: .06rem;
  }

  .deco-title {
    letter-spacing: max(.08em, .5px);
    margin-block: .75rem;
    font-weight: 500;
  }

  .deco-label, :where([data-ui="art-deco"]) .usk-label, :where([data-ui="art-deco"]) .ui-label {
    font-size: .67rem;
    font-weight: 700;
  }

  .deco-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .ui-button {
    background: linear-gradient(135deg,var(--deco-primary),var(--deco-success));
    min-height: 2.85rem;
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong),inset 0 0 0 3px var(--deco-border);
    border-radius: .08rem;
    padding: .68rem 1.3rem;
    font-weight: 700;
  }

  .deco-input, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .ui-input {
    border-radius: 0;
    min-height: 2.75rem;
    padding: .62rem 1.05rem;
  }

  .deco-card, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .ui-card {
    background: linear-gradient(145deg,rgb(var(--deco-warning-rgb)/.1),transparent 42%),var(--deco-card-bg);
    border: 3px double var(--deco-border);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong),0 .72rem 1.4rem rgb(var(--deco-text-rgb)/.14);
    border-radius: .16rem;
    padding: 1.6rem;
  }

  .deco-well {
    background: linear-gradient(135deg,transparent 0 42%,rgb(var(--deco-warning-rgb)/.12) 42% 58%,transparent 58%),var(--deco-surface-soft);
    border: 3px double var(--deco-border);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong);
  }

  .deco-badge, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .ui-badge {
    border-radius: .08rem;
    min-height: 1.6rem;
    padding: .2rem .6rem;
  }

  .deco-alert, :where([data-ui="art-deco"]) .usk-alert, :where([data-ui="art-deco"]) .ui-alert {
    background: linear-gradient(90deg,rgb(var(--deco-warning-rgb)/.12),transparent 28%),var(--deco-card-bg);
    border: 3px double var(--deco-border);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong);
    border-radius: .1rem;
  }

  .deco-progress, :where([data-ui="art-deco"]) .usk-progress, :where([data-ui="art-deco"]) .ui-progress {
    background: linear-gradient(90deg,rgb(var(--deco-border-rgb)/.16),rgb(var(--deco-border-rgb)/.36),rgb(var(--deco-border-rgb)/.16));
    height: .52rem;
  }

  .deco-table-wrap, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-table-wrap {
    background: linear-gradient(135deg,rgb(var(--deco-warning-rgb)/.08),transparent),var(--deco-card-bg);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong),inset 0 0 0 4px var(--deco-border);
    border-radius: .12rem;
  }

  .deco-table th, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-table th {
    background: linear-gradient(180deg,var(--deco-primary),var(--deco-surface-strong));
    padding: .68rem .9rem;
    font-weight: 700;
  }

  .deco-table td, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table td {
    padding: .64rem .88rem;
  }

  .deco-nav, .deco-panel, .deco-toolbar, .deco-tooltip, [data-ui="art-deco"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .deco-card-service, .deco-feature-strip, .deco-callout-bar, :where([data-ui="art-deco"]) .usk-nav, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-tooltip, :where([data-ui="art-deco"]) .ui-nav, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-tooltip {
    border: 3px double var(--deco-border);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong);
    border-radius: .12rem;
  }

  .deco-feature-item {
    border-inline-end: 3px double var(--deco-border);
    background: linear-gradient(135deg,transparent 0 46%,rgb(var(--deco-warning-rgb)/.08) 46% 54%,transparent 54%);
  }

  .deco-feature-item:last-child {
    border-inline-end: 0;
  }

  .deco-icon-medallion, .deco-badge-seal {
    background: conic-gradient(from 22.5deg,var(--deco-primary),var(--deco-warning),var(--deco-success),var(--deco-primary));
  }

  .deco-progress-bar, :where([data-ui="art-deco"]) .usk-progress-bar, :where([data-ui="art-deco"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--deco-success),var(--deco-primary),var(--deco-warning));
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .deco-panel, .deco-card-service, .deco-feature-strip, .deco-callout-bar {
      background: linear-gradient(90deg,color-mix(in srgb,var(--deco-surface) 72%,var(--deco-primary))0 18%,transparent 36% 64%,color-mix(in srgb,var(--deco-surface) 72%,var(--deco-warning)) 82% 100%),var(--deco-card-bg);
    }

    [data-ui="art-deco"][data-mode] :where(fieldset, article, aside) {
      background: linear-gradient(90deg,color-mix(in srgb,var(--deco-surface) 72%,var(--deco-primary))0 18%,transparent 36% 64%,color-mix(in srgb,var(--deco-surface) 72%,var(--deco-warning)) 82%),var(--deco-surface);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="art-deco"] *, [data-ui="art-deco"] :before, [data-ui="art-deco"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="art-deco"] {
      --deco-border-alpha: 1;
      --deco-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="art-deco"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="art-deco"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="art-deco"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="art-deco"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="art-deco"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .deco-input[aria-invalid="true"], .deco-textarea[aria-invalid="true"], .deco-select[aria-invalid="true"], :where([data-ui="art-deco"]) .usk-input[aria-invalid="true"], :where([data-ui="art-deco"]) .usk-textarea[aria-invalid="true"], :where([data-ui="art-deco"]) .usk-select[aria-invalid="true"], :where([data-ui="art-deco"]) .ui-input[aria-invalid="true"], :where([data-ui="art-deco"]) .ui-textarea[aria-invalid="true"], :where([data-ui="art-deco"]) .ui-select[aria-invalid="true"] {
    border-color: var(--deco-danger);
    box-shadow: 0 0 0 2px rgb(var(--deco-danger-rgb)/.18);
  }

  .deco-input[readonly], .deco-textarea[readonly], :where([data-ui="art-deco"]) .usk-input[readonly], :where([data-ui="art-deco"]) .usk-textarea[readonly], :where([data-ui="art-deco"]) .ui-input[readonly], :where([data-ui="art-deco"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .deco-button-primary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(135deg,var(--deco-primary),var(--deco-success));
    color: var(--deco-on-primary);
    border-color: var(--deco-border);
  }

  .deco-button-secondary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(135deg,var(--deco-secondary),var(--deco-warning));
    color: var(--deco-on-secondary);
    border-color: var(--deco-border);
  }

  .deco-button-danger, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(135deg,var(--deco-danger),rgb(var(--deco-danger-rgb)/.72));
    color: var(--deco-on-danger);
    border-color: var(--deco-border);
  }

  .deco-button-ghost, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--deco-primary));
    background: none;
    border-color: #0000;
  }

  .deco-feature-item > .deco-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .deco-callout-bar > .deco-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  :root {
    --deco-font-display: "Bodoni MT", Didot, "Times New Roman", serif;
    --deco-font-body: "Arial Narrow", "Bahnschrift Condensed", "Aptos Narrow", sans-serif;
    --deco-font-control: "Arial Narrow", "Bahnschrift Condensed", "Aptos Narrow", sans-serif;
    --deco-font-heading: var(--deco-font-control);
  }

  [data-ui="art-deco"][data-mode="light"] {
    --deco-enamel-rgb: 246 242 231;
    --deco-enamel-strong-rgb: 255 252 244;
    --deco-enamel-soft-rgb: 232 224 201;
    --deco-metal-rgb: 140 111 62;
    --deco-metal-bright-rgb: 174 132 49;
    --deco-label-accent: #705222;
    --deco-tooltip-bg-rgb: 10 26 31;
    --deco-tooltip-text-rgb: 255 247 220;
  }

  [data-ui="art-deco"][data-mode="dark"] {
    --deco-enamel-rgb: 10 26 31;
    --deco-enamel-strong-rgb: 13 30 32;
    --deco-enamel-soft-rgb: 19 37 38;
    --deco-metal-rgb: 140 111 62;
    --deco-metal-bright-rgb: 212 175 55;
    --deco-label-accent: #d4af37;
    --deco-tooltip-bg-rgb: 10 26 31;
    --deco-tooltip-text-rgb: 255 247 220;
  }

  [data-ui="art-deco"][data-mode="contrast"] {
    --deco-enamel-rgb: 0 0 0;
    --deco-enamel-strong-rgb: 10 10 10;
    --deco-enamel-soft-rgb: 22 22 22;
    --deco-metal-rgb: 255 255 255;
    --deco-metal-bright-rgb: 255 224 95;
    --deco-label-accent: #fff;
    --deco-tooltip-bg-rgb: 0 0 0;
    --deco-tooltip-text-rgb: 255 255 255;
  }

  [data-ui="art-deco"][data-mode] {
    --deco-metal: rgb(var(--deco-metal-rgb));
    --deco-metal-bright: rgb(var(--deco-metal-bright-rgb));
    --deco-bg: rgb(var(--deco-enamel-rgb));
    --deco-surface: rgb(var(--deco-enamel-rgb) / var(--deco-panel-alpha));
    --deco-surface-strong: rgb(var(--deco-enamel-strong-rgb) / var(--deco-panel-alpha));
    --deco-surface-soft: rgb(var(--deco-enamel-soft-rgb) / var(--deco-panel-soft-alpha));
    --deco-border: var(--deco-metal);
    --deco-theme-bg: linear-gradient(90deg, transparent 49.92%, rgb(var(--deco-metal-rgb) / .12) 50%, transparent 50.08%),
    linear-gradient(180deg, rgb(var(--deco-enamel-strong-rgb) / .28), transparent 11rem),
    var(--deco-bg);
    --deco-card-bg: linear-gradient(135deg, rgb(var(--deco-metal-bright-rgb) / .055), transparent 34%),
    var(--deco-surface);
    --deco-control-bg: linear-gradient(180deg, rgb(var(--deco-enamel-strong-rgb) / .98), rgb(var(--deco-enamel-rgb) / .98));
    --deco-jewel-on: #f6f2e7;
    --deco-jewel-primary: rgb(var(--deco-primary-rgb));
    --deco-jewel-secondary: rgb(var(--deco-secondary-rgb));
    --deco-jewel-success: rgb(var(--deco-success-rgb));
    --deco-jewel-warning: rgb(var(--deco-warning-rgb));
    --deco-jewel-danger: rgb(var(--deco-danger-rgb));
    --deco-spinner-segmented-background: repeating-conic-gradient(from 0deg, var(--deco-metal-bright) 0 8deg, var(--deco-primary) 8deg 16deg, transparent 16deg 30deg);
    --usk-native-choice-checked-background: var(--deco-jewel-primary);
    --usk-native-choice-mark-color: var(--deco-jewel-on);
    --usk-native-range-track-background: linear-gradient(90deg, var(--deco-surface-soft), rgb(var(--deco-metal-rgb) / .52), var(--deco-surface-soft));
    --usk-native-range-progress-background: var(--deco-jewel-primary);
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-progress-size: .625rem;
    --usk-native-progress-value-background: var(--deco-jewel-primary);
    --usk-native-meter-optimum-background: var(--deco-jewel-success);
    --usk-native-meter-suboptimum-background: var(--deco-jewel-warning);
    --usk-native-meter-critical-background: var(--deco-jewel-danger);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="art-deco"][data-mode] {
      --deco-jewel-primary: color-mix(in srgb, rgb(var(--deco-primary-rgb)) 34%, #0f4642);
      --deco-jewel-secondary: color-mix(in srgb, rgb(var(--deco-secondary-rgb)) 30%, #15414b);
      --deco-jewel-success: color-mix(in srgb, rgb(var(--deco-success-rgb)) 30%, #164339);
      --deco-jewel-warning: color-mix(in srgb, rgb(var(--deco-warning-rgb)) 20%, #5e3b0e);
      --deco-jewel-danger: color-mix(in srgb, rgb(var(--deco-danger-rgb)) 35%, #5a1717);
    }
  }

  [data-ui="art-deco"][data-theme][data-mode] :is(.deco-button-primary,.deco-nav-link[aria-current="page"],.deco-nav-link.is-active), :where([data-ui="art-deco"])[data-theme][data-mode] :is(.usk-button:where([data-ui-variant="primary"]),.usk-nav-link[aria-current="page"],.usk-nav-link.is-active), :where([data-ui="art-deco"])[data-theme][data-mode] :is(.ui-button:where([data-ui-variant="primary"]),.ui-nav-link[aria-current="page"],.ui-nav-link.is-active) {
    background-color: var(--deco-primary);
    color: var(--deco-on-primary);
  }

  [data-ui="art-deco"][data-mode][style*="--usk-primary-rgb"] {
    --deco-jewel-primary: rgb(var(--deco-primary-rgb));
    --deco-jewel-on: var(--deco-on-primary);
  }

  .deco-title, .deco-heading, .deco-kicker, .deco-eyebrow, .deco-label, .deco-button, .deco-badge, .deco-tooltip, .deco-table th, :where([data-ui="art-deco"]) .usk-label, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .usk-tooltip, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-label, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-badge, :where([data-ui="art-deco"]) .ui-tooltip, :where([data-ui="art-deco"]) .ui-table th {
    text-transform: uppercase;
    font-stretch: condensed;
  }

  .deco-kicker, .deco-eyebrow {
    color: var(--deco-label-accent);
    font-weight: 600;
  }

  [data-ui="art-deco"][data-mode] .deco-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  [data-ui="art-deco"][data-mode] :where(h2, h3, h4, h5, h6) {
    font-family: var(--deco-font-control);
    font-weight: 600;
  }

  .deco-label, :where([data-ui="art-deco"]) .usk-label, :where([data-ui="art-deco"]) .ui-label {
    font-size: .72rem;
  }

  .deco-title {
    font-family: var(--deco-font-display);
  }

  .deco-heading {
    --demo-component-heading-size: .875rem;
    font-family: var(--deco-font-control);
    letter-spacing: .08em;
    font-size: .875rem;
    font-weight: 500;
  }

  .deco-nav, :where([data-ui="art-deco"]) .usk-nav, :where([data-ui="art-deco"]) .ui-nav {
    gap: 0;
    padding: .2rem;
  }

  .deco-nav-link, :where([data-ui="art-deco"]) .usk-nav-link, :where([data-ui="art-deco"]) .ui-nav-link {
    border-inline-start: 1px solid rgb(var(--deco-metal-rgb)/.56);
    letter-spacing: .08em;
    min-height: 1.875rem;
    padding: .35rem .7rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
  }

  .deco-nav-link:first-child, :where([data-ui="art-deco"]) .usk-nav-link:first-child, :where([data-ui="art-deco"]) .ui-nav-link:first-child {
    border-inline-start: 0;
  }

  .deco-surface, .deco-card, .deco-panel, .deco-toolbar, .deco-table-wrap, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-card, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap {
    background: var(--deco-card-bg);
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-strong-rgb)/.94),inset 0 0 0 4px rgb(var(--deco-metal-rgb)/.2),0 .65rem 1.35rem rgb(0 0 0 / calc(var(--deco-shadow-alpha)*.72));
    border-radius: .125rem;
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    border: 3px double var(--deco-metal);
    clip-path: polygon(0 .65rem, .28rem .65rem, .28rem .3rem, .62rem .3rem, .62rem 0, calc(100% - .62rem) 0, calc(100% - .62rem) .3rem, calc(100% - .28rem) .3rem, calc(100% - .28rem) .65rem, 100% .65rem, 100% calc(100% - .65rem), calc(100% - .28rem) calc(100% - .65rem), calc(100% - .28rem) calc(100% - .3rem), calc(100% - .62rem) calc(100% - .3rem), calc(100% - .62rem) 100%, .62rem 100%, .62rem calc(100% - .3rem), .28rem calc(100% - .3rem), .28rem calc(100% - .65rem), 0 calc(100% - .65rem));
    letter-spacing: .115em;
    border-radius: 0;
  }

  .deco-badge, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .ui-badge {
    border: 3px double var(--deco-metal);
    clip-path: polygon(0 .34rem, .34rem .34rem, .34rem 0, calc(100% - .34rem) 0, calc(100% - .34rem) .34rem, 100% .34rem, 100% calc(100% - .34rem), calc(100% - .34rem) calc(100% - .34rem), calc(100% - .34rem) 100%, .34rem 100%, .34rem calc(100% - .34rem), 0 calc(100% - .34rem));
    letter-spacing: .07em;
    font-weight: 700;
  }

  .deco-tooltip, [data-ui="art-deco"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="art-deco"]) .usk-tooltip, :where([data-ui="art-deco"]) .ui-tooltip {
    background: rgb(var(--deco-tooltip-bg-rgb));
    min-inline-size: 8rem;
    color: rgb(var(--deco-tooltip-text-rgb));
    border: 3px double var(--deco-metal);
    clip-path: polygon(.35rem 0, calc(100% - .35rem) 0, 100% .35rem, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, .35rem 100%, 0 calc(100% - .35rem), 0 .35rem);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-metal-rgb)/.34),0 .65rem 1.25rem #00000057;
    letter-spacing: .055em;
    border-radius: 0;
    justify-content: center;
    font-size: .75rem;
    font-weight: 500;
  }

  .deco-tooltip-arrow {
    background: var(--deco-metal-bright);
  }

  .deco-spinner, .deco-loading-spinner, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="art-deco"]) .usk-spinner, :where([data-ui="art-deco"]) .ui-spinner {
    background: var(--deco-spinner-segmented-background);
    border: .18rem double var(--deco-metal);
    clip-path: none;
    box-shadow: inset 0 0 0 .28rem var(--deco-surface-strong),0 0 0 .1rem rgb(var(--deco-metal-rgb)/.34);
    border-radius: 50%;
  }

  .deco-table th, .deco-table td, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table th, :where([data-ui="art-deco"]) .ui-table td {
    border-block-end: 1px solid rgb(var(--deco-metal-rgb)/.72);
    border-inline-start: 1px solid rgb(var(--deco-metal-rgb)/.72);
  }

  .deco-table tr>:first-child, :where([data-ui="art-deco"]) .usk-table tr>:first-child, :where([data-ui="art-deco"]) .ui-table tr>:first-child {
    border-inline-start: 0;
  }

  [data-ui="art-deco"][data-mode] {
    --usk-native-choice-mark-color: rgb(var(--deco-enamel-strong-rgb));
  }

  [data-ui="art-deco"][data-mode] :where(input[type="checkbox"]:checked) {
    background-color: var(--deco-jewel-primary);
    background-image: linear-gradient(45deg,transparent 42%,var(--usk-native-choice-mark-color) 43% 58%,transparent 59%),linear-gradient(-45deg,transparent 42%,var(--usk-native-choice-mark-color) 43% 58%,transparent 59%);
    background-position: 24% 62%, 67% 42%;
    background-repeat: no-repeat;
    background-size: 42% 58%, 64% 58%;
  }

  [data-ui="art-deco"][data-mode] :where(input[type="range"]) {
    vertical-align: middle;
    block-size: 2rem;
    display: block;
  }

  [data-ui="art-deco"][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
    box-sizing: border-box;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  }

  [data-ui="art-deco"][data-mode] :where(input[type="range"])::-moz-range-thumb {
    box-sizing: border-box;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  }

  [data-ui="art-deco"][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
    margin-block-start: calc((var(--usk-native-range-track-size) - var(--usk-native-range-thumb-size))/2 - .1875rem);
  }

  .deco-card-service > .deco-icon-medallion {
    background: var(--deco-jewel-primary);
    color: var(--deco-jewel-on);
  }

  .deco-feature-item:first-child > .deco-icon-medallion {
    background: var(--deco-jewel-success);
    color: var(--deco-jewel-on);
  }

  .deco-feature-item:nth-child(2) > .deco-icon-medallion {
    background: var(--deco-jewel-secondary);
    color: var(--deco-jewel-on);
  }

  .deco-badge-seal {
    background: var(--deco-jewel-warning);
    color: var(--deco-jewel-on);
  }

  .deco-badge-seal > :where(strong, small) {
    color: inherit;
  }

  .deco-rounded {
    border-radius: .625rem;
  }

  .deco-icon-medallion, .deco-badge-seal {
    border-color: var(--deco-metal-bright);
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong),0 0 0 .2rem rgb(var(--deco-metal-rgb)/.22);
  }

  .deco-input, .deco-textarea, .deco-select, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-textarea, :where([data-ui="art-deco"]) .ui-select {
    background-color: var(--deco-surface-strong);
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.88);
    font-family: var(--deco-font-control);
    letter-spacing: .035em;
    border-radius: .1rem;
  }

  .deco-input, .deco-select, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-select {
    min-height: 2.125rem;
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 500;
  }

  .deco-textarea, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .ui-textarea {
    min-height: 4.75rem;
    padding: .5rem .7rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.35;
  }

  .deco-check-control, .deco-radio-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .usk-radio-control, :where([data-ui="art-deco"]) .ui-check-control, :where([data-ui="art-deco"]) .ui-radio-control {
    box-sizing: border-box;
    block-size: 1rem;
    inline-size: 1rem;
  }

  [data-ui="art-deco"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea) {
    font-size: .8125rem;
    font-weight: 500;
  }

  .deco-select, [data-ui="art-deco"][data-mode] :where(select:not([multiple])), :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-select {
    appearance: none;
    background-image: var(--usk-native-select-indicator-image);
    background-position: var(--usk-native-select-indicator-position);
    background-size: var(--usk-native-select-indicator-size);
    background-repeat: no-repeat;
  }

  .deco-check-control, .deco-radio-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .usk-radio-control, :where([data-ui="art-deco"]) .ui-check-control, :where([data-ui="art-deco"]) .ui-radio-control {
    background: var(--deco-surface-strong);
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.86);
  }

  .deco-check-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .ui-check-control {
    border-radius: .05rem;
    position: relative;
  }

  .deco-switch-track, :where([data-ui="art-deco"]) .usk-switch-track, :where([data-ui="art-deco"]) .ui-switch-track {
    box-sizing: border-box;
    background: var(--deco-surface-soft);
    border: 3px double var(--deco-metal);
    clip-path: polygon(.45rem 0, calc(100% - .45rem) 0, 100% 50%, calc(100% - .45rem) 100%, .45rem 100%, 0 50%);
    block-size: 1.35rem;
    inline-size: 2.5rem;
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.8);
    border-radius: 0;
  }

  .deco-switch-thumb, :where([data-ui="art-deco"]) .usk-switch-thumb, :where([data-ui="art-deco"]) .ui-switch-thumb {
    box-sizing: border-box;
    background: var(--deco-text);
    border: 2px solid var(--deco-metal-bright);
    block-size: .85rem;
    inline-size: .85rem;
    box-shadow: 0 0 0 1px var(--deco-surface-strong);
    inset-block-start: .16rem;
    inset-inline-start: .24rem;
  }

  .deco-check input:checked+.deco-check-control, .deco-radio input:checked+.deco-radio-control, .deco-switch input:checked+.deco-switch-track, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="art-deco"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control, :where([data-ui="art-deco"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--deco-jewel-primary);
    border-color: var(--deco-metal);
  }

  .deco-check input:checked+.deco-check-control:after, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    block-size: .3rem;
    inline-size: .5rem;
    color: var(--deco-jewel-on);
    transform-origin: center;
    border-block-end: 2px solid;
    border-inline-start: 2px solid;
    display: block;
    position: absolute;
    inset-block-start: calc(50% - 1px);
    inset-inline-start: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .deco-progress, :where([data-ui="art-deco"]) .usk-progress, :where([data-ui="art-deco"]) .ui-progress {
    background: var(--deco-surface-soft);
    border: 3px double var(--deco-metal);
    block-size: .55rem;
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.9);
    border-radius: .1rem;
  }

  .deco-progress-bar, :where([data-ui="art-deco"]) .usk-progress-bar, :where([data-ui="art-deco"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--deco-jewel-success),var(--deco-secondary),var(--deco-jewel-primary));
    clip-path: polygon(0 0, calc(100% - .45rem) 0, 100% 50%, calc(100% - .45rem) 100%, 0 100%);
    border-radius: 0;
  }

  .deco-alert, :where([data-ui="art-deco"]) .usk-alert, :where([data-ui="art-deco"]) .ui-alert {
    background: var(--deco-surface-strong);
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.9);
    border-radius: .1rem;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    padding: .72rem .9rem;
    display: flex;
  }

  .deco-alert-success, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="success"]) {
    border-inline-start-color: var(--deco-success);
  }

  .deco-alert-warning, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-inline-start-color: var(--deco-warning);
  }

  .deco-alert-danger, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-inline-start-color: var(--deco-danger);
  }

  .deco-alert-title, :where([data-ui="art-deco"]) .usk-alert-title, :where([data-ui="art-deco"]) .ui-alert-title {
    letter-spacing: .045em;
    text-transform: uppercase;
  }

  [data-ui="art-deco"][data-mode] :where(fieldset) {
    background: var(--deco-surface);
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-strong-rgb)/.92);
    border-radius: .125rem;
  }

  [data-ui="art-deco"][data-mode] :where(dialog) {
    background: var(--deco-surface-strong);
    border-color: var(--deco-metal);
    clip-path: polygon(0 .7rem, .35rem .7rem, .35rem .35rem, .7rem .35rem, .7rem 0, calc(100% - .7rem) 0, calc(100% - .7rem) .35rem, calc(100% - .35rem) .35rem, calc(100% - .35rem) .7rem, 100% .7rem, 100% calc(100% - .7rem), calc(100% - .35rem) calc(100% - .7rem), calc(100% - .35rem) calc(100% - .35rem), calc(100% - .7rem) calc(100% - .35rem), calc(100% - .7rem) 100%, .7rem 100%, .7rem calc(100% - .35rem), .35rem calc(100% - .35rem), .35rem calc(100% - .7rem), 0 calc(100% - .7rem));
  }

  .deco-card, .deco-panel, .deco-card-service, .deco-feature-strip, .deco-callout-bar, .deco-table-wrap, .deco-metric, [data-ui="art-deco"][data-mode] :where(article,aside,fieldset), :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-metric, :where([data-ui="art-deco"]) .ui-card, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-metric {
    background-color: var(--deco-surface);
    background-image: none;
  }

  .deco-card, .deco-panel, :where([data-ui="art-deco"]) .usk-card, :where([data-ui="art-deco"]) .ui-card {
    padding: 1.2rem;
  }

  .deco-callout-bar > .deco-icon-medallion {
    background-color: var(--deco-jewel-primary);
    color: var(--deco-jewel-on);
    background-image: none;
  }

  .deco-table th, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-table th {
    background-color: var(--deco-surface-strong);
    color: var(--deco-text);
    background-image: none;
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    background-color: var(--deco-surface-strong);
    background-image: none;
  }

  .deco-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .ui-button {
    min-block-size: 2.125rem;
    min-inline-size: min(100%, 12rem);
    min-height: 2.125rem;
    padding: .38rem .9rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
  }

  .deco-icon-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-icon-button {
    min-block-size: 2.25rem;
    inline-size: 2.25rem;
    min-inline-size: 2.25rem;
    text-align: center;
    text-indent: 0;
    place-items: center;
    min-height: 2.25rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    display: inline-grid;
  }

  .deco-button:where(:not([data-ui-variant])):not(:is(.deco-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.deco-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.deco-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.deco-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.deco-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.deco-button-outline-heavy), .deco-icon-button, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.deco-button-outline-heavy), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.deco-button-outline-heavy), :where([data-ui="art-deco"]) .ui-icon-button {
    background-color: var(--deco-surface-strong);
    background-image: none;
  }

  .deco-button-primary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]) {
    background-color: var(--deco-jewel-primary);
    color: var(--deco-jewel-on);
    background-image: none;
  }

  .deco-button-secondary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]) {
    background-color: var(--deco-jewel-secondary);
    color: var(--deco-jewel-on);
    background-image: none;
  }

  .deco-button-danger, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="danger"]) {
    background-color: var(--deco-jewel-danger);
    color: var(--deco-jewel-on);
    background-image: none;
  }

  .deco-button-ghost, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--deco-text);
    border-color: var(--deco-metal);
    background-color: #0000;
    background-image: none;
  }

  .deco-button-primary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background-color: var(--deco-jewel-primary);
    filter: brightness(1.08);
  }

  .deco-button-secondary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background-color: var(--deco-jewel-secondary);
    filter: brightness(1.08);
  }

  .deco-button-danger:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="danger"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="danger"]):hover {
    filter: brightness(1.08);
  }

  .deco-button.deco-button-cut, .deco-button-cut, .deco-button.deco-button-outline-heavy, .deco-button-outline-heavy, :where([data-ui="art-deco"]) .usk-button.deco-button-cut, :where([data-ui="art-deco"]) .usk-button.deco-button-outline-heavy, :where([data-ui="art-deco"]) .ui-button.deco-button-cut, :where([data-ui="art-deco"]) .ui-button.deco-button-outline-heavy {
    clip-path: polygon(0 .65rem, .28rem .65rem, .28rem .3rem, .62rem .3rem, .62rem 0, calc(100% - .62rem) 0, calc(100% - .62rem) .3rem, calc(100% - .28rem) .3rem, calc(100% - .28rem) .65rem, 100% .65rem, 100% calc(100% - .65rem), calc(100% - .28rem) calc(100% - .65rem), calc(100% - .28rem) calc(100% - .3rem), calc(100% - .62rem) calc(100% - .3rem), calc(100% - .62rem) 100%, .62rem 100%, .62rem calc(100% - .3rem), .28rem calc(100% - .3rem), .28rem calc(100% - .65rem), 0 calc(100% - .65rem));
  }

  .deco-button.deco-button-outline-heavy, .deco-button-outline-heavy, :where([data-ui="art-deco"]) .usk-button.deco-button-outline-heavy, :where([data-ui="art-deco"]) .ui-button.deco-button-outline-heavy {
    color: var(--deco-text);
    border-color: var(--deco-metal);
    background-color: #0000;
    background-image: none;
    border-style: double;
  }

  .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
    background: var(--deco-spinner-segmented-background);
    border: .1em double var(--deco-metal-bright);
    box-shadow: inset 0 0 0 .18em var(--deco-surface-strong);
    clip-path: none;
    border-radius: 50%;
  }

  .deco-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .ui-button {
    border-radius: .08rem;
  }

  .deco-alert, :where([data-ui="art-deco"]) .usk-alert, :where([data-ui="art-deco"]) .ui-alert {
    gap: .4rem;
    padding: .3rem .65rem;
  }

  .deco-alert-title, .deco-alert-body, :where([data-ui="art-deco"]) .usk-alert-title, :where([data-ui="art-deco"]) .usk-alert-body, :where([data-ui="art-deco"]) .ui-alert-title, :where([data-ui="art-deco"]) .ui-alert-body {
    font-size: .76rem;
    line-height: 1.25;
  }

  .deco-badge, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .ui-badge {
    min-height: 1.35rem;
    padding: .1rem .5rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1;
  }

  .deco-badge-primary, .deco-nav-link[aria-current="page"], .deco-nav-link.is-active, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .usk-nav-link[aria-current="page"], :where([data-ui="art-deco"]) .usk-nav-link.is-active, :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-nav-link[aria-current="page"], :where([data-ui="art-deco"]) .ui-nav-link.is-active {
    background: var(--deco-jewel-primary);
    color: var(--deco-jewel-on);
    border-color: var(--deco-metal);
  }

  .deco-badge-secondary, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--deco-jewel-secondary);
    color: var(--deco-jewel-on);
    border-color: var(--deco-metal);
  }

  .deco-badge-success, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--deco-jewel-success);
    color: var(--deco-jewel-on);
    border-color: var(--deco-metal);
  }

  .deco-badge-warning, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--deco-jewel-warning);
    color: var(--deco-jewel-on);
    border-color: var(--deco-metal);
  }

  .deco-badge-danger, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--deco-jewel-danger);
    color: var(--deco-jewel-on);
    border-color: var(--deco-metal);
  }

  .deco-table th, .deco-table td, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table th, :where([data-ui="art-deco"]) .ui-table td {
    padding: .37rem .65rem;
    font-size: .75rem;
    line-height: 1.27;
  }

  .deco-table th, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-table th {
    font-weight: 600;
  }

  [data-ui="art-deco"][data-mode] .deco-table, :where([data-ui="art-deco"])[data-mode] .usk-table, :where([data-ui="art-deco"])[data-mode] .ui-table {
    margin: 0;
  }

  [data-ui="art-deco"][data-mode] .deco-table caption, :where([data-ui="art-deco"])[data-mode] .usk-table caption, :where([data-ui="art-deco"])[data-mode] .ui-table caption {
    padding: .45rem .65rem;
    font-size: .7rem;
    line-height: 1.2;
  }

  [data-ui="art-deco"][data-mode] :where(progress, meter) {
    block-size: var(--usk-native-progress-size);
    min-height: var(--usk-native-progress-size);
  }

  .deco-feature-item > .deco-icon-medallion {
    block-size: 2.5rem;
    inline-size: 2.5rem;
    padding: .35rem;
    font-size: .95rem;
  }

  .deco-card-service > .deco-icon-medallion {
    block-size: 3.25rem;
    inline-size: 3.25rem;
    padding: .45rem;
  }

  .deco-badge-seal {
    block-size: 3.5rem;
    inline-size: 3.5rem;
    min-inline-size: 3.5rem;
    padding: .35rem;
    font-size: .65rem;
  }

  .deco-callout-bar > .deco-icon-medallion {
    block-size: 2.75rem;
    min-block-size: 2.75rem;
    inline-size: 2.75rem;
    min-inline-size: 2.75rem;
    padding: .4rem;
    font-size: 1rem;
  }

  @media (pointer: coarse) {
    [data-ui="art-deco"][data-mode] {
      --usk-native-control-min-block-size: 2.75rem;
      --usk-native-choice-size: 1.5rem;
    }

    .deco-button, .deco-icon-button, .deco-input, .deco-select, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-select {
      min-block-size: 2.75rem;
    }

    .deco-check-control, .deco-radio-control, :where([data-ui="art-deco"]) .usk-check-control, :where([data-ui="art-deco"]) .usk-radio-control, :where([data-ui="art-deco"]) .ui-check-control, :where([data-ui="art-deco"]) .ui-radio-control {
      block-size: 1.5rem;
      inline-size: 1.5rem;
    }
  }

  [data-ui="art-deco"][data-mode="light"] {
    --deco-fallback-bg-rgb: 246 242 231;
    --deco-fallback-surface-rgb: 255 250 240;
    --deco-fallback-surface-strong-rgb: 255 250 240;
    --deco-fallback-surface-soft-rgb: 238 230 216;
    --deco-fallback-text-rgb: 10 26 31;
    --deco-fallback-text-muted-rgb: 92 92 86;
    --deco-fallback-primary-rgb: 13 35 61;
    --deco-fallback-primary-hover-rgb: 20 48 78;
    --deco-fallback-primary-text-rgb: 246 242 231;
    --deco-fallback-secondary-rgb: 15 101 88;
    --deco-fallback-secondary-hover-rgb: 12 77 71;
    --deco-fallback-secondary-text-rgb: 255 255 255;
    --deco-fallback-accent-rgb: 184 135 47;
    --deco-fallback-accent-text-rgb: 10 26 31;
    --deco-fallback-success-rgb: 15 101 88;
    --deco-fallback-success-text-rgb: 255 255 255;
    --deco-fallback-warning-rgb: 212 175 55;
    --deco-fallback-warning-text-rgb: 10 26 31;
    --deco-fallback-danger-rgb: 139 50 58;
    --deco-fallback-danger-text-rgb: 255 255 255;
    --deco-fallback-link-rgb: 15 101 88;
    --deco-fallback-focus-rgb: 15 101 88;
    --deco-reference-metal-rgb: 184 135 47;
    --deco-status-success: rgb(var(--usk-success-rgb, 15 101 88));
    --deco-status-warning: rgb(var(--usk-warning-strong-rgb, 133 79 14));
    --deco-status-danger: rgb(var(--usk-danger-rgb, 139 50 58));
    --deco-info-rgb: var(--usk-info-rgb, 36 89 120);
  }

  [data-ui="art-deco"][data-mode="dark"] {
    --deco-fallback-bg-rgb: 10 26 31;
    --deco-fallback-surface-rgb: 10 26 31;
    --deco-fallback-surface-strong-rgb: 13 32 38;
    --deco-fallback-surface-soft-rgb: 21 37 42;
    --deco-fallback-text-rgb: 246 242 231;
    --deco-fallback-text-muted-rgb: 169 163 151;
    --deco-fallback-primary-rgb: 8 26 47;
    --deco-fallback-primary-hover-rgb: 18 43 66;
    --deco-fallback-primary-text-rgb: 246 242 231;
    --deco-fallback-secondary-rgb: 20 118 107;
    --deco-fallback-secondary-hover-rgb: 15 79 75;
    --deco-fallback-secondary-text-rgb: 255 255 255;
    --deco-fallback-accent-rgb: 200 150 56;
    --deco-fallback-accent-text-rgb: 10 26 31;
    --deco-fallback-success-rgb: 20 118 107;
    --deco-fallback-success-text-rgb: 255 255 255;
    --deco-fallback-warning-rgb: 224 185 76;
    --deco-fallback-warning-text-rgb: 10 26 31;
    --deco-fallback-danger-rgb: 156 52 59;
    --deco-fallback-danger-text-rgb: 255 255 255;
    --deco-fallback-link-rgb: 110 210 188;
    --deco-fallback-focus-rgb: 224 185 76;
    --deco-reference-metal-rgb: 200 150 56;
    --deco-status-success: rgb(var(--usk-success-rgb, 110 210 188));
    --deco-status-warning: rgb(var(--usk-warning-rgb, 224 185 76));
    --deco-status-danger: rgb(var(--usk-danger-rgb, 255 145 154));
    --deco-info-rgb: var(--usk-info-rgb, 60 119 146);
  }

  [data-ui="art-deco"][data-mode="contrast"] {
    --deco-reference-metal-rgb: 255 255 255;
    --deco-status-success: var(--deco-text);
    --deco-status-warning: var(--deco-text);
    --deco-status-danger: var(--deco-text);
    --deco-info-rgb: var(--usk-primary-rgb, 0 80 150);
    --deco-link: var(--deco-text);
    --usk-native-link: var(--deco-text);
  }

  [data-ui="art-deco"][data-mode] {
    --deco-bg: rgb(var(--deco-bg-rgb));
    --deco-surface: rgb(var(--deco-surface-rgb));
    --deco-surface-strong: rgb(var(--deco-surface-strong-rgb));
    --deco-surface-soft: rgb(var(--deco-surface-soft-rgb));
    --deco-metal-rgb: var(--usk-accent-rgb, var(--deco-reference-metal-rgb));
    --deco-metal: rgb(var(--deco-metal-rgb));
    --deco-metal-bright: var(--deco-warning);
    --deco-border: var(--deco-metal);
    --deco-card-bg: var(--deco-surface);
    --deco-control-bg: var(--deco-surface);
    --deco-theme-bg: var(--deco-bg);
    --deco-font-display: "DejaVu Serif Condensed", "Bodoni MT", Didot, Georgia, serif;
    --deco-font-control: "Liberation Sans Narrow", "Arial Narrow", Arial, sans-serif;
    --deco-font-body: var(--deco-font-control);
    --deco-info: rgb(var(--deco-info-rgb));
    --deco-on-info: rgb(var(--usk-info-text-rgb, 255 255 255));
    --deco-step-sm: polygon(7px 0, calc(100% - 7px) 0, calc(100% - 7px) 3px, 100% 3px, 100% calc(100% - 3px), calc(100% - 7px) calc(100% - 3px), calc(100% - 7px) 100%, 7px 100%, 7px calc(100% - 3px), 0 calc(100% - 3px), 0 3px, 7px 3px);
    --deco-step-lg: polygon(13px 0, calc(100% - 13px) 0, calc(100% - 13px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 13px, 100% 13px, 100% calc(100% - 13px), calc(100% - 5px) calc(100% - 13px), calc(100% - 5px) calc(100% - 5px), calc(100% - 13px) calc(100% - 5px), calc(100% - 13px) 100%, 13px 100%, 13px calc(100% - 5px), 5px calc(100% - 5px), 5px calc(100% - 13px), 0 calc(100% - 13px), 0 13px, 5px 13px, 5px 5px, 13px 5px);
    --usk-native-choice-checked-background: var(--deco-secondary);
    --usk-native-choice-mark-color: var(--deco-on-secondary);
    --usk-native-range-progress-background: var(--deco-secondary);
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-progress-value-background: var(--deco-secondary);
  }

  .deco-sheet {
    isolation: isolate;
    color: var(--deco-text);
    background: var(--deco-bg);
    border: 4px double var(--deco-metal);
    box-shadow: inset 0 0 0 4px var(--deco-bg),inset 0 0 0 5px var(--deco-metal);
    padding: 28px 32px;
    position: relative;
  }

  .deco-sheet:before {
    content: "";
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(rgb(var(--deco-metal-rgb)/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--deco-metal-rgb)/.035) 1px,transparent 1px);
    background-size: 80px 80px;
    position: absolute;
    inset: 12px;
  }

  .deco-fan {
    background: repeating-conic-gradient(from 90deg at 0 0,var(--deco-metal) 0deg 1deg,transparent 1deg 10deg);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    width: 76px;
    height: 36px;
    display: block;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-masthead-title, .deco-dialog h3, .deco-dialog h4) {
    font-family: var(--deco-font-display);
    font-weight: 400;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-section-title,.deco-label,.deco-stat-label,.deco-meta), :where([data-ui="art-deco"])[data-mode] :is(.deco-section-title,.usk-label,.deco-stat-label,.deco-meta), :where([data-ui="art-deco"])[data-mode] :is(.deco-section-title,.ui-label,.deco-stat-label,.deco-meta) {
    font-family: Arial, sans-serif;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-option,.deco-tab,.deco-segment,.deco-chip button,.deco-alert-close,.deco-pagination button,.deco-stepper button), :where([data-ui="art-deco"])[data-mode] :is(.deco-option,.usk-tab,.usk-segment,.usk-chip button,.deco-alert-close,.usk-pagination button,.usk-stepper button), :where([data-ui="art-deco"])[data-mode] :is(.deco-option,.ui-tab,.ui-segment,.ui-chip button,.deco-alert-close,.ui-pagination button,.ui-stepper button) {
    min-inline-size: 0;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    line-height: 1.3;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-chip button,.deco-alert-close), :where([data-ui="art-deco"])[data-mode] :is(.usk-chip button,.deco-alert-close), :where([data-ui="art-deco"])[data-mode] :is(.ui-chip button,.deco-alert-close) {
    min-height: 28px;
    background: none;
    border: 0;
    min-block-size: 28px;
    padding: 0;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-tab,.deco-segment,.deco-option,.deco-pagination button,.deco-stepper button), :where([data-ui="art-deco"])[data-mode] :is(.usk-tab,.usk-segment,.deco-option,.usk-pagination button,.usk-stepper button), :where([data-ui="art-deco"])[data-mode] :is(.ui-tab,.ui-segment,.deco-option,.ui-pagination button,.ui-stepper button) {
    padding: 6px;
  }

  [data-ui="art-deco"][data-mode] :is(.deco-check,.deco-radio,.deco-switch), :where([data-ui="art-deco"])[data-mode] :is(.usk-check,.usk-radio,.usk-switch), :where([data-ui="art-deco"])[data-mode] :is(.ui-check,.ui-radio,.ui-switch) {
    font-weight: 400;
    display: flex;
  }

  .deco-progress-bar, :where([data-ui="art-deco"]) .usk-progress-bar, :where([data-ui="art-deco"]) .ui-progress-bar {
    background: linear-gradient(90deg,var(--deco-jewel-success),var(--deco-secondary),var(--deco-jewel-primary));
    clip-path: none;
    border-radius: 0;
    display: block;
  }

  .deco-progress, :where([data-ui="art-deco"]) .usk-progress, :where([data-ui="art-deco"]) .ui-progress {
    height: 10px;
    border: 3px double var(--deco-metal);
    block-size: 10px;
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.9);
    border-radius: .1rem;
    padding: 0;
  }

  [data-ui="art-deco"][data-mode] .deco-empty-state, :where([data-ui="art-deco"])[data-mode] .usk-empty-state, :where([data-ui="art-deco"])[data-mode] .ui-empty-state {
    min-height: 0;
    text-align: start;
    min-block-size: 0;
    display: block;
  }

  .deco-check input:checked+.deco-check-control, .deco-radio input:checked+.deco-radio-control, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control {
    box-shadow: none;
  }

  .deco-frame, .deco-dialog {
    background: var(--deco-surface);
    color: var(--deco-text);
    isolation: isolate;
    clip-path: var(--deco-step-lg);
    border: 0;
    padding: 16px 20px;
    position: relative;
  }

  .deco-frame:before, .deco-dialog:before {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: var(--deco-metal);
    clip-path: var(--deco-step-lg);
    position: absolute;
    inset: 0;
  }

  .deco-frame:after, .deco-dialog:after {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: var(--deco-surface);
    border: 1px solid var(--deco-metal);
    clip-path: var(--deco-step-lg);
    position: absolute;
    inset: 3px;
  }

  .deco-frame-navy, .deco-frame-navy:after {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
  }

  [data-ui="art-deco"][data-mode] .deco-frame-navy .deco-section-title {
    color: var(--deco-on-primary);
  }

  .deco-masthead {
    text-align: center;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
    padding: 0 24px 20px;
    display: grid;
  }

  .deco-masthead:before, .deco-masthead:after {
    content: "";
    background: var(--deco-metal);
    height: 1px;
  }

  .deco-masthead-title {
    color: var(--deco-text);
    font: 400 48px/1.05 var(--deco-font-display);
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 0;
    margin: 0;
  }

  .deco-monogram {
    border: 1px solid var(--deco-metal);
    width: 40px;
    height: 40px;
    margin: 16px;
    display: block;
    position: relative;
    transform: rotate(45deg);
  }

  .deco-monogram:before {
    content: "";
    border: 1px solid var(--deco-metal);
    position: absolute;
    inset: -8px 10px;
    transform: rotate(-45deg);
  }

  .deco-stat {
    text-align: center;
    border-inline-start: 1px solid var(--deco-metal);
    padding: 4px 12px;
  }

  .deco-stat-value {
    font: 28px/1.2 var(--deco-font-display);
    display: block;
  }

  .deco-stat-label {
    text-transform: uppercase;
    margin-top: 8px;
    font-size: 11px;
    display: block;
  }

  .deco-health {
    width: 150px;
    height: 82px;
    font: 26px var(--deco-font-display);
    align-content: end;
    justify-items: center;
    display: grid;
    position: relative;
  }

  .deco-health:before {
    content: "";
    border: 1px solid var(--deco-metal);
    background: conic-gradient(from 270deg at 50% 100%,var(--deco-secondary) 0deg calc(var(--deco-value, 72)*1.8deg),var(--deco-metal) 0deg 180deg,transparent 0);
    border-radius: 100px 100px 0 0;
    position: absolute;
    inset: 0;
    mask: radial-gradient(at bottom, #0000 60%, #000 62%);
  }

  .deco-health small {
    font: 10px var(--deco-font-control);
    text-transform: uppercase;
  }

  .deco-meta-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 4px;
    display: grid;
  }

  .deco-meta {
    text-align: center;
    border-inline-end: 1px solid var(--deco-metal);
    align-content: center;
    justify-items: center;
    gap: 12px;
    padding: 12px;
    font-size: 12px;
    display: grid;
  }

  .deco-meta:last-child {
    border: 0;
  }

  .deco-status-dot {
    background: var(--deco-secondary);
    border: 1px solid var(--deco-metal);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-inline-end: 6px;
    display: inline-block;
  }

  .deco-performance {
    align-items: end;
    gap: 4px;
    height: 32px;
    display: flex;
  }

  .deco-performance i {
    width: 10px;
    height: var(--deco-bar, 10px);
    background: var(--deco-secondary);
    border: 1px solid var(--deco-metal);
    display: block;
  }

  .deco-performance i:nth-last-child(-n+2) {
    background: var(--deco-warning);
  }

  .deco-section-title {
    font: 700 13px/1.3 var(--deco-font-control);
    text-transform: uppercase;
    letter-spacing: 0;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    display: flex;
  }

  .deco-section-title:after {
    content: "";
    background: var(--deco-metal);
    flex: 1;
    min-width: 12px;
    height: 1px;
  }

  .deco-number {
    font: 11px var(--deco-font-mono);
    color: var(--deco-text-muted);
  }

  .deco-label, .deco-kicker, :where([data-ui="art-deco"]) .usk-label, :where([data-ui="art-deco"]) .ui-label {
    font-family: var(--deco-font-control);
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    isolation: isolate;
    min-height: 36px;
    clip-path: none;
    background: var(--deco-surface);
    min-block-size: 36px;
    min-inline-size: 0;
    color: var(--deco-text);
    box-shadow: none;
    font: 500 12px/1.2 var(--deco-font-control);
    letter-spacing: 0;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    gap: 8px;
    padding: 8px 14px;
    position: relative;
  }

  .deco-button:before, .deco-icon-button:before, :where([data-ui="art-deco"]) .usk-button:before, :where([data-ui="art-deco"]) .usk-icon-button:before, :where([data-ui="art-deco"]) .ui-button:before, :where([data-ui="art-deco"]) .ui-icon-button:before {
    content: "";
    z-index: 0;
    background: var(--deco-metal);
    pointer-events: none;
    clip-path: polygon(evenodd, 7px 0, calc(100% - 7px) 0, calc(100% - 7px) 3px, 100% 3px, 100% calc(100% - 3px), calc(100% - 7px) calc(100% - 3px), calc(100% - 7px) 100%, 7px 100%, 7px calc(100% - 3px), 0 calc(100% - 3px), 0 3px, 7px 3px, 7px 0, 8px 1px, 8px 4px, 1px 4px, 1px calc(100% - 4px), 8px calc(100% - 4px), 8px calc(100% - 1px), calc(100% - 8px) calc(100% - 1px), calc(100% - 8px) calc(100% - 4px), calc(100% - 1px) calc(100% - 4px), calc(100% - 1px) 4px, calc(100% - 8px) 4px, calc(100% - 8px) 1px, 8px 1px, 7px 0);
    border: 0;
    position: absolute;
    inset: 0;
  }

  .deco-button, .deco-icon-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button {
    clip-path: var(--deco-step-sm);
    background-color: #0000;
  }

  .deco-button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .ui-button {
    min-inline-size: min(100%, 12rem);
    max-inline-size: 100%;
  }

  .deco-button:focus-visible, .deco-icon-button:focus-visible, :where([data-ui="art-deco"]) .usk-button:focus-visible, :where([data-ui="art-deco"]) .usk-icon-button:focus-visible, :where([data-ui="art-deco"]) .ui-button:focus-visible, :where([data-ui="art-deco"]) .ui-icon-button:focus-visible {
    outline-offset: -6px;
  }

  .deco-button-primary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]) {
    background-color: var(--deco-jewel-primary);
    color: var(--deco-jewel-on);
  }

  .deco-button-secondary, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]) {
    background-color: var(--deco-jewel-secondary);
    color: var(--deco-jewel-on);
  }

  .deco-button-danger, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="danger"]) {
    background-color: var(--deco-jewel-danger);
    color: var(--deco-jewel-on);
  }

  [data-ui="art-deco"][data-mode] :is(.deco-button,.deco-icon-button)[aria-busy="true"], :where([data-ui="art-deco"])[data-mode] :is(.usk-button,.usk-icon-button)[aria-busy="true"], :where([data-ui="art-deco"])[data-mode] :is(.ui-button,.ui-icon-button)[aria-busy="true"] {
    opacity: 1;
    filter: none;
    cursor: progress;
  }

  .deco-button-primary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background-color: var(--deco-jewel-primary);
  }

  .deco-button-secondary:hover, :where([data-ui="art-deco"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="art-deco"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background-color: var(--deco-jewel-secondary);
  }

  .deco-button:is(.is-pressed,:active), :where([data-ui="art-deco"]) .usk-button:is(.is-pressed,:active), :where([data-ui="art-deco"]) .ui-button:is(.is-pressed,:active) {
    transform: translateY(2px);
  }

  .deco-button:disabled, .deco-icon-button:disabled, :where([data-ui="art-deco"]) .usk-button:disabled, :where([data-ui="art-deco"]) .usk-icon-button:disabled, :where([data-ui="art-deco"]) .ui-button:disabled, :where([data-ui="art-deco"]) .ui-icon-button:disabled {
    color: var(--deco-text-muted);
    background: var(--deco-surface-soft);
    opacity: .55;
    filter: grayscale();
    cursor: not-allowed;
  }

  .deco-icon-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-icon-button {
    width: 36px;
    min-width: 36px;
    padding: 0;
    font-family: Segoe UI Symbol, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
  }

  .deco-button-loading {
    justify-content: center;
    align-items: center;
    min-inline-size: 152px;
    display: inline-flex;
  }

  .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    box-sizing: border-box;
    background: repeating-conic-gradient(currentColor 0 8deg,transparent 8deg 16deg,currentColor 16deg 24deg,transparent 24deg 30deg);
    border: 3px double var(--deco-metal);
    width: 16px;
    height: 16px;
    box-shadow: none;
    border-radius: 50%;
    flex: 0 0 16px;
    margin: 0;
    animation: 1.4s linear infinite deco-spin;
    display: inline-block;
    position: static;
    mask: none;
  }

  .deco-spinner, .deco-loading-spinner, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="art-deco"]) .usk-spinner, :where([data-ui="art-deco"]) .ui-spinner {
    border: 3px double var(--deco-metal);
    background: var(--deco-spinner-segmented-background);
    width: 48px;
    height: 48px;
    box-shadow: none;
    clip-path: none;
    border-radius: 50%;
    flex: 0 0 48px;
    animation: 1.4s linear infinite deco-spin;
    display: inline-block;
    position: relative;
  }

  .deco-spinner:before, .deco-loading-spinner:before, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, :where([data-ui="art-deco"]) .usk-spinner:before, :where([data-ui="art-deco"]) .ui-spinner:before {
    content: "";
    background: repeating-conic-gradient(var(--deco-metal) 0deg 22deg,transparent 22deg 36deg);
    border-radius: 50%;
    position: absolute;
    inset: 0;
    mask: radial-gradient(#0000 49%, #000 51%);
  }

  .deco-spinner:after, .deco-loading-spinner:after, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):after, :where([data-ui="art-deco"]) .usk-spinner:after, :where([data-ui="art-deco"]) .ui-spinner:after {
    content: "";
    background: var(--deco-warning);
    border: 1px solid var(--deco-secondary);
    position: absolute;
    inset: 35%;
    transform: rotate(45deg);
  }

  .deco-spinner-sm {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  .deco-spinner-lg {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
  }

  .deco-input, .deco-select, .deco-textarea, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-select, :where([data-ui="art-deco"]) .ui-textarea {
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.88);
    min-height: 32px;
    color: var(--deco-text);
    background-color: var(--deco-surface);
    letter-spacing: 0;
    border-radius: .1rem;
    padding: 5px 10px;
    font-size: 12px;
  }

  .deco-textarea, :where([data-ui="art-deco"]) .usk-textarea, :where([data-ui="art-deco"]) .ui-textarea {
    min-height: 88px;
  }

  .deco-input-valid {
    border-inline-start: 3px double var(--deco-success);
  }

  .deco-input[aria-invalid="true"], :where([data-ui="art-deco"]) .usk-input[aria-invalid="true"], :where([data-ui="art-deco"]) .ui-input[aria-invalid="true"] {
    border-color: var(--deco-status-danger);
    box-shadow: none;
    border-inline-start-style: double;
    border-inline-start-width: 3px;
  }

  .deco-help-error {
    color: var(--deco-status-danger);
    font-size: 11px;
  }

  .deco-file-upload, :where([data-ui="art-deco"]) .usk-file-upload, :where([data-ui="art-deco"]) .ui-file-upload {
    border: 1px solid var(--deco-metal);
    min-height: 92px;
    color: var(--deco-text);
    background: var(--deco-surface);
    cursor: pointer;
    text-align: center;
    align-content: center;
    justify-items: center;
    gap: 8px;
    padding: 16px;
    font-size: 12px;
    display: grid;
    position: relative;
  }

  .deco-file {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .deco-file-upload:focus-within, :where([data-ui="art-deco"]) .usk-file-upload:focus-within, :where([data-ui="art-deco"]) .ui-file-upload:focus-within {
    outline: 2px solid var(--deco-focus);
    outline-offset: 3px;
  }

  .deco-select-panel {
    border: 1px solid var(--deco-metal);
    background: var(--deco-surface);
    padding: 4px 0;
  }

  .deco-option {
    width: 100%;
    min-height: 32px;
    color: var(--deco-text);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 12px;
    font-size: 12px;
    display: flex;
  }

  .deco-option[aria-selected="true"] {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-group-label {
    text-transform: uppercase;
    color: var(--deco-text-muted);
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    display: block;
  }

  .deco-multi {
    border: 1px solid var(--deco-metal);
    background: var(--deco-surface);
    flex-wrap: wrap;
    gap: 4px;
    min-height: 60px;
    padding: 8px;
    display: flex;
  }

  .deco-chip, :where([data-ui="art-deco"]) .usk-chip, :where([data-ui="art-deco"]) .ui-chip {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
    border: 1px solid var(--deco-metal);
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    font-size: 11px;
    display: inline-flex;
  }

  .deco-chip button, :where([data-ui="art-deco"]) .usk-chip button, :where([data-ui="art-deco"]) .ui-chip button {
    width: 28px;
    height: 28px;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 4px;
  }

  .deco-check, .deco-radio, :where([data-ui="art-deco"]) .usk-check, :where([data-ui="art-deco"]) .usk-radio, :where([data-ui="art-deco"]) .ui-check, :where([data-ui="art-deco"]) .ui-radio {
    gap: 8px;
    min-height: 32px;
    font-size: 12px;
  }

  .deco-check input:checked+.deco-check-control, .deco-radio input:checked+.deco-radio-control, .deco-switch input:checked+.deco-switch-track, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="art-deco"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control, :where([data-ui="art-deco"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--deco-secondary);
  }

  .deco-check input:checked+.deco-check-control:after, :where([data-ui="art-deco"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="art-deco"]) .ui-check input:checked+.ui-check-control:after {
    color: var(--deco-on-secondary);
  }

  .deco-radio input:checked+.deco-radio-control:after, :where([data-ui="art-deco"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="art-deco"]) .ui-radio input:checked+.ui-radio-control:after {
    background: var(--deco-on-secondary);
  }

  .deco-switch, :where([data-ui="art-deco"]) .usk-switch, :where([data-ui="art-deco"]) .ui-switch {
    min-height: 32px;
  }

  .deco-switch-track, :where([data-ui="art-deco"]) .usk-switch-track, :where([data-ui="art-deco"]) .ui-switch-track {
    width: 40px;
    height: 22px;
    border-width: 3px;
    block-size: 22px;
    inline-size: 40px;
  }

  .deco-switch-thumb, :where([data-ui="art-deco"]) .usk-switch-thumb, :where([data-ui="art-deco"]) .ui-switch-thumb {
    width: 16px;
    height: 16px;
    background: var(--deco-warning);
    border: 1px solid var(--deco-metal);
    block-size: 16px;
    inline-size: 16px;
    inset-block-start: 3px;
  }

  .deco-switch input:checked+.deco-switch-track .deco-switch-thumb, :where([data-ui="art-deco"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="art-deco"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    inset-inline-start: calc(100% - 21px);
  }

  .deco-check:has(input:disabled), .deco-radio:has(input:disabled), .deco-switch:has(input:disabled), :where([data-ui="art-deco"]) .usk-check:has(input:disabled), :where([data-ui="art-deco"]) .usk-radio:has(input:disabled), :where([data-ui="art-deco"]) .usk-switch:has(input:disabled), :where([data-ui="art-deco"]) .ui-check:has(input:disabled), :where([data-ui="art-deco"]) .ui-radio:has(input:disabled), :where([data-ui="art-deco"]) .ui-switch:has(input:disabled) {
    opacity: .72;
  }

  .deco-check:focus-within, .deco-radio:focus-within, .deco-switch:focus-within, :where([data-ui="art-deco"]) .usk-check:focus-within, :where([data-ui="art-deco"]) .usk-radio:focus-within, :where([data-ui="art-deco"]) .usk-switch:focus-within, :where([data-ui="art-deco"]) .ui-check:focus-within, :where([data-ui="art-deco"]) .ui-radio:focus-within, :where([data-ui="art-deco"]) .ui-switch:focus-within {
    outline: 2px solid var(--deco-focus);
    outline-offset: 2px;
  }

  .deco-breadcrumb, :where([data-ui="art-deco"]) .usk-breadcrumb, :where([data-ui="art-deco"]) .ui-breadcrumb {
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 12px;
    font-size: 12px;
    display: flex;
  }

  .deco-breadcrumb a, :where([data-ui="art-deco"]) .usk-breadcrumb a, :where([data-ui="art-deco"]) .ui-breadcrumb a {
    color: var(--deco-link);
  }

  .deco-pagination, :where([data-ui="art-deco"]) .usk-pagination, :where([data-ui="art-deco"]) .ui-pagination {
    gap: 4px;
    margin-block: 12px;
    display: flex;
  }

  .deco-pagination button, :where([data-ui="art-deco"]) .usk-pagination button, :where([data-ui="art-deco"]) .ui-pagination button {
    background: var(--deco-surface);
    width: 32px;
    min-height: 32px;
    color: var(--deco-text);
    border: 1px solid var(--deco-metal);
    cursor: pointer;
  }

  .deco-pagination [aria-current="page"], :where([data-ui="art-deco"]) .usk-pagination [aria-current="page"], :where([data-ui="art-deco"]) .ui-pagination [aria-current="page"] {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-slider-wrap {
    padding-top: 28px;
    position: relative;
  }

  .deco-slider-wrap:before {
    content: "";
    pointer-events: none;
    background: repeating-linear-gradient(90deg,var(--deco-metal)0 1px,transparent 1px 25%);
    border-inline-end: 1px solid var(--deco-metal);
    height: 20px;
    position: absolute;
    inset: auto 0 6px;
  }

  .deco-slider-output {
    top: 0;
    left: clamp(22px,calc(var(--deco-value, 68)*1%),calc(100% - 22px));
    text-align: center;
    width: 44px;
    font: 11px var(--deco-font-mono);
    color: var(--deco-on-primary);
    background: var(--deco-primary);
    border: 1px solid var(--deco-metal);
    clip-path: var(--deco-step-sm);
    padding: 5px;
    position: absolute;
    transform: translateX(-50%);
  }

  [data-ui="art-deco"][data-mode] .deco-slider {
    appearance: none;
    width: 100%;
    height: 32px;
    box-shadow: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
  }

  .deco-slider::-webkit-slider-runnable-track {
    background: linear-gradient(90deg,var(--deco-secondary) calc(var(--deco-value, 68)*1%),var(--deco-metal)0);
    border: 0;
    height: 6px;
  }

  [data-ui="art-deco"][data-mode] .deco-slider::-webkit-slider-thumb {
    appearance: none;
    border: 2px solid var(--deco-metal);
    clip-path: none;
    background: var(--deco-secondary);
    border-radius: 0;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    transform: rotate(45deg);
  }

  .deco-slider::-moz-range-track {
    background: var(--deco-metal);
    border: 0;
    height: 6px;
  }

  .deco-slider::-moz-range-progress {
    background: var(--deco-secondary);
    height: 6px;
  }

  [data-ui="art-deco"][data-mode] .deco-slider::-moz-range-thumb {
    border: 2px solid var(--deco-metal);
    clip-path: none;
    background: var(--deco-secondary);
    border-radius: 0;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
  }

  .deco-meter {
    border: 1px solid var(--deco-metal);
    background: var(--deco-surface);
    height: 16px;
    padding: 3px;
    position: relative;
  }

  .deco-meter:before {
    content: "";
    background: linear-gradient(90deg,var(--deco-success)0 42%,var(--deco-warning) 42% 70%,var(--deco-danger) 70%);
    height: 100%;
    display: block;
  }

  .deco-meter:after {
    content: "";
    top: 0;
    left: clamp(0px,calc(var(--deco-value, 55)*1%),calc(100% - 14px));
    border: 2px solid var(--deco-metal);
    background: var(--deco-secondary);
    width: 14px;
    height: 14px;
    position: absolute;
    transform: rotate(45deg);
  }

  .deco-step-progress {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    display: grid;
  }

  .deco-step-progress i {
    background: var(--deco-surface-soft);
    border: 1px solid var(--deco-metal);
    height: 12px;
    clip-path: var(--deco-step-sm);
    display: block;
  }

  .deco-step-progress .is-done {
    background: var(--deco-secondary);
  }

  .deco-stage-list {
    margin: 0;
    padding: 8px 0;
    list-style: none;
  }

  .deco-stage {
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    font-size: 12px;
    display: grid;
    position: relative;
  }

  .deco-stage:not(:last-child):after {
    content: "";
    background: var(--deco-metal);
    width: 1px;
    height: calc(100% - 38px);
    position: absolute;
    top: calc(50% + 19px);
    left: 18px;
  }

  .deco-stage-number {
    border: 1px solid var(--deco-metal);
    background: var(--deco-surface);
    place-items: center;
    width: 30px;
    height: 30px;
    margin-left: 4px;
    display: grid;
    transform: rotate(45deg);
  }

  .deco-stage-number span {
    font: 10px var(--deco-font-mono);
    transform: rotate(-45deg);
  }

  .deco-stage small {
    color: var(--deco-text-muted);
    margin-top: 6px;
    font-size: 10px;
    display: block;
  }

  .deco-stage.is-done .deco-stage-number {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-stage[aria-current="step"] .deco-stage-number {
    background: var(--deco-warning);
    color: var(--deco-on-warning);
  }

  .deco-tabs, :where([data-ui="art-deco"]) .usk-tabs, :where([data-ui="art-deco"]) .ui-tabs {
    border: 3px double var(--deco-metal);
    background: var(--deco-surface);
  }

  .deco-tab-list, .deco-segmented, :where([data-ui="art-deco"]) .usk-tab-list, :where([data-ui="art-deco"]) .ui-tab-list {
    border: 1px solid var(--deco-metal);
    display: flex;
  }

  .deco-tab, .deco-segment, :where([data-ui="art-deco"]) .usk-tab, :where([data-ui="art-deco"]) .usk-segment, :where([data-ui="art-deco"]) .ui-tab, :where([data-ui="art-deco"]) .ui-segment {
    background: var(--deco-surface);
    min-width: 0;
    min-height: 36px;
    color: var(--deco-text);
    border: 0;
    border-inline-end: 1px solid var(--deco-metal);
    text-transform: uppercase;
    cursor: pointer;
    flex: 1;
    padding: 6px;
    font-size: 11px;
  }

  .deco-tab:last-child, .deco-segment:last-child, :where([data-ui="art-deco"]) .usk-tab:last-child, :where([data-ui="art-deco"]) .usk-segment:last-child, :where([data-ui="art-deco"]) .ui-tab:last-child, :where([data-ui="art-deco"]) .ui-segment:last-child {
    border-inline-end: 0;
  }

  .deco-tab[aria-selected="true"], .deco-segment[aria-pressed="true"], :where([data-ui="art-deco"]) .usk-tab[aria-selected="true"], :where([data-ui="art-deco"]) .usk-segment[aria-pressed="true"], :where([data-ui="art-deco"]) .ui-tab[aria-selected="true"], :where([data-ui="art-deco"]) .ui-segment[aria-pressed="true"] {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-tab-panel, :where([data-ui="art-deco"]) .usk-tab-panel, :where([data-ui="art-deco"]) .ui-tab-panel {
    min-height: 70px;
    padding: 12px;
    font-size: 12px;
  }

  .deco-stepper, :where([data-ui="art-deco"]) .usk-stepper, :where([data-ui="art-deco"]) .ui-stepper {
    border: 1px solid var(--deco-metal);
    grid-template-columns: 40px minmax(64px, 1fr) 40px;
    display: inline-grid;
  }

  .deco-stepper button, .deco-stepper output, :where([data-ui="art-deco"]) .usk-stepper button, :where([data-ui="art-deco"]) .usk-stepper output, :where([data-ui="art-deco"]) .ui-stepper button, :where([data-ui="art-deco"]) .ui-stepper output {
    background: var(--deco-surface);
    min-height: 36px;
    color: var(--deco-text);
    border: 0;
    border-inline-end: 1px solid var(--deco-metal);
    font: 14px var(--deco-font-mono);
    place-items: center;
    padding: 4px;
    display: grid;
  }

  .deco-stepper button, :where([data-ui="art-deco"]) .usk-stepper button, :where([data-ui="art-deco"]) .ui-stepper button {
    cursor: pointer;
  }

  .deco-stepper button:last-child, :where([data-ui="art-deco"]) .usk-stepper button:last-child, :where([data-ui="art-deco"]) .ui-stepper button:last-child {
    border: 0;
  }

  .deco-badge, :where([data-ui="art-deco"]) .usk-badge, :where([data-ui="art-deco"]) .ui-badge {
    border: 1px solid var(--deco-metal);
    clip-path: var(--deco-step-sm);
    box-shadow: none;
    font: 600 10px/1.2 var(--deco-font-control);
    letter-spacing: 0;
    border-radius: 0;
    padding: 5px 12px;
  }

  .deco-badge-primary, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
  }

  .deco-badge-secondary, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--deco-secondary);
    color: var(--deco-on-secondary);
  }

  .deco-badge-success, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--deco-success);
    color: var(--deco-on-success);
  }

  .deco-badge-warning, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--deco-warning);
    color: var(--deco-on-warning);
  }

  .deco-badge-danger, :where([data-ui="art-deco"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--deco-danger);
    color: var(--deco-on-danger);
  }

  .deco-badge-info {
    background: var(--deco-info);
    color: var(--deco-on-info);
  }

  .deco-badge-outline {
    color: var(--deco-text);
    background: none;
  }

  .deco-alert, :where([data-ui="art-deco"]) .usk-alert, :where([data-ui="art-deco"]) .ui-alert {
    border: 3px double var(--deco-metal);
    box-shadow: inset 0 0 0 1px rgb(var(--deco-enamel-rgb)/.9);
    background: var(--deco-surface);
    border-radius: .1rem;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 6px 10px;
    display: flex;
  }

  .deco-alert-success, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="success"]) {
    border-color: var(--deco-status-success);
  }

  .deco-alert-warning, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-color: var(--deco-status-warning);
  }

  .deco-alert-danger, :where([data-ui="art-deco"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="art-deco"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-color: var(--deco-status-danger);
  }

  .deco-alert-info {
    border-color: var(--deco-info);
  }

  .deco-alert-icon {
    background: currentColor;
    flex: 0 0 10px;
    height: 10px;
    transform: rotate(45deg);
  }

  .deco-alert-body, :where([data-ui="art-deco"]) .usk-alert-body, :where([data-ui="art-deco"]) .ui-alert-body {
    min-width: 0;
    color: var(--deco-text);
    flex: 1;
  }

  .deco-alert-title, :where([data-ui="art-deco"]) .usk-alert-title, :where([data-ui="art-deco"]) .ui-alert-title {
    letter-spacing: 0;
    color: var(--deco-text);
    margin-right: 6px;
    font-size: 11px;
  }

  .deco-alert-close {
    height: 28px;
    color: var(--deco-text);
    cursor: pointer;
    background: none;
    border: 0;
    flex: 0 0 28px;
    place-items: center;
    display: grid;
  }

  .deco-table-wrap, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .ui-table-wrap {
    border: 3px double var(--deco-metal);
    clip-path: none;
    border-radius: 0;
    overflow-x: auto;
  }

  .deco-table th, :where([data-ui="art-deco"]) .usk-table th, :where([data-ui="art-deco"]) .ui-table th {
    background: var(--deco-primary);
    color: var(--deco-on-primary);
    letter-spacing: 0;
    font-size: 11px;
  }

  .deco-table td, :where([data-ui="art-deco"]) .usk-table td, :where([data-ui="art-deco"]) .ui-table td {
    font-size: 12px;
  }

  .deco-tooltip, [data-ui="art-deco"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="art-deco"]) .usk-tooltip, :where([data-ui="art-deco"]) .ui-tooltip {
    clip-path: polygon(.35rem 0, calc(100% - .35rem) 0, 100% .35rem, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, .35rem 100%, 0 calc(100% - .35rem), 0 .35rem);
    border: 3px double var(--deco-metal);
    color: rgb(var(--deco-tooltip-text-rgb));
    background: rgb(var(--deco-tooltip-bg-rgb));
    box-shadow: none;
    font: 12px/1.4 var(--deco-font-body);
    letter-spacing: 0;
    text-transform: none;
    border-radius: 0;
    padding: 12px;
    position: relative;
  }

  .deco-tooltip:after, :where([data-ui="art-deco"]) .usk-tooltip:after, :where([data-ui="art-deco"]) .ui-tooltip:after {
    content: "";
    background: rgb(var(--deco-tooltip-bg-rgb));
    border-right: 1px solid var(--deco-metal);
    border-bottom: 1px solid var(--deco-metal);
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -6px;
    left: 20px;
    transform: rotate(45deg);
  }

  [data-ui="art-deco"][data-mode] dialog.deco-dialog {
    clip-path: none;
    width: min(480px, 100% - 32px);
    max-height: calc(100% - 32px);
    margin: auto;
    position: fixed;
    overflow: auto;
  }

  dialog.deco-dialog:not([open]) {
    display: none;
  }

  .deco-dialog h3, .deco-dialog h4 {
    font: 24px var(--deco-font-display);
    text-align: center;
    text-transform: uppercase;
    margin: 16px 0 8px;
  }

  .deco-dialog p {
    text-align: center;
    font-size: 12px;
  }

  .deco-dialog-actions {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    display: flex;
  }

  .deco-details {
    border: 1px solid var(--deco-metal);
    padding: 8px 12px;
    font-size: 12px;
  }

  .deco-details summary {
    cursor: pointer;
  }

  .deco-skeleton, :where([data-ui="art-deco"]) .usk-skeleton, :where([data-ui="art-deco"]) .ui-skeleton {
    background: var(--deco-surface-soft);
    border-inline-start: 3px solid var(--deco-metal);
    width: 100%;
    height: 8px;
  }

  .deco-palette {
    border: 3px double var(--deco-metal);
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    display: grid;
  }

  .deco-swatch {
    text-align: center;
    font: 9px var(--deco-font-mono);
    gap: 6px;
    display: grid;
  }

  .deco-swatch i {
    border: 1px solid var(--deco-metal);
    background: var(--deco-swatch-color, var(--deco-primary));
    height: 28px;
  }

  .deco-divider {
    border-block: 1px solid var(--deco-metal);
    background: none;
    height: 16px;
    position: relative;
  }

  .deco-divider:after {
    content: "";
    border: 1px solid var(--deco-metal);
    background: var(--deco-bg);
    width: 22px;
    height: 22px;
    position: absolute;
    top: -4px;
    left: calc(85% - 12px);
    transform: rotate(45deg);
  }

  .deco-empty-state, :where([data-ui="art-deco"]) .usk-empty-state, :where([data-ui="art-deco"]) .ui-empty-state {
    color: var(--deco-text-muted);
    background: none;
    border: 0;
    padding: 8px 0;
    font-size: 12px;
  }

  [data-ui="art-deco"] :where(button, a, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--deco-focus);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    .deco-spinner, .deco-loading-spinner, [data-ui="art-deco"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-spinner, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-spinner, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
      animation: none;
    }
  }

  @media (pointer: coarse) {
    .deco-button, .deco-icon-button, .deco-option, .deco-tab, .deco-segment, .deco-input, .deco-select, .deco-stepper button, .deco-pagination button, .deco-alert-close, .deco-chip button, :where([data-ui="art-deco"]) .usk-button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .usk-tab, :where([data-ui="art-deco"]) .usk-segment, :where([data-ui="art-deco"]) .usk-input, :where([data-ui="art-deco"]) .usk-select, :where([data-ui="art-deco"]) .usk-stepper button, :where([data-ui="art-deco"]) .usk-pagination button, :where([data-ui="art-deco"]) .usk-chip button, :where([data-ui="art-deco"]) .ui-button, :where([data-ui="art-deco"]) .ui-icon-button, :where([data-ui="art-deco"]) .ui-tab, :where([data-ui="art-deco"]) .ui-segment, :where([data-ui="art-deco"]) .ui-input, :where([data-ui="art-deco"]) .ui-select, :where([data-ui="art-deco"]) .ui-stepper button, :where([data-ui="art-deco"]) .ui-pagination button, :where([data-ui="art-deco"]) .ui-chip button {
      min-height: 44px;
      min-block-size: 44px;
    }

    .deco-icon-button, .deco-pagination button, .deco-alert-close, .deco-chip button, :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .usk-pagination button, :where([data-ui="art-deco"]) .usk-chip button, :where([data-ui="art-deco"]) .ui-icon-button, :where([data-ui="art-deco"]) .ui-pagination button, :where([data-ui="art-deco"]) .ui-chip button {
      min-width: 44px;
    }

    .deco-check, .deco-radio, .deco-switch, :where([data-ui="art-deco"]) .usk-check, :where([data-ui="art-deco"]) .usk-radio, :where([data-ui="art-deco"]) .usk-switch, :where([data-ui="art-deco"]) .ui-check, :where([data-ui="art-deco"]) .ui-radio, :where([data-ui="art-deco"]) .ui-switch {
      min-height: 44px;
    }

    [data-ui="art-deco"][data-mode] :is(.deco-chip button,.deco-alert-close), :where([data-ui="art-deco"])[data-mode] :is(.usk-chip button,.deco-alert-close), :where([data-ui="art-deco"])[data-mode] :is(.ui-chip button,.deco-alert-close) {
      min-width: 44px;
      min-inline-size: 44px;
      min-height: 44px;
      min-block-size: 44px;
    }

    .deco-stepper, :where([data-ui="art-deco"]) .usk-stepper, :where([data-ui="art-deco"]) .ui-stepper {
      grid-template-columns: 44px minmax(64px, 1fr) 44px;
    }
  }

  [data-ui="art-deco"][data-mode] .deco-button.deco-button-warning, :where([data-ui="art-deco"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="art-deco"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--deco-warning);
    color: var(--deco-on-warning);
    border-color: var(--deco-warning);
    text-shadow: none;
  }
}

[data-ui="art-deco"][data-mode] .deco-title {
  letter-spacing: max(.08em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="art-deco"][data-mode] .deco-feature-item > .deco-icon-medallion {
  justify-content: center;
  align-items: center;
  font-family: Segoe UI Symbol, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  display: inline-flex;
}

[data-ui="art-deco"][data-mode] .deco-callout-bar > .deco-icon-medallion {
  justify-content: center;
  align-items: center;
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

[data-ui="art-deco"][data-mode] :is(.deco-button,.deco-icon-button), :where([data-ui="art-deco"])[data-mode] :is(.usk-button,.usk-icon-button), :where([data-ui="art-deco"])[data-mode] :is(.ui-button,.ui-icon-button) {
  border: 3px double var(--deco-metal);
  clip-path: var(--deco-step-sm);
  box-shadow: inset 0 0 0 1px var(--deco-surface-strong),0 3px 0 var(--deco-metal);
  border-radius: 0;
}

@supports (color: color-mix(in srgb,black,white)) {
  [data-ui="art-deco"][data-mode] :is(.deco-button,.deco-icon-button), :where([data-ui="art-deco"])[data-mode] :is(.usk-button,.usk-icon-button), :where([data-ui="art-deco"])[data-mode] :is(.ui-button,.ui-icon-button) {
    box-shadow: inset 0 0 0 1px var(--deco-surface-strong),0 3px 0 color-mix(in srgb,var(--deco-metal) 52%,var(--deco-text));
  }
}

[data-ui="art-deco"][data-mode] .deco-avatar, :where([data-ui="art-deco"])[data-mode] .usk-avatar, :where([data-ui="art-deco"])[data-mode] .ui-avatar {
  background: var(--deco-jewel-primary);
  block-size: 3rem;
  inline-size: 3rem;
  color: var(--deco-jewel-on);
  border: 3px double var(--deco-metal-bright);
  box-shadow: inset 0 0 0 2px var(--deco-surface-strong);
  border-radius: 0;
  overflow: visible;
  transform: rotate(45deg) scale(.78);
}

[data-ui="art-deco"][data-mode] .deco-avatar>:where(img,[aria-hidden="true"]), :where([data-ui="art-deco"])[data-mode] .usk-avatar>:where(img,[aria-hidden="true"]), :where([data-ui="art-deco"])[data-mode] .ui-avatar>:where(img,[aria-hidden="true"]) {
  transform: rotate(-45deg) scale(1.12);
}

[data-ui="art-deco"][data-mode] .deco-avatar>[role="status"], :where([data-ui="art-deco"])[data-mode] .usk-avatar>[role="status"], :where([data-ui="art-deco"])[data-mode] .ui-avatar>[role="status"] {
  color: var(--deco-jewel-on);
  inset-block-end: -.15rem;
  inset-inline-end: -.15rem;
  transform: rotate(-45deg);
}

[data-ui="art-deco"][data-mode] .deco-avatar-group>*+*, :where([data-ui="art-deco"])[data-mode] .usk-avatar-group>*+*, :where([data-ui="art-deco"])[data-mode] .ui-avatar-group>*+* {
  margin-inline-start: .25rem;
}


/* styles/clay.css (visual paint) */
@layer ui-style-kit.presets {
  @font-face {
    font-family: Clay Rounded;
    src: url("./assets/clay-rounded.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
  }

  :root {
    --clay-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --clay-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --clay-font-body: var(--clay-font-sans);
    --clay-font-heading: var(--clay-font-display);
    --clay-font-control: var(--clay-font-display);
    --clay-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --clay-radius-xs: .25rem;
    --clay-radius-sm: .5rem;
    --clay-radius-md: .75rem;
    --clay-radius-lg: 1.125rem;
    --clay-radius-xl: calc(1.125rem + .5rem);
    --clay-radius-pill: 999px;
    --clay-space-1: .25rem;
    --clay-space-2: .5rem;
    --clay-space-3: .75rem;
    --clay-space-4: 1rem;
    --clay-space-5: 1.25rem;
    --clay-space-6: 1.5rem;
    --clay-space-8: 2rem;
    --clay-transition-fast: .15s ease;
    --clay-transition-base: .24s ease;
  }

  [data-ui="clay"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --clay-fallback-bg-rgb: 248 242 231;
    --clay-fallback-surface-rgb: 255 255 255;
    --clay-fallback-surface-strong-rgb: 255 250 241;
    --clay-fallback-surface-soft-rgb: 234 223 205;
    --clay-fallback-text-rgb: 43 36 25;
    --clay-fallback-text-muted-rgb: 107 97 78;
    --clay-fallback-border-rgb: 215 198 167;
    --clay-fallback-primary-rgb: 115 75 32;
    --clay-fallback-primary-hover-rgb: 112 83 47;
    --clay-fallback-primary-text-rgb: 255 255 255;
    --clay-fallback-secondary-rgb: 95 118 85;
    --clay-fallback-secondary-hover-rgb: 72 92 64;
    --clay-fallback-secondary-text-rgb: 255 255 255;
    --clay-fallback-accent-rgb: 201 151 74;
    --clay-fallback-accent-text-rgb: 0 0 0;
    --clay-fallback-success-rgb: 81 125 72;
    --clay-fallback-success-text-rgb: 255 255 255;
    --clay-fallback-warning-rgb: 166 107 0;
    --clay-fallback-warning-text-rgb: 0 0 0;
    --clay-fallback-danger-rgb: 148 48 42;
    --clay-fallback-danger-text-rgb: 255 255 255;
    --clay-fallback-link-rgb: 112 83 47;
    --clay-fallback-focus-rgb: 201 151 74;
    --clay-panel-alpha: .98;
    --clay-panel-soft-alpha: .78;
    --clay-border-alpha: .58;
    --clay-shadow-alpha: .12;
    --clay-focus-alpha: .34;
  }

  [data-ui="clay"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --clay-fallback-bg-rgb: 18 15 9;
    --clay-fallback-surface-rgb: 33 27 18;
    --clay-fallback-surface-strong-rgb: 47 40 27;
    --clay-fallback-surface-soft-rgb: 25 20 13;
    --clay-fallback-text-rgb: 248 239 223;
    --clay-fallback-text-muted-rgb: 199 186 163;
    --clay-fallback-border-rgb: 91 78 56;
    --clay-fallback-primary-rgb: 217 184 120;
    --clay-fallback-primary-hover-rgb: 240 211 154;
    --clay-fallback-primary-text-rgb: 21 16 6;
    --clay-fallback-secondary-rgb: 168 206 153;
    --clay-fallback-secondary-hover-rgb: 200 233 187;
    --clay-fallback-secondary-text-rgb: 9 20 7;
    --clay-fallback-accent-rgb: 241 196 110;
    --clay-fallback-accent-text-rgb: 0 0 0;
    --clay-fallback-success-rgb: 141 219 125;
    --clay-fallback-success-text-rgb: 0 0 0;
    --clay-fallback-warning-rgb: 255 209 102;
    --clay-fallback-warning-text-rgb: 0 0 0;
    --clay-fallback-danger-rgb: 255 136 122;
    --clay-fallback-danger-text-rgb: 0 0 0;
    --clay-fallback-link-rgb: 240 211 154;
    --clay-fallback-focus-rgb: 241 196 110;
    --clay-panel-alpha: .92;
    --clay-panel-soft-alpha: .64;
    --clay-border-alpha: .52;
    --clay-shadow-alpha: .34;
    --clay-focus-alpha: .42;
  }

  [data-ui="clay"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --clay-fallback-bg-rgb: 0 0 0;
    --clay-fallback-surface-rgb: 15 11 3;
    --clay-fallback-surface-strong-rgb: 26 18 5;
    --clay-fallback-surface-soft-rgb: 0 0 0;
    --clay-fallback-text-rgb: 255 255 255;
    --clay-fallback-text-muted-rgb: 255 248 232;
    --clay-fallback-border-rgb: 255 255 255;
    --clay-fallback-primary-rgb: 255 209 102;
    --clay-fallback-primary-hover-rgb: 255 255 255;
    --clay-fallback-primary-text-rgb: 0 0 0;
    --clay-fallback-secondary-rgb: 157 255 107;
    --clay-fallback-secondary-hover-rgb: 255 255 255;
    --clay-fallback-secondary-text-rgb: 0 0 0;
    --clay-fallback-accent-rgb: 255 176 0;
    --clay-fallback-accent-text-rgb: 0 0 0;
    --clay-fallback-success-rgb: 0 255 117;
    --clay-fallback-success-text-rgb: 0 0 0;
    --clay-fallback-warning-rgb: 255 225 0;
    --clay-fallback-warning-text-rgb: 0 0 0;
    --clay-fallback-danger-rgb: 255 77 77;
    --clay-fallback-danger-text-rgb: 0 0 0;
    --clay-fallback-link-rgb: 255 209 102;
    --clay-fallback-focus-rgb: 255 255 255;
    --clay-panel-alpha: 1;
    --clay-panel-soft-alpha: .92;
    --clay-border-alpha: 1;
    --clay-shadow-alpha: .5;
    --clay-focus-alpha: .72;
  }

  [data-ui="clay"][data-theme][data-mode] {
    --clay-bg-rgb: var(--usk-bg-rgb);
    --clay-surface-rgb: var(--usk-surface-rgb);
    --clay-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --clay-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --clay-text-rgb: var(--usk-text-rgb);
    --clay-text-muted-rgb: var(--usk-text-muted-rgb);
    --clay-border-rgb: var(--usk-border-rgb);
    --clay-primary-rgb: var(--usk-primary-rgb);
    --clay-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --clay-primary-text-rgb: var(--usk-primary-text-rgb);
    --clay-secondary-rgb: var(--usk-secondary-rgb);
    --clay-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --clay-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --clay-accent-rgb: var(--usk-accent-rgb);
    --clay-accent-text-rgb: var(--usk-accent-text-rgb);
    --clay-success-rgb: var(--usk-success-rgb);
    --clay-success-text-rgb: var(--usk-success-text-rgb);
    --clay-warning-rgb: var(--usk-warning-rgb);
    --clay-warning-text-rgb: var(--usk-warning-text-rgb);
    --clay-danger-rgb: var(--usk-danger-rgb);
    --clay-danger-text-rgb: var(--usk-danger-text-rgb);
    --clay-link-rgb: var(--usk-link-rgb);
    --clay-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="clay"][data-mode] {
    --usk-native-bg: var(--clay-bg);
    --clay-bg-rgb: var(--usk-bg-rgb, var(--clay-fallback-bg-rgb));
    --clay-surface-rgb: var(--usk-surface-rgb, var(--clay-fallback-surface-rgb));
    --clay-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--clay-fallback-surface-strong-rgb));
    --clay-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--clay-fallback-surface-soft-rgb));
    --clay-text-rgb: var(--usk-text-rgb, var(--clay-fallback-text-rgb));
    --clay-text-muted-rgb: var(--usk-text-muted-rgb, var(--clay-fallback-text-muted-rgb));
    --clay-border-rgb: var(--usk-border-rgb, var(--clay-fallback-border-rgb));
    --clay-primary-rgb: var(--usk-primary-rgb, var(--clay-fallback-primary-rgb));
    --clay-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--clay-fallback-primary-hover-rgb));
    --clay-primary-text-rgb: var(--usk-primary-text-rgb, var(--clay-fallback-primary-text-rgb));
    --clay-secondary-rgb: var(--usk-secondary-rgb, var(--clay-fallback-secondary-rgb));
    --clay-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--clay-fallback-secondary-hover-rgb));
    --clay-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--clay-fallback-secondary-text-rgb));
    --clay-accent-rgb: var(--usk-accent-rgb, var(--clay-fallback-accent-rgb));
    --clay-accent-text-rgb: var(--usk-accent-text-rgb, var(--clay-fallback-accent-text-rgb));
    --clay-success-rgb: var(--usk-success-rgb, var(--clay-fallback-success-rgb));
    --clay-success-text-rgb: var(--usk-success-text-rgb, var(--clay-fallback-success-text-rgb));
    --clay-warning-rgb: var(--usk-warning-rgb, var(--clay-fallback-warning-rgb));
    --clay-warning-text-rgb: var(--usk-warning-text-rgb, var(--clay-fallback-warning-text-rgb));
    --clay-danger-rgb: var(--usk-danger-rgb, var(--clay-fallback-danger-rgb));
    --clay-danger-text-rgb: var(--usk-danger-text-rgb, var(--clay-fallback-danger-text-rgb));
    --clay-link-rgb: var(--usk-link-rgb, var(--clay-fallback-link-rgb));
    --clay-focus-rgb: var(--usk-focus-rgb, var(--clay-fallback-focus-rgb));
    --usk-native-surface: var(--clay-surface);
    --usk-native-surface-strong: var(--clay-surface-strong);
    --usk-native-surface-soft: var(--clay-surface-soft);
    --usk-native-card-bg: var(--clay-card-bg);
    --usk-native-control-bg: var(--clay-control-bg);
    --usk-native-text: var(--clay-text);
    --usk-native-text-muted: var(--clay-text-muted);
    --usk-native-border: var(--clay-border);
    --usk-native-primary: var(--clay-primary);
    --usk-native-primary-hover: var(--clay-primary-hover);
    --usk-native-on-primary: var(--clay-on-primary);
    --usk-native-secondary: var(--clay-secondary);
    --usk-native-on-secondary: var(--clay-on-secondary);
    --usk-native-accent: var(--clay-accent);
    --usk-native-on-accent: var(--clay-on-accent);
    --usk-native-on-success: var(--clay-on-success);
    --usk-native-on-warning: var(--clay-on-warning);
    --usk-native-on-danger: var(--clay-on-danger);
    --usk-native-focus: var(--clay-focus);
    --usk-native-success: var(--clay-success);
    --usk-native-warning: var(--clay-warning);
    --usk-native-danger: var(--clay-danger);
    --usk-native-link: var(--clay-link);
    --usk-native-font-body: var(--clay-font-body);
    --usk-native-font-heading: var(--clay-font-heading);
    --usk-native-font-control: var(--clay-font-control);
    --usk-native-font-mono: var(--clay-font-mono);
    --usk-native-radius-sm: var(--clay-radius-sm);
    --usk-native-radius: var(--clay-radius-md);
    --usk-native-radius-lg: var(--clay-radius-lg);
    --usk-native-shadow: var(--clay-shadow-sm, none);
    --usk-native-shadow-md: var(--clay-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--clay-focus-ring, 0 0 0 3px rgb(var(--clay-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--clay-space-5);
    --usk-native-control-min-block-size: 3.2rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.65rem;
    --usk-native-choice-background: var(--clay-control-bg);
    --usk-native-choice-border: 1px solid var(--clay-border);
    --usk-native-checkbox-radius: .58rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: inset 0 4px #ffffff4d;
    --usk-native-choice-checked-background: var(--clay-primary);
    --usk-native-choice-mark-color: var(--clay-on-primary);
    --usk-native-select-indicator-image: linear-gradient(75deg, transparent 50%, var(--clay-primary) 50%), linear-gradient(105deg, var(--clay-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .38rem .38rem, .38rem .38rem;
    --usk-native-select-indicator-position: calc(100% - 1rem) 50%, calc(100% - .72rem) 50%;
    --usk-native-select-padding-inline-end: 2.25rem;
    --usk-native-range-track-size: .76rem;
    --usk-native-range-track-background: var(--clay-surface-soft);
    --usk-native-range-track-border: 1px solid var(--clay-border);
    --usk-native-range-track-radius: 999px;
    --usk-native-range-track-shadow: inset 0 4px #ffffff4d;
    --usk-native-range-progress-background: var(--clay-primary);
    --usk-native-range-thumb-size: 1.65rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--clay-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: inset 0 4px #ffffff4d;
    --usk-native-progress-size: 1rem;
    --usk-native-progress-track-background: var(--clay-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--clay-border);
    --usk-native-progress-track-radius: 999px;
    --usk-native-progress-track-shadow: inset 0 4px #ffffff4d;
    --usk-native-progress-value-background: var(--clay-primary);
    --usk-native-progress-value-radius: 999px;
    --usk-native-progress-value-shadow: inset 0 4px #ffffff4d;
    --usk-native-meter-optimum-background: var(--clay-success);
    --usk-native-meter-suboptimum-background: var(--clay-warning);
    --usk-native-meter-critical-background: var(--clay-danger);
    --usk-native-file-button-background: var(--clay-primary);
    --usk-native-file-button-border: 1px solid var(--clay-border);
    --usk-native-file-button-radius: .58rem;
    --usk-native-file-button-shadow: inset 0 4px #ffffff4d;
    --usk-native-color-swatch-border: 1px solid var(--clay-border);
    --usk-native-color-swatch-radius: .58rem;
    --usk-native-indicator-opacity: .77;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .9rem;
    --usk-native-scrollbar-track: var(--clay-surface-soft);
    --usk-native-scrollbar-thumb: var(--clay-primary);
    --usk-native-scrollbar-radius: 999px;
    --clay-bg: rgb(var(--clay-bg-rgb));
    --clay-surface: rgb(var(--clay-surface-rgb) / var(--clay-panel-alpha));
    --clay-surface-strong: rgb(var(--clay-surface-strong-rgb) / var(--clay-panel-alpha));
    --clay-surface-soft: rgb(var(--clay-surface-soft-rgb) / var(--clay-panel-soft-alpha));
    --clay-text: rgb(var(--clay-text-rgb));
    --clay-text-muted: rgb(var(--clay-text-muted-rgb));
    --clay-fg: var(--clay-text);
    --clay-surface-fg: var(--clay-text);
    --clay-muted: var(--clay-text-muted);
    --clay-border: rgb(var(--clay-border-rgb) / max(var(--clay-border-alpha), var(--usk-border-min-alpha)));
    --clay-control-fg: var(--clay-text);
    --clay-primary: rgb(var(--clay-primary-rgb));
    --clay-primary-hover: rgb(var(--clay-primary-hover-rgb));
    --clay-primary-text: rgb(var(--clay-primary-text-rgb));
    --clay-secondary: rgb(var(--clay-secondary-rgb));
    --clay-secondary-hover: rgb(var(--clay-secondary-hover-rgb));
    --clay-secondary-text: rgb(var(--clay-secondary-text-rgb));
    --clay-on-primary: var(--clay-primary-text);
    --clay-on-secondary: var(--clay-secondary-text);
    --clay-on-accent: rgb(var(--clay-accent-text-rgb));
    --clay-on-success: rgb(var(--clay-success-text-rgb));
    --clay-on-warning: rgb(var(--clay-warning-text-rgb));
    --clay-on-danger: rgb(var(--clay-danger-text-rgb));
    --clay-accent: rgb(var(--clay-accent-rgb));
    --clay-success: rgb(var(--clay-success-rgb));
    --clay-warning: rgb(var(--clay-warning-rgb));
    --clay-danger: rgb(var(--clay-danger-rgb));
    --clay-link: rgb(var(--clay-link-rgb));
    --clay-focus: rgb(var(--clay-focus-rgb));
    --clay-focus-ring: 0 0 0 3px rgb(var(--clay-focus-rgb) / var(--clay-focus-alpha));
    --clay-theme-bg-size: auto;
    --clay-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--clay-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--clay-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--clay-secondary-rgb) / .1), transparent 34rem), var(--clay-bg);
    --clay-card-bg: linear-gradient(135deg, rgb(var(--clay-primary-rgb) / .1), rgb(var(--clay-accent-rgb) / .055) 42%, rgb(var(--clay-surface-strong-rgb) / var(--clay-panel-alpha)) 100%), var(--clay-surface);
    --clay-control-bg: linear-gradient(180deg, rgb(var(--clay-surface-strong-rgb) / var(--clay-panel-alpha)), rgb(var(--clay-surface-soft-rgb) / var(--clay-panel-soft-alpha)));
    --clay-spinner-track: rgb(var(--clay-border-rgb) / max(.28, calc(var(--clay-border-alpha) * .7)));
    --clay-spinner-stroke: var(--clay-primary);
    --clay-spinner-accent: var(--clay-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="clay"][data-mode] {
      --clay-border: color-mix(in srgb, rgb(var(--clay-border-rgb) / max(var(--clay-border-alpha), var(--usk-border-min-alpha))), var(--clay-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="clay"] {
    background: linear-gradient(180deg,rgb(var(--clay-primary-rgb)/.04),transparent 22rem),var(--clay-bg);
    color: var(--clay-text);
    font-family: var(--clay-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="clay"] *, [data-ui="clay"] :before, [data-ui="clay"] :after {
    box-sizing: border-box;
  }

  [data-ui="clay"][data-mode] {
    background: var(--clay-theme-bg);
    background-size: var(--clay-theme-bg-size);
  }

  .clay-title, .clay-heading, .clay-kicker, .clay-button, .clay-badge, .clay-nav-link, :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-badge, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-badge, :where([data-ui="clay"]) .ui-nav-link {
    font-family: var(--clay-font-heading);
  }

  .clay-title {
    color: var(--clay-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .clay-heading {
    color: var(--clay-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .clay-kicker {
    color: var(--usk-primary-ink, var(--clay-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .clay-subtitle, .clay-copy {
    color: var(--clay-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .clay-text-muted {
    color: var(--clay-text-muted);
  }

  .clay-divider {
    background: var(--clay-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .clay-surface, .clay-card, .clay-panel, .clay-toolbar, .clay-table-wrap, :where([data-ui="clay"]) .usk-card, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .ui-card, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--clay-surface);
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--clay-shadow-alpha));
    transition: transform var(--clay-transition-base),box-shadow var(--clay-transition-base),border-color var(--clay-transition-base),background var(--clay-transition-base);
    position: relative;
  }

  .clay-toolbar, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--clay-space-4);
    padding: var(--clay-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .clay-surface-sm {
    border-radius: var(--clay-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--clay-shadow-alpha)*.72));
  }

  .clay-surface-lg {
    border-radius: var(--clay-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--clay-shadow-alpha) + .08));
  }

  .clay-well, .clay-inset {
    background: var(--clay-surface-soft);
    color: var(--clay-text);
    border: 1px solid rgb(var(--clay-border-rgb)/calc(var(--clay-border-alpha)*.7));
    border-radius: var(--clay-radius-md);
    padding: var(--clay-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .clay-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--clay-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .clay-button, .clay-icon-button, :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--clay-space-2);
    background: var(--clay-surface);
    min-height: 2.75rem;
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--clay-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--clay-transition-fast),background var(--clay-transition-fast),border-color var(--clay-transition-fast),box-shadow var(--clay-transition-fast),transform var(--clay-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .clay-button:hover, .clay-icon-button:hover, :where([data-ui="clay"]) .usk-button:hover, :where([data-ui="clay"]) .usk-icon-button:hover, :where([data-ui="clay"]) .ui-button:hover, :where([data-ui="clay"]) .ui-icon-button:hover {
    border-color: var(--clay-primary);
    transform: translateY(-1px);
  }

  .clay-button:active, .clay-icon-button:active, .clay-button[aria-pressed="true"], .clay-icon-button[aria-pressed="true"], .clay-button.is-active, .clay-icon-button.is-active, :where([data-ui="clay"]) .usk-button:active, :where([data-ui="clay"]) .usk-icon-button:active, :where([data-ui="clay"]) .usk-button[aria-pressed="true"], :where([data-ui="clay"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="clay"]) .usk-button.is-active, :where([data-ui="clay"]) .usk-icon-button.is-active, :where([data-ui="clay"]) .ui-button:active, :where([data-ui="clay"]) .ui-icon-button:active, :where([data-ui="clay"]) .ui-button[aria-pressed="true"], :where([data-ui="clay"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="clay"]) .ui-button.is-active, :where([data-ui="clay"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .clay-button-secondary:hover, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="clay"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--clay-secondary-hover);
    border-color: var(--clay-secondary-hover);
  }

  .clay-button-ghost, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--clay-text);
    box-shadow: none;
    background: none;
  }

  .clay-icon-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-icon-button {
    border-radius: var(--clay-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .clay-button:disabled, .clay-icon-button:disabled, .clay-disabled, :where([data-ui="clay"]) .usk-button:disabled, :where([data-ui="clay"]) .usk-icon-button:disabled, :where([data-ui="clay"]) .ui-button:disabled, :where([data-ui="clay"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .clay-card, .clay-panel, :where([data-ui="clay"]) .usk-card, :where([data-ui="clay"]) .ui-card {
    background: var(--clay-card-bg);
  }

  .clay-toolbar, .clay-table-wrap, .clay-button:where(:not([data-ui-variant])):not(:is(.clay-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.clay-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.clay-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.clay-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.clay-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.clay-button-outline-heavy), .clay-icon-button, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.clay-button-outline-heavy), :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.clay-button-outline-heavy), :where([data-ui="clay"]) .ui-icon-button {
    background: var(--clay-control-bg);
  }

  .clay-button, .clay-icon-button, .clay-badge, .clay-nav-link, :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .usk-badge, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-icon-button, :where([data-ui="clay"]) .ui-badge, :where([data-ui="clay"]) .ui-nav-link {
    font-family: var(--clay-font-control);
  }

  .clay-field, :where([data-ui="clay"]) .usk-field, :where([data-ui="clay"]) .ui-field {
    gap: var(--clay-space-2);
    flex-direction: column;
    display: flex;
  }

  .clay-label, :where([data-ui="clay"]) .usk-label, :where([data-ui="clay"]) .ui-label {
    color: var(--clay-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .clay-input, .clay-textarea, .clay-select, :where([data-ui="clay"]) .usk-input, :where([data-ui="clay"]) .usk-textarea, :where([data-ui="clay"]) .usk-select, :where([data-ui="clay"]) .ui-input, :where([data-ui="clay"]) .ui-textarea, :where([data-ui="clay"]) .ui-select {
    background: var(--clay-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-md);
    font: inherit;
    transition: background var(--clay-transition-fast),border-color var(--clay-transition-fast),box-shadow var(--clay-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .clay-textarea, :where([data-ui="clay"]) .usk-textarea, :where([data-ui="clay"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .clay-input::placeholder, .clay-textarea::placeholder, :where([data-ui="clay"]) .usk-input::placeholder, :where([data-ui="clay"]) .usk-textarea::placeholder, :where([data-ui="clay"]) .ui-input::placeholder, :where([data-ui="clay"]) .ui-textarea::placeholder {
    color: var(--clay-text-muted);
    opacity: .82;
  }

  .clay-input:hover, .clay-textarea:hover, .clay-select:hover, :where([data-ui="clay"]) .usk-input:hover, :where([data-ui="clay"]) .usk-textarea:hover, :where([data-ui="clay"]) .usk-select:hover, :where([data-ui="clay"]) .ui-input:hover, :where([data-ui="clay"]) .ui-textarea:hover, :where([data-ui="clay"]) .ui-select:hover {
    border-color: rgb(var(--clay-primary-rgb)/.58);
  }

  .clay-input:focus, .clay-textarea:focus, .clay-select:focus, :where([data-ui="clay"]) .usk-input:focus, :where([data-ui="clay"]) .usk-textarea:focus, :where([data-ui="clay"]) .usk-select:focus, :where([data-ui="clay"]) .ui-input:focus, :where([data-ui="clay"]) .ui-textarea:focus, :where([data-ui="clay"]) .ui-select:focus {
    border-color: var(--clay-focus);
    box-shadow: var(--clay-focus-ring);
  }

  .clay-help-text, :where([data-ui="clay"]) .usk-help-text, :where([data-ui="clay"]) .ui-help-text {
    color: var(--clay-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .clay-check, .clay-radio, :where([data-ui="clay"]) .usk-check, :where([data-ui="clay"]) .usk-radio, :where([data-ui="clay"]) .ui-check, :where([data-ui="clay"]) .ui-radio {
    align-items: center;
    gap: var(--clay-space-2);
    color: var(--clay-text);
    cursor: pointer;
    display: inline-flex;
  }

  .clay-check input, .clay-radio input, :where([data-ui="clay"]) .usk-check input, :where([data-ui="clay"]) .usk-radio input, :where([data-ui="clay"]) .ui-check input, :where([data-ui="clay"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .clay-check-control, .clay-radio-control, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .ui-check-control, :where([data-ui="clay"]) .ui-radio-control {
    background: var(--clay-surface-soft);
    border: 1px solid var(--clay-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--clay-transition-fast),box-shadow var(--clay-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .clay-check-control, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .ui-check-control {
    border-radius: var(--clay-radius-xs);
  }

  .clay-radio-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .ui-radio-control {
    border-radius: 50%;
  }

  .clay-check input:checked+.clay-check-control, .clay-radio input:checked+.clay-radio-control, :where([data-ui="clay"]) .usk-check input:checked+.usk-check-control, :where([data-ui="clay"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="clay"]) .ui-check input:checked+.ui-check-control, :where([data-ui="clay"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--clay-primary);
    border-color: var(--clay-primary);
    box-shadow: var(--clay-focus-ring);
  }

  .clay-check input:checked+.clay-check-control:after, :where([data-ui="clay"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="clay"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--clay-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .clay-radio input:checked+.clay-radio-control:after, :where([data-ui="clay"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="clay"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--clay-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .clay-switch, :where([data-ui="clay"]) .usk-switch, :where([data-ui="clay"]) .ui-switch {
    align-items: center;
    gap: var(--clay-space-3);
    color: var(--clay-text);
    cursor: pointer;
    display: inline-flex;
  }

  .clay-switch input, :where([data-ui="clay"]) .usk-switch input, :where([data-ui="clay"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .clay-switch-track, :where([data-ui="clay"]) .usk-switch-track, :where([data-ui="clay"]) .ui-switch-track {
    background: var(--clay-surface-soft);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--clay-transition-fast),box-shadow var(--clay-transition-fast);
    position: relative;
  }

  .clay-switch-thumb, :where([data-ui="clay"]) .usk-switch-thumb, :where([data-ui="clay"]) .ui-switch-thumb {
    background: var(--clay-surface-strong);
    border: 1px solid var(--clay-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--clay-shadow-alpha));
    transition: left var(--clay-transition-fast),background var(--clay-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .clay-switch input:checked+.clay-switch-track, :where([data-ui="clay"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="clay"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--clay-primary);
    border-color: var(--clay-primary);
  }

  .clay-switch input:checked+.clay-switch-track .clay-switch-thumb, :where([data-ui="clay"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="clay"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--clay-on-primary);
    left: calc(100% - 1.56rem);
  }

  .clay-badge, :where([data-ui="clay"]) .usk-badge, :where([data-ui="clay"]) .ui-badge {
    align-items: center;
    gap: var(--clay-space-1);
    background: var(--clay-surface-soft);
    min-height: 1.75rem;
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .clay-badge-secondary, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--clay-secondary);
    color: var(--clay-on-secondary);
    border-color: var(--clay-secondary);
  }

  .clay-badge-success, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--clay-success);
    color: var(--clay-on-success);
    border-color: var(--clay-success);
  }

  .clay-badge-warning, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--clay-warning);
    color: var(--clay-on-warning);
    border-color: var(--clay-warning);
  }

  .clay-badge-danger, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--clay-danger);
    color: var(--clay-on-danger);
    border-color: var(--clay-danger);
  }

  .clay-nav, :where([data-ui="clay"]) .usk-nav, :where([data-ui="clay"]) .ui-nav {
    align-items: center;
    gap: var(--clay-space-2);
    padding: var(--clay-space-2);
    background: var(--clay-surface);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--clay-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .clay-nav-link, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--clay-text-muted);
    border-radius: var(--clay-radius-pill);
    transition: color var(--clay-transition-fast),background var(--clay-transition-fast),box-shadow var(--clay-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .clay-nav-link:hover, :where([data-ui="clay"]) .usk-nav-link:hover, :where([data-ui="clay"]) .ui-nav-link:hover {
    color: var(--clay-text);
    background: var(--clay-surface-soft);
  }

  .clay-nav-link[aria-current="page"], .clay-nav-link.is-active, :where([data-ui="clay"]) .usk-nav-link[aria-current="page"], :where([data-ui="clay"]) .usk-nav-link.is-active, :where([data-ui="clay"]) .ui-nav-link[aria-current="page"], :where([data-ui="clay"]) .ui-nav-link.is-active {
    color: var(--clay-on-primary);
    background: var(--clay-primary);
  }

  .clay-tooltip, [data-ui="clay"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="clay"]) .usk-tooltip, :where([data-ui="clay"]) .ui-tooltip {
    background: var(--clay-text);
    max-inline-size: 16rem;
    color: var(--clay-bg);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .clay-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .clay-progress, :where([data-ui="clay"]) .usk-progress, :where([data-ui="clay"]) .ui-progress {
    background: var(--clay-surface-soft);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .clay-progress-bar, :where([data-ui="clay"]) .usk-progress-bar, :where([data-ui="clay"]) .ui-progress-bar {
    height: 100%;
    width: var(--clay-progress-value, 50%);
    background: linear-gradient(90deg,var(--clay-primary),var(--clay-accent));
    border-radius: inherit;
  }

  .clay-alert, :where([data-ui="clay"]) .usk-alert, :where([data-ui="clay"]) .ui-alert {
    gap: var(--clay-space-2);
    padding: var(--clay-space-4);
    background: var(--clay-surface);
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--clay-shadow-alpha));
    display: grid;
  }

  .clay-alert-success, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--clay-success);
  }

  .clay-alert-warning, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--clay-warning);
  }

  .clay-alert-danger, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--clay-danger);
  }

  .clay-alert-title, :where([data-ui="clay"]) .usk-alert-title, :where([data-ui="clay"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .clay-alert-body, :where([data-ui="clay"]) .usk-alert-body, :where([data-ui="clay"]) .ui-alert-body {
    color: var(--clay-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .clay-table-wrap, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .ui-table-wrap {
    overflow: auto;
  }

  .clay-table, :where([data-ui="clay"]) .usk-table, :where([data-ui="clay"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .clay-table th, .clay-table td, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .ui-table th, :where([data-ui="clay"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--clay-border);
    padding: .95rem 1rem;
  }

  .clay-table th, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .ui-table th {
    color: var(--clay-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--clay-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .clay-table td, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .ui-table td {
    color: var(--clay-text-muted);
  }

  .clay-table tr:hover td, :where([data-ui="clay"]) .usk-table tr:hover td, :where([data-ui="clay"]) .ui-table tr:hover td {
    background: rgb(var(--clay-primary-rgb)/.045);
  }

  .clay-text-primary {
    color: var(--usk-primary-ink, var(--clay-primary));
  }

  .clay-text-secondary {
    color: var(--clay-secondary);
  }

  .clay-text-accent {
    color: var(--usk-accent-ink, var(--clay-accent));
  }

  .clay-text-success {
    color: var(--clay-success);
  }

  .clay-text-warning {
    color: var(--clay-warning);
  }

  .clay-text-danger {
    color: var(--clay-danger);
  }

  .clay-bg-primary {
    background: var(--clay-primary);
    color: var(--clay-on-primary);
  }

  .clay-bg-secondary {
    background: var(--clay-secondary);
    color: var(--clay-on-secondary);
  }

  .clay-border {
    border: 1px solid var(--clay-border);
  }

  .clay-rounded {
    border-radius: var(--clay-radius-md);
  }

  .clay-rounded-lg {
    border-radius: var(--clay-radius-lg);
  }

  .clay-rounded-xl {
    border-radius: var(--clay-radius-xl);
  }

  .clay-pill {
    border-radius: var(--clay-radius-pill);
  }

  .clay-sr-only, .clay-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .clay-skip-link {
    z-index: 9999;
    background: var(--clay-primary);
    color: var(--clay-on-primary);
    border-radius: var(--clay-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .clay-skip-link:focus {
    transform: translateY(0);
  }

  .clay-metric, :where([data-ui="clay"]) .usk-metric, :where([data-ui="clay"]) .ui-metric {
    padding: var(--clay-space-5);
    background: var(--clay-surface);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .clay-metric-value, :where([data-ui="clay"]) .usk-metric-value, :where([data-ui="clay"]) .ui-metric-value {
    color: var(--clay-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .clay-metric-label, :where([data-ui="clay"]) .usk-metric-label, :where([data-ui="clay"]) .ui-metric-label {
    color: var(--clay-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .clay-empty-state, :where([data-ui="clay"]) .usk-empty-state, :where([data-ui="clay"]) .ui-empty-state {
    place-items: center;
    gap: var(--clay-space-3);
    min-height: 14rem;
    padding: var(--clay-space-6);
    text-align: center;
    background: var(--clay-surface-soft);
    border: 1px dashed var(--clay-border);
    border-radius: var(--clay-radius-lg);
    display: grid;
  }

  .clay-spinner, .clay-loading-spinner, [data-ui="clay"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="clay"]) .usk-spinner, :where([data-ui="clay"]) .ui-spinner {
    border: .25rem solid var(--clay-spinner-track);
    border-block-start-color: var(--clay-spinner-stroke);
    border-inline-end-color: var(--clay-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite clay-spin;
    display: inline-block;
  }

  .clay-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .clay-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .clay-button[aria-busy="true"], .clay-icon-button[aria-busy="true"], [data-ui="clay"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="clay"]) .usk-button[aria-busy="true"], :where([data-ui="clay"]) .usk-icon-button[aria-busy="true"], :where([data-ui="clay"]) .ui-button[aria-busy="true"], :where([data-ui="clay"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .clay-button[aria-busy="true"]:after, .clay-icon-button[aria-busy="true"]:after, [data-ui="clay"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="clay"]) .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--clay-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite clay-spin;
    display: inline-block;
  }

  @keyframes clay-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .clay-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--clay-border-rgb)/.72);
    border-radius: var(--clay-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .clay-card-service {
    gap: var(--clay-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .clay-card-service > .clay-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .clay-card-service > .clay-card-media + .clay-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .clay-card-feature {
    gap: var(--clay-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .clay-icon-medallion {
    background: var(--clay-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--clay-on-primary);
    border: 2px solid rgb(var(--clay-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .clay-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .clay-button.clay-button-cut, .clay-button-cut, :where([data-ui="clay"]) .usk-button.clay-button-cut, :where([data-ui="clay"]) .ui-button.clay-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .clay-button.clay-button-cut:focus-visible, .clay-button-cut:focus-visible, :where([data-ui="clay"]) .usk-button.clay-button-cut:focus-visible, :where([data-ui="clay"]) .ui-button.clay-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .clay-button.clay-button-outline-heavy, .clay-button-outline-heavy, :where([data-ui="clay"]) .usk-button.clay-button-outline-heavy, :where([data-ui="clay"]) .ui-button.clay-button-outline-heavy {
    color: var(--usk-primary-ink, var(--clay-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--clay-primary);
    box-shadow: none;
    background: none;
  }

  .clay-button.clay-button-outline-heavy:hover, .clay-button-outline-heavy:hover, :where([data-ui="clay"]) .usk-button.clay-button-outline-heavy:hover, :where([data-ui="clay"]) .ui-button.clay-button-outline-heavy:hover {
    background: var(--clay-primary);
    color: var(--clay-on-primary);
    border-color: var(--clay-primary-hover);
  }

  .clay-badge-seal {
    aspect-ratio: 1;
    background: var(--clay-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--clay-text);
    border: 2px solid var(--clay-primary);
    text-align: center;
    font-family: var(--clay-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .clay-feature-strip {
    background: var(--clay-card-bg);
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .clay-feature-item {
    align-items: center;
    gap: var(--clay-space-3);
    min-inline-size: 0;
    padding: var(--clay-space-4);
    border-inline-end: 1px solid rgb(var(--clay-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .clay-feature-item:last-child {
    border-inline-end: 0;
  }

  .clay-feature-item > :where(p, small) {
    color: var(--clay-text-muted);
    margin: 0;
  }

  .clay-callout-bar {
    align-items: center;
    gap: var(--clay-space-4);
    padding: var(--clay-space-4) var(--clay-space-5);
    background: var(--clay-card-bg);
    color: var(--clay-text);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .clay-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .clay-callout-bar>:where(.clay-button,a,button):last-child, :where([data-ui="clay"]) .clay-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="clay"]) .clay-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .clay-eyebrow {
    color: var(--usk-primary-ink, var(--clay-primary));
    font-family: var(--clay-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .clay-media-scrim {
    isolation: isolate;
    background: var(--clay-surface-soft);
    border: 1px solid var(--clay-border);
    border-radius: var(--clay-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .clay-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .clay-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .clay-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .clay-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .clay-callout-bar>:where(.clay-button,a,button):last-child, :where([data-ui="clay"]) .clay-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="clay"]) .clay-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .clay-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--clay-border-rgb)/.62);
    }

    .clay-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .clay-card-service, .clay-card-feature, .clay-feature-strip, .clay-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--clay-shadow-alpha) + .03));
  }

  .clay-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .clay-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--clay-shadow-alpha) + .05));
  }

  :root {
    --clay-font-display: "Clay Rounded", "Arial Rounded MT Bold", "Segoe UI", sans-serif;
    --clay-font-body: "Segoe UI", Arial, sans-serif;
    --clay-font-heading: var(--clay-font-display);
    --clay-font-control: var(--clay-font-body);
    --clay-radius-xs: .25rem;
    --clay-radius-sm: .4rem;
    --clay-radius-md: .625rem .8125rem .6875rem .75rem;
    --clay-radius-lg: .75rem .9375rem .8125rem .875rem;
    --clay-radius-xl: .875rem 1.0625rem .9375rem 1rem;
  }

  [data-ui="clay"][data-mode="light"] {
    --clay-material-canvas: #ebe4db;
    --clay-material-slab: #e9e2d9;
    --clay-material-raised: #e5ddd3;
    --clay-material-inset: #e5ded5;
    --clay-material-seam: #afa498;
    --clay-material-highlight: #fffcf6c7;
    --clay-material-contact: #473c3447;
    --clay-material-deep: #3129237a;
    --clay-material-ink: #34312f;
    --clay-material-muted-ink: #6e675f;
    --clay-grain-dark: #463a310b;
    --clay-grain-light: #fffdf81a;
    --clay-thumb-material: #cec2b5;
    --clay-pigment-base: #90795d;
    --clay-pigment-share: 55%;
    --clay-pigment-ink: #f8f4ee;
    --clay-tooltip-material: #474541;
    --clay-tooltip-ink: #f8f3ec;
    --clay-label-relief: 0 -.7px .45px #362c2557, 0 .8px .55px #ffffffad;
  }

  [data-ui="clay"][data-mode="dark"] {
    --clay-material-canvas: #1c1e1f;
    --clay-material-slab: #202324;
    --clay-material-raised: #292c2d;
    --clay-material-inset: #181a1b;
    --clay-material-seam: #0c0d0e;
    --clay-material-highlight: #8f949347;
    --clay-material-contact: #000000b8;
    --clay-material-deep: #000000e6;
    --clay-material-ink: #dedad3;
    --clay-material-muted-ink: #a6a29b;
    --clay-grain-dark: #00000013;
    --clay-grain-light: #a4a8a60a;
    --clay-thumb-material: #6d6a65;
    --clay-pigment-base: #202225;
    --clay-pigment-share: 45%;
    --clay-pigment-ink: #f2efea;
    --clay-tooltip-material: #0d0f10;
    --clay-tooltip-ink: #eee9e2;
    --clay-label-relief: 0 -.7px .45px #000000d1, 0 .8px .55px #9195934d;
  }

  [data-ui="clay"][data-mode="contrast"] {
    --clay-material-canvas: #000;
    --clay-material-slab: #111;
    --clay-material-raised: #1c1c1c;
    --clay-material-inset: #000;
    --clay-material-seam: #fff;
    --clay-material-highlight: #ffffff4d;
    --clay-material-contact: #000000e6;
    --clay-material-deep: #000;
    --clay-material-ink: #fff;
    --clay-material-muted-ink: #fff;
    --clay-grain-dark: transparent;
    --clay-grain-light: transparent;
    --clay-thumb-material: #fff;
    --clay-pigment-base: #000;
    --clay-pigment-share: 100%;
    --clay-pigment-ink: #000;
    --clay-tooltip-material: #000;
    --clay-tooltip-ink: #fff;
    --clay-label-relief: none;
  }

  [data-ui="clay"][data-mode] {
    --clay-panel-clip: polygon(10px 2px, 36% 0, calc(100% - 12px) 1px, calc(100% - 3px) 6px, 100% 68%, calc(100% - 4px) calc(100% - 8px), calc(100% - 13px) calc(100% - 2px), 30% 100%, 9px calc(100% - 2px), 2px calc(100% - 8px), 0 28%, 4px 4px);
    --clay-control-clip: polygon(7px 1px, 28% 0, 68% 1px, calc(100% - 8px) 0, calc(100% - 3px) 3px, 100% 8px, calc(100% - 1px) 56%, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 3px), calc(100% - 9px) 100%, 64% calc(100% - 1px), 30% 100%, 7px calc(100% - 1px), 2px calc(100% - 4px), 0 calc(100% - 9px), 1px 38%, 0 8px, 3px 3px);
    --clay-chip-clip: polygon(.12rem .06rem, 30% .01rem, 68% .08rem, calc(100% - .12rem) .02rem, calc(100% - .01rem) 22%, calc(100% - .07rem) 72%, calc(100% - .14rem) calc(100% - .04rem), 64% calc(100% - .08rem), 28% 100%, .1rem calc(100% - .06rem), .02rem 76%, .06rem 18%);
    --clay-track-clip: polygon(.12rem .03rem, 24% 0, 52% .02rem, calc(100% - .1rem) 0, 100% .1rem, calc(100% - .02rem) calc(100% - .08rem), calc(100% - .12rem) 100%, 70% calc(100% - .02rem), 38% 100%, .08rem calc(100% - .02rem), 0 calc(100% - .1rem), .02rem .11rem);
    --clay-value-clip: polygon(.1rem .02rem, 26% 0, 54% .03rem, calc(100% - .11rem) .01rem, 100% .09rem, calc(100% - .02rem) calc(100% - .09rem), calc(100% - .11rem) 100%, 72% calc(100% - .02rem), 40% 100%, .09rem calc(100% - .01rem), 0 calc(100% - .1rem), .02rem .1rem);
    --clay-cell-clip: polygon(0.35% 0.9%, 29% 0.2%, 65% 0.7%, 99.55% 0.1%, 100% 48%, 99.5% 99%, 68% 99.6%, 31% 99.2%, 0.2% 99.8%, 0 46%);
    --clay-thumb-clip: ellipse(48% 49% at 50% 50%);
    --clay-knob-clip: polygon(14% 5%, 38% 0, 73% 4%, 94% 18%, 100% 54%, 88% 86%, 58% 100%, 22% 93%, 3% 68%, 0 30%);
    --clay-grain-image: radial-gradient(circle at 28% 32%, var(--clay-grain-dark) 0 .22px, transparent .42px), radial-gradient(circle at 72% 64%, var(--clay-grain-light) 0 .24px, transparent .46px);
    --clay-grain-size: 17px 19px, 23px 29px;
    --clay-pigment-primary: var(--clay-primary);
    --clay-pigment-primary-hover: var(--clay-primary-hover);
    --clay-pigment-secondary: var(--clay-secondary);
    --clay-pigment-danger: var(--clay-danger);
    --clay-pigment-success: var(--clay-success);
    --clay-pigment-warning: var(--clay-warning);
    --usk-native-primary: var(--clay-pigment-primary);
    --usk-native-primary-hover: var(--clay-pigment-primary-hover);
    --usk-native-on-primary: var(--clay-pigment-ink);
    --usk-native-success: var(--clay-pigment-success);
    --usk-native-warning: var(--clay-pigment-warning);
    --usk-native-danger: var(--clay-pigment-danger);
    --clay-surface: var(--clay-material-slab);
    --clay-surface-strong: var(--clay-material-raised);
    --clay-surface-soft: var(--clay-material-inset);
    --clay-text: var(--clay-material-ink);
    --clay-text-muted: var(--clay-material-muted-ink);
    --clay-fg: var(--clay-material-ink);
    --clay-surface-fg: var(--clay-material-ink);
    --clay-muted: var(--clay-material-muted-ink);
    --clay-control-fg: var(--clay-material-ink);
    --clay-border: var(--clay-material-seam);
    --clay-theme-bg: var(--clay-material-canvas);
    --clay-theme-bg-size: auto;
    --clay-card-bg: var(--clay-material-slab);
    --clay-control-bg: var(--clay-material-inset);
    --clay-slab-shadow: inset 0 1px 2px var(--clay-material-highlight), inset 0 -2px 4px var(--clay-material-contact), 0 3px 8px var(--clay-material-contact);
    --clay-relief-shadow: inset 1px 1px 3px var(--clay-material-highlight), inset -1px -2px 3px var(--clay-material-contact), 0 2px 3px var(--clay-material-contact);
    --clay-carved-shadow: inset 1px 2px 4px var(--clay-material-contact), inset -1px -1px 2px var(--clay-material-highlight);
    --clay-filled-shadow: var(--clay-relief-shadow);
    --clay-seam-shadow: inset 0 1px 0 var(--clay-material-highlight);
    --clay-edge-filter: none;
    --clay-foreground-filter: none;
    --clay-slab-filter: none;
    --clay-molded-track: var(--clay-grain-image), linear-gradient(180deg, var(--clay-material-contact), transparent 46%), var(--clay-material-inset);
    --clay-molded-raised: var(--clay-grain-image), linear-gradient(176deg, var(--clay-material-highlight), transparent 42%), var(--clay-material-raised);
    --clay-molded-thumb: var(--clay-grain-image), radial-gradient(circle at 34% 24%, var(--clay-material-highlight), transparent 46%), linear-gradient(176deg, var(--clay-material-highlight), transparent 44%), var(--clay-thumb-material);
    --clay-molded-primary: var(--clay-grain-image), linear-gradient(176deg, var(--clay-material-highlight), transparent 20%), var(--clay-pigment-primary);
    --clay-molded-success: var(--clay-grain-image), linear-gradient(176deg, var(--clay-material-highlight), transparent 42%), var(--clay-pigment-success);
    --clay-molded-warning: var(--clay-grain-image), linear-gradient(176deg, var(--clay-material-highlight), transparent 42%), var(--clay-pigment-warning);
    --clay-molded-danger: var(--clay-grain-image), linear-gradient(176deg, var(--clay-material-highlight), transparent 42%), var(--clay-pigment-danger);
    --usk-native-card-bg: var(--clay-material-slab);
    --usk-native-control-bg: var(--clay-material-inset);
    --usk-native-border: var(--clay-material-seam);
    --usk-native-control-min-block-size: 2rem;
    --usk-native-control-padding-block: .34rem;
    --usk-native-control-padding-inline: .64rem;
    --usk-native-radius-sm: .36rem;
    --usk-native-radius: .58rem;
    --usk-native-radius-lg: .72rem;
    --usk-native-shadow: var(--clay-relief-shadow);
    --usk-native-shadow-md: var(--clay-slab-shadow);
    --usk-native-focus-ring: 0 0 0 .16rem rgb(var(--clay-focus-rgb) / .42), var(--clay-carved-shadow);
    --usk-native-subcontrol-padding-block: .4rem;
    --usk-native-subcontrol-padding-inline: .58rem;
    --usk-native-choice-size: 1.08rem;
    --usk-native-choice-background: var(--clay-material-raised);
    --usk-native-choice-border: 1px solid var(--clay-material-seam);
    --usk-native-checkbox-radius: .24rem;
    --usk-native-choice-shadow: var(--clay-relief-shadow);
    --usk-native-choice-checked-background: var(--clay-pigment-primary);
    --usk-native-select-indicator-size: .3rem .3rem, .3rem .3rem;
    --usk-native-select-indicator-position: calc(100% - .92rem) 48%, calc(100% - .67rem) 48%;
    --usk-native-select-padding-inline-end: 2rem;
    --usk-native-range-track-size: .46rem;
    --usk-native-range-track-background: var(--clay-molded-track);
    --usk-native-range-track-border: 1px solid var(--clay-material-seam);
    --usk-native-range-track-radius: .26rem .34rem .29rem .32rem;
    --usk-native-range-track-shadow: var(--clay-carved-shadow);
    --usk-native-range-progress-background: var(--clay-molded-primary);
    --usk-native-range-thumb-size: 1.32rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--clay-material-seam);
    --usk-native-range-thumb-radius: 43% 57% 47% 53% / 52% 45% 55% 48%;
    --usk-native-range-thumb-shadow: inset 0 0 0 1px var(--clay-material-seam), var(--clay-filled-shadow);
    --usk-native-progress-size: .56rem;
    --usk-native-progress-track-background: var(--clay-molded-track);
    --usk-native-progress-track-border: 1px solid var(--clay-material-seam);
    --usk-native-progress-track-radius: .25rem .34rem .28rem .31rem;
    --usk-native-progress-track-shadow: var(--clay-carved-shadow);
    --usk-native-progress-value-background: var(--clay-molded-primary);
    --usk-native-progress-value-radius: .16rem .24rem .19rem .22rem;
    --usk-native-progress-value-shadow: var(--clay-filled-shadow);
    --usk-native-meter-optimum-background: var(--clay-molded-success);
    --usk-native-meter-suboptimum-background: var(--clay-molded-warning);
    --usk-native-meter-critical-background: var(--clay-molded-danger);
    --usk-native-file-button-background: var(--clay-pigment-primary);
    --usk-native-indicator-filter: var(--clay-foreground-filter);
    --usk-native-scrollbar-size: .68rem;
    --usk-native-scrollbar-track: var(--clay-material-inset);
    --usk-native-scrollbar-thumb: var(--clay-material-raised);
    --usk-native-scrollbar-radius: .3rem;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="clay"][data-mode] {
      --clay-pigment-primary: color-mix(in srgb, rgb(var(--clay-primary-rgb)) var(--clay-pigment-share), var(--clay-pigment-base));
      --clay-pigment-primary-hover: color-mix(in srgb, rgb(var(--clay-primary-hover-rgb)) var(--clay-pigment-share), var(--clay-pigment-base));
      --clay-pigment-secondary: color-mix(in srgb, rgb(var(--clay-secondary-rgb)) 44%, #7f8577);
      --clay-pigment-danger: color-mix(in srgb, rgb(var(--clay-danger-rgb)) 48%, #bd725a);
      --clay-pigment-success: color-mix(in srgb, rgb(var(--clay-success-rgb)) 42%, #7f8d76);
      --clay-pigment-warning: color-mix(in srgb, rgb(var(--clay-warning-rgb)) 44%, #b4864f);
    }
  }

  [data-ui="clay"][data-theme][data-mode] {
    --clay-material-canvas: rgb(var(--clay-bg-rgb));
    --clay-material-slab: rgb(var(--clay-surface-rgb));
    --clay-material-raised: rgb(var(--clay-surface-strong-rgb));
    --clay-material-inset: rgb(var(--clay-surface-soft-rgb));
    --clay-material-seam: rgb(var(--clay-border-rgb));
    --clay-material-ink: rgb(var(--clay-text-rgb));
    --clay-material-muted-ink: rgb(var(--clay-text-muted-rgb));
    --clay-thumb-material: rgb(var(--clay-surface-strong-rgb));
    --clay-pigment-base: rgb(var(--clay-surface-soft-rgb));
    --clay-pigment-primary: rgb(var(--clay-primary-rgb));
    --clay-pigment-primary-hover: rgb(var(--clay-primary-hover-rgb));
    --clay-pigment-secondary: rgb(var(--clay-secondary-rgb));
    --clay-pigment-success: rgb(var(--clay-success-rgb));
    --clay-pigment-warning: rgb(var(--clay-warning-rgb));
    --clay-pigment-danger: rgb(var(--clay-danger-rgb));
    --clay-pigment-ink: rgb(var(--clay-primary-text-rgb));
    --clay-tooltip-material: rgb(var(--clay-text-rgb));
    --clay-tooltip-ink: rgb(var(--clay-surface-rgb));
  }

  [data-ui="clay"][data-theme][data-mode="light"] {
    --clay-material-highlight: #ffffff73;
    --clay-material-contact: rgb(var(--clay-text-rgb) / .22);
    --clay-material-deep: rgb(var(--clay-text-rgb) / .4);
    --clay-grain-dark: rgb(var(--clay-text-rgb) / .045);
    --clay-grain-light: #ffffff1a;
    --clay-label-relief: 0 -.7px .45px rgb(var(--clay-text-rgb) / .25), 0 .8px .55px #ffffff80;
  }

  [data-ui="clay"][data-theme][data-mode="dark"] {
    --clay-material-highlight: #ffffff1f;
    --clay-grain-light: #ffffff0a;
    --clay-label-relief: 0 -.7px .45px #000000d1, 0 .8px .55px #ffffff29;
  }

  [data-ui="clay"] {
    background-color: var(--clay-material-canvas);
    background-image: var(--clay-grain-image),linear-gradient(100deg,rgb(var(--clay-primary-rgb)/.018),transparent 34%,rgb(var(--clay-accent-rgb)/.012));
    background-size: var(--clay-grain-size),auto;
    text-shadow: none;
    font-stretch: normal;
  }

  [data-ui="clay"][data-mode] :where(input, textarea, select) {
    text-shadow: none;
  }

  [data-ui="clay"][data-mode] :where(button, a, label, summary, .clay-icon-medallion, .clay-badge-seal) > svg {
    filter: var(--clay-foreground-filter);
  }

  .clay-title {
    letter-spacing: max(.018em, .5px);
    text-transform: uppercase;
    margin-block: .75rem;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 600;
    line-height: 1;
  }

  .clay-heading {
    letter-spacing: .018em;
    font-size: clamp(1.05rem, 2vw, 1.45rem);
    font-weight: 600;
  }

  .clay-kicker, .clay-label, .clay-table th, .clay-eyebrow, :where([data-ui="clay"]) .usk-label, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .ui-label, :where([data-ui="clay"]) .ui-table th {
    letter-spacing: .055em;
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 560;
  }

  [data-ui="clay"][data-mode] :where(h1, h2, h3, h4, h5, h6) {
    text-shadow: var(--clay-label-relief);
    font-weight: 600;
  }

  [data-ui="clay"][data-mode] :where(label) {
    font-weight: 500;
  }

  [data-ui="clay"][data-mode] :where(legend,summary,strong,b,dt), .clay-alert-title, .clay-metric-label, :where([data-ui="clay"]) .usk-alert-title, :where([data-ui="clay"]) .usk-metric-label, :where([data-ui="clay"]) .ui-alert-title, :where([data-ui="clay"]) .ui-metric-label {
    font-weight: 600;
  }

  .clay-surface, .clay-card, .clay-panel, .clay-toolbar, .clay-table-wrap, .clay-card-service, .clay-card-feature, .clay-feature-strip, .clay-callout-bar, .clay-metric, [data-ui="clay"][data-mode] :where(fieldset,article,aside,details,dialog), :where([data-ui="clay"]) .usk-card, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-metric, :where([data-ui="clay"]) .ui-card, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-metric {
    background-color: var(--clay-material-slab);
    background-image: var(--clay-grain-image),linear-gradient(178deg,var(--clay-material-highlight),transparent .2rem);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-slab-shadow);
    clip-path: var(--clay-panel-clip);
    filter: var(--clay-slab-filter);
    border-radius: .625rem .8125rem .6875rem .75rem;
  }

  .clay-card, .clay-panel, :where([data-ui="clay"]) .usk-card, :where([data-ui="clay"]) .ui-card {
    padding: 1rem;
  }

  .clay-card-service, .clay-card-feature, .clay-feature-strip, .clay-callout-bar {
    padding: .9rem;
  }

  .clay-card-service > .clay-button-cut {
    justify-self: center;
  }

  .clay-feature-strip {
    gap: 0;
  }

  .clay-feature-item {
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 0;
    padding: .72rem;
  }

  .clay-card-accent-edge {
    border-inline-start: .28rem solid var(--clay-primary);
  }

  .clay-well, .clay-inset {
    background-color: var(--clay-material-inset);
    background-image: var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-contact),transparent .24rem);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-carved-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    border-radius: .48rem .62rem .54rem .58rem;
    padding: .78rem;
  }

  .clay-button, .clay-icon-button, [data-ui="clay"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])), :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-icon-button {
    background-color: var(--clay-control-bg);
    background-image: var(--clay-grain-image),linear-gradient(174deg,var(--clay-material-highlight),transparent 34%);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    min-height: 2rem;
    box-shadow: var(--clay-relief-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    font-family: var(--clay-font-control);
    letter-spacing: 0;
    text-shadow: var(--clay-label-relief);
    border-radius: .48rem .6rem .52rem .56rem;
    padding: .34rem .64rem;
    font-weight: 500;
  }

  .clay-icon-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-icon-button {
    width: 2rem;
    padding: 0;
  }

  .clay-button:hover, .clay-icon-button:hover, :where([data-ui="clay"]) .usk-button:hover, :where([data-ui="clay"]) .usk-icon-button:hover, :where([data-ui="clay"]) .ui-button:hover, :where([data-ui="clay"]) .ui-icon-button:hover {
    transform: translateY(-1px);
  }

  .clay-button:active, .clay-icon-button:active, .clay-button[aria-pressed="true"], .clay-icon-button[aria-pressed="true"], .clay-button.is-active, .clay-icon-button.is-active, [data-ui="clay"][data-mode] :where(button:not([class]):active), :where([data-ui="clay"]) .usk-button:active, :where([data-ui="clay"]) .usk-icon-button:active, :where([data-ui="clay"]) .usk-button[aria-pressed="true"], :where([data-ui="clay"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="clay"]) .usk-button.is-active, :where([data-ui="clay"]) .usk-icon-button.is-active, :where([data-ui="clay"]) .ui-button:active, :where([data-ui="clay"]) .ui-icon-button:active, :where([data-ui="clay"]) .ui-button[aria-pressed="true"], :where([data-ui="clay"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="clay"]) .ui-button.is-active, :where([data-ui="clay"]) .ui-icon-button.is-active {
    box-shadow: var(--clay-carved-shadow);
    filter: var(--clay-edge-filter);
    text-shadow: var(--clay-label-relief);
    transform: translateY(1px);
  }

  .clay-button-primary, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--clay-molded-primary);
    color: var(--clay-pigment-ink);
    border-color: var(--clay-pigment-primary);
  }

  .clay-button-primary:hover, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="clay"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--clay-molded-primary);
    border-color: var(--clay-pigment-primary-hover);
  }

  .clay-button-secondary, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),var(--clay-pigment-secondary);
    color: var(--clay-on-secondary);
    border-color: var(--clay-pigment-secondary);
  }

  .clay-button-secondary:hover, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="clay"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background-color: var(--clay-pigment-secondary);
    border-color: var(--clay-pigment-secondary);
  }

  .clay-button-danger, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--clay-molded-danger);
    color: rgb(var(--clay-danger-text-rgb));
    border-color: var(--clay-pigment-danger);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-button-secondary, :where([data-ui="clay"])[data-theme][data-mode] .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="clay"])[data-theme][data-mode] .ui-button:where([data-ui-variant="secondary"]) {
    color: var(--clay-on-secondary);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-button-danger, :where([data-ui="clay"])[data-theme][data-mode] .usk-button:where([data-ui-variant="danger"]), :where([data-ui="clay"])[data-theme][data-mode] .ui-button:where([data-ui-variant="danger"]) {
    color: rgb(var(--clay-danger-text-rgb));
  }

  .clay-button-ghost, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="ghost"]) {
    background-color: var(--clay-material-slab);
    color: var(--clay-text);
    border-color: var(--clay-material-seam);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .clay-button-primary, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="primary"]) {
      border-color: color-mix(in srgb,var(--clay-pigment-primary),var(--clay-material-seam) 34%);
    }

    .clay-button-secondary, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="secondary"]) {
      border-color: color-mix(in srgb,var(--clay-pigment-secondary),var(--clay-material-seam) 34%);
    }

    .clay-button-secondary:hover, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="clay"]) .ui-button:where([data-ui-variant="secondary"]):hover {
      background-color: color-mix(in srgb,var(--clay-pigment-secondary),white 8%);
    }

    .clay-button-danger, :where([data-ui="clay"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-button:where([data-ui-variant="danger"]) {
      border-color: color-mix(in srgb,var(--clay-pigment-danger),var(--clay-material-seam) 34%);
    }
  }

  .clay-button.clay-button-cut, .clay-button-cut, :where([data-ui="clay"]) .usk-button.clay-button-cut, :where([data-ui="clay"]) .ui-button.clay-button-cut {
    min-inline-size: 8rem;
    max-inline-size: 100%;
    clip-path: var(--clay-chip-clip);
    border-radius: .42rem .54rem .46rem .5rem;
    justify-content: center;
    justify-self: center;
    padding-inline: 1.5rem;
  }

  .clay-button.clay-button-outline-heavy, .clay-button-outline-heavy, :where([data-ui="clay"]) .usk-button.clay-button-outline-heavy, :where([data-ui="clay"]) .ui-button.clay-button-outline-heavy {
    background-color: var(--clay-material-raised);
    color: var(--usk-primary-ink, var(--clay-text));
    border: 2px solid var(--clay-primary);
    clip-path: var(--clay-chip-clip);
  }

  .clay-input, .clay-textarea, .clay-select, [data-ui="clay"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select), :where([data-ui="clay"]) .usk-input, :where([data-ui="clay"]) .usk-textarea, :where([data-ui="clay"]) .usk-select, :where([data-ui="clay"]) .ui-input, :where([data-ui="clay"]) .ui-textarea, :where([data-ui="clay"]) .ui-select {
    background-color: var(--clay-material-inset);
    background-image: var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-contact),transparent .24rem);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    min-height: 2rem;
    box-shadow: var(--clay-carved-shadow);
    clip-path: var(--clay-control-clip);
    font-weight: 400;
    font-family: var(--clay-font-control);
    text-shadow: none;
    border-radius: .42rem .55rem .46rem .52rem;
    padding: .34rem .64rem;
  }

  .clay-input[aria-invalid="true"], .clay-textarea[aria-invalid="true"], .clay-select[aria-invalid="true"], :where([data-ui="clay"]) .usk-input[aria-invalid="true"], :where([data-ui="clay"]) .usk-textarea[aria-invalid="true"], :where([data-ui="clay"]) .usk-select[aria-invalid="true"], :where([data-ui="clay"]) .ui-input[aria-invalid="true"], :where([data-ui="clay"]) .ui-textarea[aria-invalid="true"], :where([data-ui="clay"]) .ui-select[aria-invalid="true"] {
    border-color: var(--clay-danger);
    box-shadow: 0 0 0 2px rgb(var(--clay-danger-rgb)/.18),var(--clay-carved-shadow);
  }

  .clay-input[readonly], .clay-textarea[readonly], :where([data-ui="clay"]) .usk-input[readonly], :where([data-ui="clay"]) .usk-textarea[readonly], :where([data-ui="clay"]) .ui-input[readonly], :where([data-ui="clay"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
  }

  [data-ui="clay"][data-mode] :where(input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"]) {
    border-color: var(--clay-danger);
    box-shadow: 0 0 0 2px rgb(var(--clay-danger-rgb)/.18),var(--clay-carved-shadow);
  }

  .clay-select, [data-ui="clay"][data-mode] :where(select:not([multiple])), :where([data-ui="clay"]) .usk-select, :where([data-ui="clay"]) .ui-select {
    appearance: none;
    background-color: var(--clay-material-inset);
    background-image: var(--usk-native-select-indicator-image),var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-contact),transparent .24rem);
    background-position: var(--usk-native-select-indicator-position),0 0,0 0,0 0;
    background-size: var(--usk-native-select-indicator-size),var(--clay-grain-size),auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
  }

  .clay-input:focus, .clay-textarea:focus, .clay-select:focus, [data-ui="clay"][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus,textarea:focus,select:focus), :where([data-ui="clay"]) .usk-input:focus, :where([data-ui="clay"]) .usk-textarea:focus, :where([data-ui="clay"]) .usk-select:focus, :where([data-ui="clay"]) .ui-input:focus, :where([data-ui="clay"]) .ui-textarea:focus, :where([data-ui="clay"]) .ui-select:focus {
    border-color: var(--clay-focus);
    box-shadow: var(--usk-native-focus-ring);
  }

  .clay-check-control, .clay-radio-control, .clay-switch-track, .clay-switch-thumb, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .usk-switch-track, :where([data-ui="clay"]) .usk-switch-thumb, :where([data-ui="clay"]) .ui-check-control, :where([data-ui="clay"]) .ui-radio-control, :where([data-ui="clay"]) .ui-switch-track, :where([data-ui="clay"]) .ui-switch-thumb {
    border-color: var(--clay-material-seam);
    box-shadow: var(--clay-relief-shadow);
    filter: var(--clay-edge-filter);
  }

  .clay-check-control, .clay-radio-control, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .ui-check-control, :where([data-ui="clay"]) .ui-radio-control {
    background: var(--clay-molded-raised);
  }

  .clay-check-control, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .ui-check-control {
    clip-path: var(--clay-chip-clip);
  }

  .clay-radio-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .ui-radio-control {
    clip-path: var(--clay-thumb-clip);
  }

  .clay-switch-thumb, :where([data-ui="clay"]) .usk-switch-thumb, :where([data-ui="clay"]) .ui-switch-thumb {
    clip-path: var(--clay-knob-clip);
  }

  .clay-check input:checked+.clay-check-control, .clay-radio input:checked+.clay-radio-control, .clay-switch input:checked+.clay-switch-track, :where([data-ui="clay"]) .usk-check input:checked+.usk-check-control, :where([data-ui="clay"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="clay"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="clay"]) .ui-check input:checked+.ui-check-control, :where([data-ui="clay"]) .ui-radio input:checked+.ui-radio-control, :where([data-ui="clay"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--clay-molded-primary);
    border-color: var(--clay-pigment-primary);
  }

  .clay-switch-track, :where([data-ui="clay"]) .usk-switch-track, :where([data-ui="clay"]) .ui-switch-track {
    background: var(--clay-molded-track);
    clip-path: var(--clay-control-clip);
    border-radius: 46% 54% 48% 52%;
  }

  .clay-switch-thumb, :where([data-ui="clay"]) .usk-switch-thumb, :where([data-ui="clay"]) .ui-switch-thumb {
    background: var(--clay-molded-thumb);
    border-radius: 48% 52% 45% 55%;
  }

  .clay-switch input:checked+.clay-switch-track .clay-switch-thumb, :where([data-ui="clay"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="clay"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--clay-molded-thumb);
  }

  .clay-badge, :where([data-ui="clay"]) .usk-badge, :where([data-ui="clay"]) .ui-badge {
    border-color: var(--clay-material-seam);
    min-height: 1.48rem;
    box-shadow: var(--clay-relief-shadow);
    clip-path: var(--clay-chip-clip);
    filter: var(--clay-edge-filter);
    text-shadow: var(--clay-label-relief);
    background: var(--clay-molded-raised);
    border-radius: .34rem .42rem .36rem .4rem;
    padding: .24rem .52rem;
    font-weight: 500;
  }

  .clay-badge-primary, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--clay-molded-primary);
    color: var(--clay-pigment-ink);
    border-color: var(--clay-pigment-primary);
  }

  .clay-badge-secondary, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="secondary"]) {
    --clay-badge-dot: var(--clay-pigment-secondary);
  }

  .clay-badge-success, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="success"]) {
    --clay-badge-dot: var(--clay-pigment-success);
  }

  .clay-badge-warning, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="warning"]) {
    --clay-badge-dot: var(--clay-pigment-warning);
  }

  .clay-badge-danger, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="danger"]) {
    --clay-badge-dot: var(--clay-pigment-danger);
  }

  .clay-badge-secondary:before, .clay-badge-success:before, .clay-badge-warning:before, .clay-badge-danger:before, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="secondary"]):before, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="success"]):before, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="warning"]):before, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="danger"]):before, :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="secondary"]):before, :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="success"]):before, :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="warning"]):before, :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="danger"]):before {
    content: "";
    background-color: var(--clay-badge-dot);
    background-image: radial-gradient(circle at 34% 24%,var(--clay-material-highlight)0 16%,transparent 48%);
    border: 1px solid var(--clay-material-seam);
    block-size: .48rem;
    inline-size: .48rem;
    box-shadow: inset .05rem .05rem .06rem var(--clay-material-highlight),inset -.06rem -.07rem .08rem var(--clay-material-deep),0 .08rem .08rem var(--clay-material-contact);
    clip-path: var(--clay-thumb-clip);
    border-radius: 46% 54% 48% 52% / 52% 46% 54% 48%;
    flex: none;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .clay-badge-secondary, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="secondary"]) {
      background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),color-mix(in srgb,var(--clay-pigment-secondary) 28%,var(--clay-material-raised));
      color: var(--clay-material-ink);
      border-color: color-mix(in srgb,var(--clay-pigment-secondary),var(--clay-material-seam) 52%);
    }

    .clay-badge-success, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="success"]) {
      background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),color-mix(in srgb,var(--clay-pigment-success) 28%,var(--clay-material-raised));
      color: var(--clay-material-ink);
      border-color: color-mix(in srgb,var(--clay-pigment-success),var(--clay-material-seam) 52%);
    }

    .clay-badge-warning, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="warning"]) {
      background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),color-mix(in srgb,var(--clay-pigment-warning) 28%,var(--clay-material-raised));
      color: var(--clay-material-ink);
      border-color: color-mix(in srgb,var(--clay-pigment-warning),var(--clay-material-seam) 52%);
    }

    .clay-badge-danger, :where([data-ui="clay"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-badge:where([data-ui-variant="danger"]) {
      background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),color-mix(in srgb,var(--clay-pigment-danger) 28%,var(--clay-material-raised));
      color: var(--clay-material-ink);
      border-color: color-mix(in srgb,var(--clay-pigment-danger),var(--clay-material-seam) 52%);
    }
  }

  .clay-nav, :where([data-ui="clay"]) .usk-nav, :where([data-ui="clay"]) .ui-nav {
    background: var(--clay-material-inset);
    border-color: var(--clay-material-seam);
    box-shadow: var(--clay-carved-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    border-radius: .48rem .6rem .52rem .56rem;
    gap: 0;
    padding: .18rem;
  }

  .clay-nav-link, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .ui-nav-link {
    min-height: 2.1rem;
    clip-path: var(--clay-control-clip);
    color: var(--clay-text);
    text-shadow: var(--clay-label-relief);
    border-radius: .3rem .38rem .32rem .36rem;
    padding: .42rem .62rem;
    font-weight: 500;
  }

  .clay-nav-link[aria-current="page"], .clay-nav-link.is-active, :where([data-ui="clay"]) .usk-nav-link[aria-current="page"], :where([data-ui="clay"]) .usk-nav-link.is-active, :where([data-ui="clay"]) .ui-nav-link[aria-current="page"], :where([data-ui="clay"]) .ui-nav-link.is-active {
    background: var(--clay-molded-primary);
    color: var(--clay-pigment-ink);
    box-shadow: var(--clay-filled-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
  }

  .clay-alert, :where([data-ui="clay"]) .usk-alert, :where([data-ui="clay"]) .ui-alert {
    background-color: var(--clay-material-raised);
    background-image: var(--clay-grain-image),linear-gradient(170deg,var(--clay-material-highlight),transparent 42%);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-relief-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    border-inline-start-width: .28rem;
    border-radius: .42rem .55rem .46rem .52rem;
    padding: .7rem .82rem;
  }

  .clay-progress, :where([data-ui="clay"]) .usk-progress, :where([data-ui="clay"]) .ui-progress {
    background: var(--clay-molded-track);
    border-color: var(--clay-material-seam);
    height: .62rem;
    box-shadow: var(--clay-carved-shadow);
    clip-path: var(--clay-track-clip);
    border-radius: .28rem .34rem .3rem .32rem;
    padding: .05rem;
  }

  .clay-progress-bar, :where([data-ui="clay"]) .usk-progress-bar, :where([data-ui="clay"]) .ui-progress-bar {
    background: var(--clay-molded-primary);
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-filled-shadow);
    clip-path: var(--clay-value-clip);
    filter: var(--clay-edge-filter);
    border-radius: .18rem;
  }

  .clay-table-wrap, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .ui-table-wrap {
    border-radius: .625rem .8125rem .6875rem .75rem;
  }

  .clay-table, :where([data-ui="clay"]) .usk-table, :where([data-ui="clay"]) .ui-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .clay-table th, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .ui-table th {
    background: var(--clay-material-raised);
    padding: .58rem .68rem;
  }

  .clay-table td, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .ui-table td {
    background: var(--clay-material-slab);
    padding: .58rem .68rem;
  }

  .clay-table th, .clay-table td, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .ui-table th, :where([data-ui="clay"]) .ui-table td {
    background-image: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent .16rem);
    background-size: var(--clay-grain-size),auto;
    border-inline-end: 1px solid var(--clay-material-seam);
    border-block-end: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-seam-shadow);
    clip-path: var(--clay-cell-clip);
    text-shadow: var(--clay-label-relief);
  }

  .clay-tooltip, [data-ui="clay"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="clay"]) .usk-tooltip, :where([data-ui="clay"]) .ui-tooltip {
    background-color: var(--clay-tooltip-material);
    background-image: var(--clay-grain-image),radial-gradient(circle at 34% 16%,#ffffff29,transparent 58%);
    background-size: var(--clay-grain-size),auto;
    color: var(--clay-tooltip-ink);
    border-color: var(--clay-material-seam);
    box-shadow: var(--clay-relief-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    text-shadow: 0-.7px .45px var(--clay-material-deep),0 .8px .55px #ffffff2e;
    border-radius: .34rem .42rem .36rem .4rem;
    font-weight: 500;
  }

  .clay-card-media, .clay-media-scrim {
    border-color: var(--clay-material-seam);
    box-shadow: var(--clay-relief-shadow);
    clip-path: var(--clay-panel-clip);
    filter: var(--clay-slab-filter);
    border-radius: .625rem .8125rem .6875rem .75rem;
  }

  .clay-icon-medallion, .clay-badge-seal {
    border-color: var(--clay-material-seam);
    box-shadow: var(--clay-relief-shadow);
  }

  .clay-icon-medallion {
    background: var(--clay-molded-primary);
    color: var(--clay-pigment-ink);
    clip-path: var(--clay-knob-clip);
    border-radius: 46% 54% 48% 52% / 52% 46% 54% 48%;
  }

  [data-ui="clay"][data-mode]:not([data-theme]) .clay-icon-medallion, [data-ui="clay"][data-mode] :where(.clay-card-service, .clay-feature-item, .clay-callout-bar) > .clay-icon-medallion {
    clip-path: var(--clay-thumb-clip);
  }

  .clay-badge-seal {
    background: var(--clay-material-slab);
    border-color: var(--clay-material-seam);
    clip-path: var(--clay-thumb-clip);
    text-shadow: var(--clay-label-relief);
    border-radius: 47% 53% 45% 55% / 52% 46% 54% 48%;
    position: relative;
  }

  .clay-badge-seal:before {
    content: "";
    border: 1px solid var(--clay-material-seam);
    box-shadow: inset 0 1px 0 var(--clay-material-highlight),0 1px 0 var(--clay-material-contact);
    pointer-events: none;
    border-radius: 53% 47% 51% 49% / 48% 54% 46% 52%;
    position: absolute;
    inset: .34rem;
  }

  .clay-tooltip-arrow {
    background-color: var(--clay-tooltip-material);
    box-shadow: var(--clay-filled-shadow);
    clip-path: polygon(3% 4%, 96% 1%, 84% 100%, 16% 97%);
    filter: var(--clay-edge-filter);
  }

  [data-ui="clay"][data-mode] :where(fieldset, article, aside, details, dialog) {
    padding: 1rem;
  }

  [data-ui="clay"][data-mode] :where(dialog) {
    background-color: var(--clay-material-slab);
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-slab-shadow);
    border-radius: .625rem .8125rem .6875rem .75rem;
  }

  [data-ui="clay"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    background-color: var(--clay-pigment-primary);
    color: var(--clay-pigment-ink);
    border-color: var(--clay-pigment-primary);
    text-shadow: var(--clay-label-relief);
  }

  [data-ui="clay"][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
    clip-path: var(--clay-chip-clip);
  }

  .clay-bg-primary, .clay-bg-secondary {
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-filled-shadow);
    clip-path: var(--clay-control-clip);
    filter: var(--clay-edge-filter);
    text-shadow: var(--clay-label-relief);
  }

  .clay-bg-primary {
    background: var(--clay-molded-primary);
  }

  .clay-bg-secondary {
    background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),var(--clay-pigment-secondary);
  }

  .clay-divider {
    background: var(--clay-molded-track);
    block-size: .18rem;
    box-shadow: var(--clay-carved-shadow);
    clip-path: var(--clay-track-clip);
    border: 0;
    border-radius: .08rem .12rem .09rem .11rem;
  }

  [data-ui="clay"][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track {
    clip-path: var(--clay-track-clip);
  }

  [data-ui="clay"][data-mode] :where(progress, meter)::-webkit-progress-bar {
    clip-path: var(--clay-track-clip);
  }

  [data-ui="clay"][data-mode] :where(meter)::-webkit-meter-bar {
    clip-path: var(--clay-track-clip);
  }

  [data-ui="clay"][data-mode] :where(input[type="range"])::-moz-range-track {
    clip-path: var(--clay-track-clip);
  }

  [data-ui="clay"][data-mode] :where(progress)::-webkit-progress-value {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(meter)::-webkit-meter-optimum-value {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(meter)::-webkit-meter-suboptimum-value {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(meter)::-webkit-meter-even-less-good-value {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(input[type="range"])::-moz-range-progress {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(progress)::-moz-progress-bar {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(meter)::-moz-meter-bar {
    clip-path: var(--clay-value-clip);
  }

  [data-ui="clay"][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
    background-color: var(--clay-thumb-material);
    background-image: var(--clay-grain-image),linear-gradient(145deg,var(--clay-material-highlight),transparent 46%);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-filled-shadow),0 .18rem .2rem var(--clay-material-contact);
    opacity: 1;
    border-radius: 43% 57% 47% 53% / 52% 45% 55% 48%;
  }

  [data-ui="clay"][data-mode] :where(input[type="range"])::-moz-range-thumb {
    background-color: var(--clay-thumb-material);
    background-image: var(--clay-grain-image),linear-gradient(145deg,var(--clay-material-highlight),transparent 46%);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-filled-shadow),0 .18rem .2rem var(--clay-material-contact);
    opacity: 1;
    border-radius: 43% 57% 47% 53% / 52% 45% 55% 48%;
  }

  [data-ui="clay"][data-mode] :where(input[type="file"])::file-selector-button {
    background-color: var(--clay-pigment-primary);
    background-image: var(--clay-grain-image),linear-gradient(174deg,var(--clay-material-highlight),transparent 34%);
    background-size: var(--clay-grain-size),auto;
    clip-path: var(--clay-control-clip);
    text-shadow: var(--clay-label-relief);
    font-weight: 500;
  }

  [data-ui="clay"][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
    background-color: var(--clay-pigment-primary);
    background-image: var(--clay-grain-image),linear-gradient(174deg,var(--clay-material-highlight),transparent 34%);
    background-size: var(--clay-grain-size),auto;
    clip-path: var(--clay-control-clip);
    text-shadow: var(--clay-label-relief);
    font-weight: 500;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .clay-alert-success, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="success"]) {
      background-color: color-mix(in srgb,var(--clay-pigment-success) 28%,var(--clay-material-raised));
      border-inline-start-color: var(--clay-pigment-success);
    }

    .clay-alert-warning, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="warning"]) {
      background-color: color-mix(in srgb,var(--clay-pigment-warning) 28%,var(--clay-material-raised));
      border-inline-start-color: var(--clay-pigment-warning);
    }

    .clay-alert-danger, :where([data-ui="clay"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="clay"]) .ui-alert:where([data-ui-variant="danger"]) {
      background-color: color-mix(in srgb,var(--clay-pigment-danger) 28%,var(--clay-material-raised));
      border-inline-start-color: var(--clay-pigment-danger);
    }
  }

  .clay-spinner, .clay-loading-spinner, [data-ui="clay"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="clay"]) .usk-spinner, :where([data-ui="clay"]) .ui-spinner {
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 0;
    font-size: 1rem;
    animation: .84s cubic-bezier(.3, .7, .3, 1) infinite clay-spin;
    position: relative;
    overflow: visible;
  }

  .clay-spinner-sm {
    font-size: .5rem;
  }

  .clay-spinner-lg {
    font-size: 1.5rem;
  }

  .clay-spinner:before, .clay-loading-spinner:before, [data-ui="clay"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, :where([data-ui="clay"]) .usk-spinner:before, :where([data-ui="clay"]) .ui-spinner:before {
    content: "";
    background: radial-gradient(circle at 34% 26%,var(--clay-material-highlight)0 12%,transparent 38%),var(--clay-pigment-primary);
    block-size: .34em;
    inline-size: .34em;
    box-shadow: .44em .14em 0 var(--clay-pigment-primary-hover),.71em .52em 0 var(--clay-accent),.71em .98em 0 var(--clay-pigment-secondary),.44em 1.36em 0 var(--clay-pigment-success),0 1.5em 0 var(--clay-pigment-warning),-.44em 1.36em 0 var(--clay-pigment-danger),-.71em .98em 0 var(--clay-pigment-secondary),-.71em .52em 0 var(--clay-pigment-primary),-.44em .14em 0 var(--clay-pigment-primary-hover);
    filter: drop-shadow(0 .12em .1em var(--clay-material-contact));
    border-radius: 46% 54% 48% 52% / 52% 46% 54% 48%;
    margin-inline-start: -.17em;
    position: absolute;
    inset-block-start: .08em;
    inset-inline-start: 50%;
  }

  .clay-button[aria-busy="true"]:after, .clay-icon-button[aria-busy="true"]:after, [data-ui="clay"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="clay"]) .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-icon-button[aria-busy="true"]:after {
    background: radial-gradient(circle at 50% 8%,var(--clay-material-highlight)0 3%,currentColor 4% 9%,transparent 10%),radial-gradient(circle at 80% 20%,var(--clay-material-highlight)0 3%,var(--clay-accent) 4% 9%,transparent 10%),radial-gradient(circle at 92% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 80% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-success) 4% 9%,transparent 10%),radial-gradient(circle at 50% 92%,var(--clay-material-highlight)0 3%,var(--clay-pigment-warning) 4% 9%,transparent 10%),radial-gradient(circle at 20% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-danger) 4% 9%,transparent 10%),radial-gradient(circle at 8% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 20% 20%,var(--clay-material-highlight)0 3%,var(--clay-pigment-primary-hover) 4% 9%,transparent 10%);
    box-shadow: none;
    clip-path: none;
    filter: drop-shadow(0 .08em .06em var(--clay-material-contact));
    border: 0;
    flex: none;
    animation: .84s cubic-bezier(.3, .7, .3, 1) infinite clay-spin;
  }

  [data-ui="clay"][data-mode="contrast"] :where(.clay-surface,.clay-card,.clay-panel,.clay-toolbar,.clay-table-wrap,.clay-button,.clay-icon-button,.clay-icon-medallion,.clay-badge-seal), :where([data-ui="clay"])[data-mode="contrast"] :where(.clay-surface,.usk-card,.clay-panel,.usk-toolbar,.usk-table-wrap,.usk-button,.usk-icon-button,.clay-icon-medallion,.clay-badge-seal), :where([data-ui="clay"])[data-mode="contrast"] :where(.clay-surface,.ui-card,.clay-panel,.ui-toolbar,.ui-table-wrap,.ui-button,.ui-icon-button,.clay-icon-medallion,.clay-badge-seal) {
    filter: none;
    border-width: 2px;
  }

  @media (pointer: coarse) {
    .clay-button, .clay-icon-button, .clay-nav-link, [data-ui="clay"][data-mode] :where(button,input,select), :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-icon-button, :where([data-ui="clay"]) .ui-nav-link {
      min-block-size: 2.75rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="clay"] *, [data-ui="clay"] :before, [data-ui="clay"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="clay"] {
      --clay-border-alpha: 1;
      --clay-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="clay"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="clay"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="clay"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="clay"] * {
      box-shadow: none !important;
      filter: none !important;
      text-shadow: none !important;
    }

    [data-ui="clay"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .clay-feature-item > .clay-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .clay-callout-bar > .clay-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  .clay-sheet {
    isolation: isolate;
    width: 100%;
    max-width: 1536px;
    color: var(--clay-material-ink);
    background: var(--clay-grain-image),var(--clay-material-slab);
    background-size: var(--clay-grain-size),auto;
    border: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-slab-shadow);
    font-family: var(--clay-font-body);
    letter-spacing: 0;
    text-shadow: none;
    border-radius: 12px 15px 11px 14px;
    grid-template-columns: 160px minmax(0, 1fr);
    margin-inline: auto;
    font-size: 11px;
    font-stretch: normal;
    line-height: 1.45;
    display: grid;
    position: relative;
  }

  [data-ui="clay"][data-mode="dark"] .clay-sheet .clay-swatch {
    filter: brightness(.66);
  }

  .clay-sheet *, .clay-sheet :before, .clay-sheet :after {
    box-sizing: border-box;
  }

  .clay-sheet :where(h2, h3, h4, p, figure, ol) {
    margin: 0;
  }

  .clay-sheet :where(button, input, select, textarea) {
    font-family: var(--clay-font-control);
    letter-spacing: 0;
  }

  .clay-sheet :where(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--clay-material-ink);
    outline-offset: 3px;
  }

  .clay-sheet [hidden] {
    display: none !important;
  }

  .clay-sheet svg {
    width: 16px;
    height: 16px;
    display: block;
  }

  .clay-sheet button {
    cursor: pointer;
  }

  .clay-sheet button:disabled {
    cursor: not-allowed;
  }

  .clay-sheet [data-clay-main] {
    min-width: 0;
  }

  .clay-sheet .clay-rail {
    clip-path: none;
    filter: none;
    border-radius: 10px 0 0 10px;
    margin: 0;
  }

  .clay-sheet .clay-palette figcaption {
    overflow-wrap: normal;
    margin: 0;
    font-size: 9px;
    line-height: 1.3;
  }

  .clay-sheet .clay-alert-close {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    box-shadow: none;
    filter: none;
    background: none;
    border: 0;
    padding: 2px;
  }

  .clay-sheet .clay-pagination button, :where([data-ui="clay"]) .clay-sheet .usk-pagination button, :where([data-ui="clay"]) .clay-sheet .ui-pagination button {
    min-height: 28px;
    box-shadow: none;
    filter: none;
    color: var(--clay-material-ink);
    background: none;
    border: 0;
    padding: 4px;
  }

  .clay-sheet .clay-pagination [aria-current="page"], :where([data-ui="clay"]) .clay-sheet .usk-pagination [aria-current="page"], :where([data-ui="clay"]) .clay-sheet .ui-pagination [aria-current="page"] {
    background: var(--clay-molded-primary);
    box-shadow: var(--clay-relief-shadow);
    color: #fff;
  }

  .clay-sheet .clay-table, :where([data-ui="clay"]) .clay-sheet .usk-table, :where([data-ui="clay"]) .clay-sheet .ui-table {
    margin: 0;
  }

  .clay-rail {
    border-inline-end: 1px solid var(--clay-material-seam);
    box-shadow: var(--clay-seam-shadow);
    flex-direction: column;
    gap: 28px;
    padding: 32px 10px 24px;
    display: flex;
  }

  .clay-rail nav {
    gap: 6px;
    display: grid;
  }

  .clay-rail-link {
    min-height: 48px;
    color: var(--clay-material-ink);
    border-radius: 8px 7px 9px 6px;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none;
    display: flex;
  }

  .clay-rail-link svg {
    width: 22px;
    height: 22px;
  }

  .clay-rail-link[aria-current="page"] {
    background: var(--clay-molded-primary);
    color: #fff;
    box-shadow: var(--clay-relief-shadow);
  }

  .clay-studio-mark {
    background: var(--clay-molded-raised);
    width: 60px;
    height: 66px;
    box-shadow: var(--clay-relief-shadow);
    color: var(--clay-material-muted-ink);
    border-radius: 9px 12px 8px 11px;
    place-content: center;
    margin-left: 18px;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    display: grid;
  }

  .clay-rail [data-clay-rail-bottom] {
    gap: 8px;
    margin-top: auto;
    display: grid;
  }

  .clay-rail .clay-inset {
    padding: 12px;
    font-size: 10px;
  }

  .clay-rail .clay-inset:last-child {
    margin-top: 30px;
    padding: 20px 12px;
  }

  .clay-rail .clay-select, :where([data-ui="clay"]) .clay-rail .usk-select, :where([data-ui="clay"]) .clay-rail .ui-select {
    min-height: 24px;
    box-shadow: none;
    background-color: #0000;
    border: 0;
    padding: 2px 18px 2px 0;
  }

  .clay-rail .clay-badge-seal {
    width: 88px;
    height: 88px;
    font: inherit;
    text-align: center;
    margin: 20px auto 0;
    padding: 12px;
    font-size: 10px;
    line-height: 1.6;
    display: grid;
  }

  .clay-masthead {
    min-height: 117px;
    box-shadow: var(--clay-seam-shadow);
    grid-template-columns: minmax(260px, 1.65fr) minmax(340px, 2fr) minmax(180px, .95fr);
    align-items: center;
    gap: 12px;
    padding: 12px 20px 10px 32px;
    display: grid;
  }

  .clay-masthead h2 {
    font: 700 30px/1.15 var(--clay-font-heading);
  }

  .clay-masthead p {
    margin-top: 8px;
  }

  .clay-palette {
    background: var(--clay-molded-raised);
    min-width: 0;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 9px;
    padding: 6px 18px;
  }

  .clay-palette-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 10px;
    display: grid;
  }

  .clay-palette figure {
    text-align: center;
    font-size: 9px;
    line-height: 1.3;
  }

  .clay-swatch {
    aspect-ratio: 1;
    background: var(--clay-grain-image),linear-gradient(145deg,#ffffff40,transparent 50%),var(--clay-swatch-color, var(--clay-material-raised));
    width: 100%;
    max-width: 30px;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 6px 7px 5px 6px;
    margin: 0 auto 6px;
    display: block;
  }

  .clay-masthead .clay-studio {
    background: var(--clay-molded-primary);
    color: #fff;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 8px;
    align-items: center;
    gap: 12px;
    padding: 16px 12px;
    font-size: 10px;
    display: flex;
  }

  .clay-masthead .clay-studio > span {
    width: 42px;
    height: 42px;
    box-shadow: var(--clay-carved-shadow);
    border-radius: 50%;
    flex: 0 0 42px;
    place-items: center;
    display: grid;
  }

  .clay-reference-section {
    border-top: 1px solid var(--clay-material-seam);
    border-right: 1px solid var(--clay-material-seam);
    min-width: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 14px 20px;
    display: block;
  }

  .clay-section-title {
    color: var(--clay-material-ink);
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 10px;
    font: 500 10px / 1.4 Bahnschrift SemiCondensed, Arial Narrow, sans-serif;
  }

  .clay-sheet h4.clay-section-title {
    font-size: 9px;
  }

  .clay-sheet .clay-component-matrix {
    grid-template-columns: minmax(0, 33fr) minmax(0, 23fr) minmax(0, 17fr) minmax(0, 27fr);
    min-height: 395px;
    display: grid;
  }

  .clay-sheet .clay-choice-stack {
    grid-template-rows: auto 1fr;
    min-width: 0;
    display: grid;
  }

  .clay-button-matrix {
    grid-template-columns: 50px repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 12px 8px;
    display: grid;
  }

  .clay-button-matrix > span {
    font-size: 10px;
  }

  .clay-button-matrix > span:nth-child(n+2):nth-child(-n+6) {
    text-align: center;
    color: var(--clay-material-muted-ink);
    font-size: 8px;
  }

  .clay-sheet .clay-button, :where([data-ui="clay"]) .clay-sheet .usk-button, :where([data-ui="clay"]) .clay-sheet .ui-button {
    gap: 4px;
    min-width: 0;
    min-height: 32px;
    padding: 5px 9px;
    font-size: 11px;
  }

  .clay-button-outline {
    background: var(--clay-molded-raised);
    color: var(--clay-material-ink);
    border: 1px solid var(--clay-pigment-primary);
    box-shadow: var(--clay-relief-shadow);
  }

  .clay-sheet [data-clay-state="hover"] {
    transform: translateY(-1px);
  }

  .clay-sheet [data-clay-state="pressed"] {
    box-shadow: var(--clay-carved-shadow);
    transform: translateY(1px);
  }

  .clay-sheet .clay-button[aria-busy="true"], :where([data-ui="clay"]) .clay-sheet .usk-button[aria-busy="true"], :where([data-ui="clay"]) .clay-sheet .ui-button[aria-busy="true"] {
    opacity: .8;
  }

  .clay-sheet .clay-button[aria-busy="true"]:after, :where([data-ui="clay"]) .clay-sheet .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .clay-sheet .ui-button[aria-busy="true"]:after {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
  }

  .clay-button-matrix .clay-loading-track {
    background: var(--clay-molded-raised);
    box-shadow: var(--clay-relief-shadow);
    border-radius: 8px;
    grid-column: span 2;
    padding: 12px;
  }

  .clay-field-row {
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 3.75px;
    font-size: 10px;
    display: grid;
  }

  .clay-sheet .clay-input, .clay-sheet .clay-select, .clay-sheet .clay-textarea, :where([data-ui="clay"]) .clay-sheet .usk-input, :where([data-ui="clay"]) .clay-sheet .usk-select, :where([data-ui="clay"]) .clay-sheet .usk-textarea, :where([data-ui="clay"]) .clay-sheet .ui-input, :where([data-ui="clay"]) .clay-sheet .ui-select, :where([data-ui="clay"]) .clay-sheet .ui-textarea {
    min-width: 0;
    min-height: 27px;
    padding: 5px 9px;
    font-size: 10px;
  }

  .clay-sheet .clay-select, :where([data-ui="clay"]) .clay-sheet .usk-select, :where([data-ui="clay"]) .clay-sheet .ui-select {
    appearance: none;
    padding-right: 30px;
  }

  .clay-sheet .clay-textarea, :where([data-ui="clay"]) .clay-sheet .usk-textarea, :where([data-ui="clay"]) .clay-sheet .ui-textarea {
    resize: vertical;
    min-height: 46px;
  }

  .clay-input-wrap {
    min-width: 0;
    box-shadow: none;
    background: none;
    border-radius: 6px;
    display: flex;
  }

  .clay-input-wrap > input {
    flex: 1;
    width: 0;
  }

  .clay-input-wrap > span {
    align-items: center;
    padding-left: 6px;
    display: grid;
  }

  .clay-input-wrap input[type="number"] {
    appearance: textfield;
  }

  .clay-input-wrap input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
  }

  .clay-sheet .clay-icon-button, :where([data-ui="clay"]) .clay-sheet .usk-icon-button, :where([data-ui="clay"]) .clay-sheet .ui-icon-button {
    width: 27px;
    min-width: 27px;
    height: 27px;
    min-height: 27px;
    font-size: inherit;
    place-items: center;
    padding: 4px;
    display: inline-grid;
  }

  .clay-file-zone {
    border: 1px dashed var(--clay-material-muted-ink);
    min-height: 68px;
    box-shadow: var(--clay-carved-shadow);
    text-align: center;
    border-radius: 7px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px;
    font-size: 9px;
    display: flex;
    position: relative;
  }

  .clay-file-zone input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .clay-file-zone:focus-within {
    outline: 2px solid var(--clay-material-ink);
    outline-offset: 2px;
  }

  .clay-file-zone small {
    width: 100%;
    font-size: 8px;
  }

  .clay-sheet .clay-file-zone .clay-button, :where([data-ui="clay"]) .clay-sheet .clay-file-zone .usk-button, :where([data-ui="clay"]) .clay-sheet .clay-file-zone .ui-button {
    min-height: 22px;
    padding: 2px 8px;
    font-size: 9px;
  }

  .clay-file-zone [data-clay-file-label] {
    overflow-wrap: break-word;
  }

  .clay-select-menu {
    background: var(--clay-molded-raised);
    border: 1px solid var(--clay-pigment-primary);
    box-shadow: var(--clay-relief-shadow);
    border-radius: 7px;
    padding: 3px;
  }

  .clay-sheet #clay-select>.clay-select, :where([data-ui="clay"]) .clay-sheet #clay-select>.usk-select, :where([data-ui="clay"]) .clay-sheet #clay-select>.ui-select {
    min-height: 34px;
    margin-bottom: 24px;
  }

  .clay-select-menu [role="listbox"] {
    max-height: 205px;
    overflow-y: auto;
  }

  .clay-option {
    border: 0;
    border-bottom: 1px solid var(--clay-material-seam);
    width: 100%;
    min-height: 32px;
    color: var(--clay-material-ink);
    text-align: left;
    box-shadow: var(--clay-seam-shadow);
    background: none;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    display: flex;
  }

  .clay-option[aria-selected="true"] {
    background: var(--clay-molded-primary);
    color: #fff;
  }

  .clay-option > span {
    visibility: hidden;
  }

  .clay-option[aria-selected="true"] > span {
    visibility: visible;
  }

  .clay-option:disabled {
    opacity: .45;
  }

  .clay-tags {
    background: var(--clay-molded-track);
    box-shadow: var(--clay-carved-shadow);
    border-radius: 7px;
    padding: 6px;
  }

  .clay-tags > div {
    flex-wrap: wrap;
    gap: 5px;
    display: flex;
  }

  .clay-chip, :where([data-ui="clay"]) .usk-chip, :where([data-ui="clay"]) .ui-chip {
    background: var(--clay-molded-raised);
    max-width: 100%;
    box-shadow: var(--clay-relief-shadow);
    overflow-wrap: break-word;
    border-radius: 5px 6px 4px 5px;
    align-items: center;
    gap: 3px;
    padding: 3px 5px;
    display: inline-flex;
  }

  .clay-chip .clay-icon-button, :where([data-ui="clay"]) .usk-chip .usk-icon-button, :where([data-ui="clay"]) .ui-chip .ui-icon-button {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  .clay-chip svg, :where([data-ui="clay"]) .usk-chip svg, :where([data-ui="clay"]) .ui-chip svg {
    width: 12px;
    height: 12px;
  }

  .clay-tags>.clay-input, :where([data-ui="clay"]) .clay-tags>.usk-input, :where([data-ui="clay"]) .clay-tags>.ui-input {
    box-shadow: none;
    background: none;
    border: 0;
    margin-top: 4px;
  }

  .clay-choices {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    display: grid;
  }

  .clay-choices > div {
    min-width: 0;
  }

  .clay-choices :where(.clay-check,.clay-radio,.clay-switch), :where([data-ui="clay"]) .clay-choices :where(.usk-check,.usk-radio,.usk-switch), :where([data-ui="clay"]) .clay-choices :where(.ui-check,.ui-radio,.ui-switch) {
    align-items: center;
    gap: 8px;
    min-height: 33px;
    margin: 0;
    font-size: 9px;
    font-weight: 400;
    display: flex;
  }

  .clay-choices :where(.clay-check-control,.clay-radio-control), :where([data-ui="clay"]) .clay-choices :where(.usk-check-control,.usk-radio-control), :where([data-ui="clay"]) .clay-choices :where(.ui-check-control,.ui-radio-control) {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
  }

  .clay-choices .clay-switch, :where([data-ui="clay"]) .clay-choices .usk-switch, :where([data-ui="clay"]) .clay-choices .ui-switch {
    justify-content: space-between;
  }

  .clay-choices .clay-switch-track, :where([data-ui="clay"]) .clay-choices .usk-switch-track, :where([data-ui="clay"]) .clay-choices .ui-switch-track {
    flex: 0 0 40px;
    width: 40px;
    height: 23px;
  }

  .clay-choices .clay-switch-thumb, :where([data-ui="clay"]) .clay-choices .usk-switch-thumb, :where([data-ui="clay"]) .clay-choices .ui-switch-thumb {
    width: 17px;
    height: 17px;
    top: 2px;
    left: 2px;
  }

  .clay-choices .clay-switch input:checked+.clay-switch-track .clay-switch-thumb, :where([data-ui="clay"]) .clay-choices .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="clay"]) .clay-choices .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    left: 19px;
  }

  .clay-choices input:indeterminate+.clay-check-control, :where([data-ui="clay"]) .clay-choices input:indeterminate+.usk-check-control, :where([data-ui="clay"]) .clay-choices input:indeterminate+.ui-check-control {
    background: var(--clay-molded-primary);
  }

  .clay-choices input:indeterminate+.clay-check-control:after, :where([data-ui="clay"]) .clay-choices input:indeterminate+.usk-check-control:after, :where([data-ui="clay"]) .clay-choices input:indeterminate+.ui-check-control:after {
    content: "";
    background: #fff;
    border: 0;
    width: 7px;
    height: 2px;
    display: block;
    transform: translate(-50%, -50%);
  }

  .clay-sheet #clay-controls {
    min-height: 140px;
    padding-block: 10px 16px;
  }

  .clay-sheet .clay-control-band {
    grid-template-columns: 1.2fr 1.1fr 1.05fr 1.4fr .65fr;
    align-items: start;
    gap: 32px;
    display: grid;
  }

  .clay-sheet [data-clay-progress-line] {
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 9px;
    display: flex;
  }

  .clay-sheet .clay-progress-bar, :where([data-ui="clay"]) .clay-sheet .usk-progress-bar, :where([data-ui="clay"]) .clay-sheet .ui-progress-bar {
    display: block;
  }

  .clay-range {
    padding-top: 19px;
    position: relative;
  }

  .clay-range input {
    appearance: none;
    width: 100%;
    height: 22px;
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: block;
  }

  .clay-sheet .clay-range input {
    appearance: none;
    height: 26px;
    padding: 0;
    overflow: visible;
  }

  .clay-sheet .clay-range input::-webkit-slider-runnable-track {
    clip-path: none;
  }

  .clay-sheet .clay-range input::-moz-range-track {
    clip-path: none;
  }

  .clay-range input::-webkit-slider-runnable-track {
    border: 1px solid var(--clay-material-seam);
    background: var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-highlight),transparent 45%,var(--clay-material-contact)),linear-gradient(to right,var(--clay-pigment-primary) var(--clay-value, 50%),var(--clay-material-inset) var(--clay-value, 50%));
    height: 12px;
    box-shadow: var(--clay-carved-shadow);
    border-radius: 5px 7px 6px 4px;
  }

  .clay-range input::-moz-range-track {
    border: 1px solid var(--clay-material-seam);
    background: var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-highlight),transparent 45%,var(--clay-material-contact)),linear-gradient(to right,var(--clay-pigment-primary) var(--clay-value, 50%),var(--clay-material-inset) var(--clay-value, 50%));
    height: 12px;
    box-shadow: var(--clay-carved-shadow);
    border-radius: 5px 7px 6px 4px;
  }

  .clay-range input::-webkit-slider-thumb {
    appearance: none;
    background: var(--clay-molded-thumb);
    border: 1px solid var(--clay-material-seam);
    width: 24px;
    height: 26px;
    box-shadow: var(--clay-filled-shadow);
    clip-path: var(--clay-thumb-clip);
    border-radius: 45% 48% 42% 46%;
    margin-top: -8px;
  }

  .clay-range input::-moz-range-thumb {
    background: var(--clay-molded-thumb);
    border: 1px solid var(--clay-material-seam);
    width: 24px;
    height: 26px;
    box-shadow: var(--clay-filled-shadow);
    clip-path: var(--clay-thumb-clip);
    border-radius: 45% 48% 42% 46%;
  }

  .clay-value-flag {
    left: clamp(14px,var(--clay-value, 50%),calc(100% - 14px));
    background: var(--clay-molded-primary);
    color: #fff;
    text-align: center;
    min-width: 28px;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 5px 6px 4px 5px;
    padding: 3px 6px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }

  .clay-value-flag:after {
    content: "";
    border: 3px solid #0000;
    border-top-color: var(--clay-pigment-primary);
    position: absolute;
    top: 100%;
    left: calc(50% - 3px);
  }

  .clay-range-scale {
    justify-content: space-between;
    padding-top: 4px;
    font-size: 9px;
    display: flex;
  }

  .clay-range-scale span:before {
    content: "";
    border-left: 1px solid var(--clay-material-muted-ink);
    height: 5px;
    margin-bottom: 3px;
    display: block;
  }

  .clay-segments {
    flex: 1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    display: grid;
  }

  .clay-segments > span {
    background: var(--clay-molded-track);
    min-height: 13px;
    box-shadow: var(--clay-carved-shadow);
    border-radius: 4px;
  }

  .clay-segments > [data-filled] {
    background: var(--clay-molded-primary);
    box-shadow: var(--clay-relief-shadow);
  }

  .clay-milestones {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 16px 0 0;
    list-style: none;
    display: grid;
  }

  .clay-milestone {
    justify-items: center;
    gap: 10px;
    font-size: 9px;
    display: grid;
    position: relative;
  }

  .clay-milestone:not(:last-child):before {
    content: "";
    background: var(--clay-molded-primary);
    width: 100%;
    height: 3px;
    box-shadow: var(--clay-carved-shadow);
    position: absolute;
    top: 9px;
    left: 50%;
  }

  .clay-milestone > span {
    z-index: 1;
    width: 20px;
    height: 20px;
    clip-path: var(--clay-thumb-clip);
    background: var(--clay-molded-primary);
    color: #fff;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 48% 52% 49% 51%;
    place-items: center;
    display: grid;
  }

  .clay-milestone:last-child > span {
    background: var(--clay-molded-raised);
    color: var(--clay-material-muted-ink);
  }

  .clay-milestone svg {
    width: 12px;
    height: 12px;
  }

  .clay-threshold {
    padding-top: 32px;
    position: relative;
  }

  .clay-threshold-scale {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 28px;
    display: grid;
  }

  .clay-threshold > div:before {
    content: "";
    width: 100%;
    height: 14px;
    clip-path: var(--clay-track-clip);
    background: var(--clay-grain-image),linear-gradient(180deg,var(--clay-material-highlight),transparent 45%,var(--clay-material-contact)),linear-gradient(to right,var(--clay-pigment-success)0 36%,var(--clay-pigment-warning) 36% 70%,var(--clay-pigment-danger) 70%);
    background-blend-mode: soft-light,normal,normal;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 5px 7px 6px 5px;
    position: absolute;
    top: 32px;
    left: 0;
  }

  .clay-threshold > div:after {
    content: "";
    top: 28px;
    left: var(--clay-value, 50%);
    background: var(--clay-molded-thumb);
    width: 16px;
    height: 23px;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 7px;
    position: absolute;
    transform: translateX(-50%);
  }

  .clay-threshold > div > span {
    border-left: 2px solid var(--clay-material-muted-ink);
    padding-left: 8px;
    font-size: 9px;
  }

  .clay-vertical-progress {
    border-left: 1px solid var(--clay-material-seam);
    padding: 0 0 0 18px;
    list-style: none;
  }

  .clay-vertical-progress li {
    align-items: center;
    gap: 10px;
    min-height: 22px;
    margin: 0;
    font-size: 9px;
    display: flex;
  }

  .clay-vertical-progress li > span {
    background: var(--clay-molded-primary);
    width: 14px;
    height: 14px;
    box-shadow: var(--clay-relief-shadow);
    color: #fff;
    border-radius: 50%;
    place-items: center;
    display: grid;
  }

  .clay-vertical-progress li:last-child > span {
    background: var(--clay-molded-raised);
  }

  .clay-vertical-progress svg {
    width: 10px;
    height: 10px;
  }

  .clay-sheet .clay-feedback-band {
    grid-template-columns: minmax(0, 62.5fr) minmax(0, 23.3fr) minmax(0, 14.2fr);
    min-height: 158px;
    display: grid;
    position: relative;
  }

  .clay-sheet #clay-feedback {
    width: 14.2%;
    height: 204px;
    position: absolute;
    inset: 0 0 auto auto;
  }

  .clay-sheet #clay-confirmation {
    margin-top: 46px;
  }

  .clay-sheet .clay-navigation-band {
    grid-template-columns: 1.5fr 1.2fr 1fr .65fr;
    align-items: center;
    gap: 24px;
    display: grid;
  }

  .clay-sheet #clay-navigation, .clay-sheet #clay-alerts {
    padding-block: 10px;
  }

  .clay-sheet .clay-control-band h4 {
    margin-bottom: 6px;
  }

  .clay-sheet #clay-alerts .clay-alert:last-child, :where([data-ui="clay"]) .clay-sheet #clay-alerts .usk-alert:last-child, :where([data-ui="clay"]) .clay-sheet #clay-alerts .ui-alert:last-child {
    margin-bottom: 0;
  }

  .clay-tabs, :where([data-ui="clay"]) .usk-tabs, :where([data-ui="clay"]) .ui-tabs {
    background: var(--clay-molded-track);
    box-shadow: var(--clay-carved-shadow);
    border-radius: 7px 7px 0 0;
    padding: 3px 3px 0;
    display: flex;
  }

  .clay-tab, :where([data-ui="clay"]) .usk-tab, :where([data-ui="clay"]) .ui-tab {
    background: var(--clay-molded-raised);
    min-width: 0;
    color: var(--clay-material-ink);
    box-shadow: var(--clay-seam-shadow);
    border: 0;
    border-bottom: 2px solid #0000;
    border-radius: 4px 4px 0 0;
    flex: 1;
    padding: 4px 8px;
  }

  .clay-tab[aria-selected="true"], :where([data-ui="clay"]) .usk-tab[aria-selected="true"], :where([data-ui="clay"]) .ui-tab[aria-selected="true"] {
    border-bottom-color: var(--clay-pigment-primary);
  }

  .clay-tab-panel, :where([data-ui="clay"]) .usk-tab-panel, :where([data-ui="clay"]) .ui-tab-panel {
    background: var(--clay-molded-raised);
    min-height: 78px;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 0 0 7px 7px;
    padding: 12px;
    font-size: 10px;
  }

  .clay-tab-panel p, :where([data-ui="clay"]) .usk-tab-panel p, :where([data-ui="clay"]) .ui-tab-panel p {
    margin-top: 6px;
  }

  .clay-tab-panel:has(.clay-tab-media), :where([data-ui="clay"]) .usk-tab-panel:has(.clay-tab-media), :where([data-ui="clay"]) .ui-tab-panel:has(.clay-tab-media) {
    min-height: 78px;
    padding-right: 72px;
    position: relative;
  }

  .clay-tab-media {
    color: #e9e2d9;
    width: 52px;
    height: 56px;
    box-shadow: var(--clay-relief-shadow);
    background: #7d91a6;
    border-radius: 7px 8px 6px 7px;
    place-items: center;
    display: grid;
    position: absolute;
    top: 16px;
    right: 10px;
  }

  .clay-tab-media svg {
    stroke-width: 1px;
    width: 38px;
    height: 38px;
  }

  .clay-pagination, .clay-segmented, .clay-quantity, :where([data-ui="clay"]) .usk-pagination, :where([data-ui="clay"]) .ui-pagination {
    background: var(--clay-molded-track);
    box-shadow: var(--clay-carved-shadow);
    border-radius: 7px;
    align-items: center;
    padding: 2px;
    display: flex;
  }

  .clay-pagination button, :where([data-ui="clay"]) .usk-pagination button, :where([data-ui="clay"]) .ui-pagination button {
    min-width: 18px;
    min-height: 28px;
    color: var(--clay-material-ink);
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 5px;
    flex: 1;
    padding: 4px;
  }

  .clay-pagination [aria-current="page"], .clay-segmented [aria-pressed="true"], :where([data-ui="clay"]) .usk-pagination [aria-current="page"], :where([data-ui="clay"]) .ui-pagination [aria-current="page"] {
    background: var(--clay-molded-primary);
    color: #fff;
    box-shadow: var(--clay-relief-shadow);
  }

  .clay-sheet [data-clay-page-label] {
    text-align: center;
    margin-top: 8px;
    font-size: 9px;
  }

  .clay-quantity > output {
    text-align: center;
    min-width: 26px;
  }

  .clay-sheet .clay-alert, :where([data-ui="clay"]) .clay-sheet .usk-alert, :where([data-ui="clay"]) .clay-sheet .ui-alert {
    border-left-width: 1px;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin-bottom: 4px;
    padding: 2px 6px;
    font-size: 9px;
    display: flex;
  }

  .clay-sheet .clay-alert>span:nth-child(2), :where([data-ui="clay"]) .clay-sheet .usk-alert>span:nth-child(2), :where([data-ui="clay"]) .clay-sheet .ui-alert>span:nth-child(2) {
    flex: 1;
  }

  .clay-sheet .clay-alert svg, :where([data-ui="clay"]) .clay-sheet .usk-alert svg, :where([data-ui="clay"]) .clay-sheet .ui-alert svg {
    width: 14px;
    height: 14px;
  }

  .clay-alert-info {
    background: var(--clay-molded-raised);
    border-color: var(--clay-pigment-secondary);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    .clay-sheet .clay-alert-info {
      background: color-mix(in srgb,#758fba 28%,var(--clay-material-raised));
    }
  }

  .clay-alert-close {
    width: 18px;
    height: 18px;
    color: inherit;
    box-shadow: none;
    background: none;
    border: 0;
    flex: 0 0 18px;
    place-items: center;
    padding: 2px;
    display: grid;
  }

  .clay-sheet .clay-tooltip, :where([data-ui="clay"]) .clay-sheet .usk-tooltip, :where([data-ui="clay"]) .clay-sheet .ui-tooltip {
    width: fit-content;
    max-width: 100%;
    padding: 10px;
    font-size: 9px;
    display: block;
    position: relative;
  }

  .clay-sheet .clay-tooltip:before, :where([data-ui="clay"]) .clay-sheet .usk-tooltip:before, :where([data-ui="clay"]) .clay-sheet .ui-tooltip:before {
    content: "";
    background: #444440;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 100%;
    left: 32%;
    transform: translateY(-4px) rotate(45deg);
  }

  .clay-sheet .clay-tooltip:after, :where([data-ui="clay"]) .clay-sheet .usk-tooltip:after, :where([data-ui="clay"]) .clay-sheet .ui-tooltip:after {
    background: #444440;
  }

  .clay-sheet #clay-feedback h4 {
    margin-top: 20px;
  }

  .clay-sheet #clay-feedback .clay-spinner, :where([data-ui="clay"]) .clay-sheet #clay-feedback .usk-spinner, :where([data-ui="clay"]) .clay-sheet #clay-feedback .ui-spinner {
    margin: 3px 12px;
  }

  .clay-sheet .clay-data-band {
    grid-template-columns: minmax(0, 19.5fr) minmax(0, 37fr) minmax(0, 13fr) minmax(0, 16fr) minmax(0, 14.5fr);
    min-height: 194px;
    display: grid;
  }

  .clay-sheet [data-clay-badges] {
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 20px;
    display: flex;
  }

  .clay-sheet .clay-badge, :where([data-ui="clay"]) .clay-sheet .usk-badge, :where([data-ui="clay"]) .clay-sheet .ui-badge {
    min-height: 24px;
    padding: 4px 7px;
    font-size: 9px;
    font-weight: 400;
  }

  .clay-sheet .clay-table-wrap, :where([data-ui="clay"]) .clay-sheet .usk-table-wrap, :where([data-ui="clay"]) .clay-sheet .ui-table-wrap {
    clip-path: none;
    border-radius: 7px;
    padding: 0;
    overflow: auto;
  }

  .clay-sheet .clay-table, :where([data-ui="clay"]) .clay-sheet .usk-table, :where([data-ui="clay"]) .clay-sheet .ui-table {
    font-size: 9px;
    line-height: 1.3;
  }

  .clay-sheet .clay-table :where(th,td), :where([data-ui="clay"]) .clay-sheet .usk-table :where(th,td), :where([data-ui="clay"]) .clay-sheet .ui-table :where(th,td) {
    text-transform: none;
    white-space: nowrap;
    padding: 5px 7px;
    font-weight: 400;
  }

  .clay-sheet .clay-table .clay-badge, :where([data-ui="clay"]) .clay-sheet .usk-table .usk-badge, :where([data-ui="clay"]) .clay-sheet .ui-table .ui-badge {
    min-height: 20px;
    padding: 3px 6px;
  }

  .clay-sheet .clay-table .clay-icon-button, :where([data-ui="clay"]) .clay-sheet .usk-table .usk-icon-button, :where([data-ui="clay"]) .clay-sheet .ui-table .ui-icon-button {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    box-shadow: none;
    background: none;
    border: 0;
  }

  .clay-avatar-group, :where([data-ui="clay"]) .usk-avatar-group, :where([data-ui="clay"]) .ui-avatar-group {
    align-items: center;
    gap: 4px;
    margin-bottom: 22px;
    display: flex;
  }

  .clay-avatar, :where([data-ui="clay"]) .usk-avatar, :where([data-ui="clay"]) .ui-avatar {
    border: 1px solid var(--clay-material-seam);
    background: var(--clay-molded-raised);
    width: 30px;
    height: 30px;
    box-shadow: var(--clay-relief-shadow);
    border-radius: 50%;
    flex: 0 0 30px;
    place-items: center;
    font-size: 9px;
    display: inline-grid;
    overflow: hidden;
  }

  .clay-avatar img, :where([data-ui="clay"]) .usk-avatar img, :where([data-ui="clay"]) .ui-avatar img {
    object-fit: cover;
    object-position: var(--clay-avatar-position, 50%) center;
    width: 100%;
    height: 100%;
    display: block;
  }

  .clay-sheet #clay-avatars h3, .clay-sheet #clay-text h3 {
    font-size: 15px;
    font-weight: 400;
  }

  .clay-sheet #clay-avatars h4, .clay-sheet #clay-text h4 {
    margin-block: 8px;
    font-size: 13px;
    font-weight: 400;
  }

  .clay-sheet #clay-text .clay-inset {
    padding: 12px;
  }

  .clay-sheet #clay-text small {
    margin-top: 22px;
    font-size: 8px;
    display: block;
  }

  .clay-dialog {
    border: 1px solid var(--clay-material-seam);
    background: var(--clay-molded-raised);
    color: var(--clay-material-ink);
    box-shadow: var(--clay-relief-shadow);
    border-radius: 9px 11px 8px 10px;
    padding: 12px;
  }

  .clay-dialog > div:first-child {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .clay-dialog p {
    margin: 8px 0 12px;
    font-size: 9px;
  }

  .clay-dialog-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    display: flex;
  }

  .clay-sheet #clay-confirmation {
    padding: 6px 10px;
  }

  .clay-sheet #clay-confirmation .clay-dialog {
    padding: 10px;
  }

  .clay-sheet #clay-confirmation .clay-dialog p {
    margin-block: 6px;
    font-size: 8px;
  }

  .clay-sheet #clay-confirmation strong {
    font-size: 9px;
  }

  .clay-sheet .clay-check-control, :where([data-ui="clay"]) .clay-sheet .usk-check-control, :where([data-ui="clay"]) .clay-sheet .ui-check-control {
    clip-path: none;
    border-radius: 3px 4px 2px 3px;
  }

  .clay-sheet #clay-confirmation .clay-button, :where([data-ui="clay"]) .clay-sheet #clay-confirmation .usk-button, :where([data-ui="clay"]) .clay-sheet #clay-confirmation .ui-button {
    min-height: 26px;
    padding: 4px 9px;
    font-size: 9px;
  }

  .clay-sheet dialog.clay-dialog {
    width: min(420px, 100% - 32px);
    max-height: calc(100% - 32px);
    margin: auto;
    padding: 24px;
    font-size: 16px;
  }

  .clay-sheet dialog.clay-dialog p {
    font-size: 14px;
  }

  .clay-sheet dialog::backdrop {
    background: #00000080;
  }

  @media (max-width: 1450px) {
    .clay-sheet {
      grid-template-columns: 136px minmax(0, 1fr);
    }

    .clay-masthead {
      grid-template-columns: 1fr 1.25fr;
      padding: 20px;
    }

    .clay-masthead .clay-studio {
      grid-column: span 2;
      padding: 10px 16px;
    }

    .clay-sheet .clay-component-matrix {
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }

    .clay-sheet .clay-component-matrix > .clay-reference-section:nth-child(3) {
      grid-area: 2 / 2;
    }

    .clay-sheet .clay-choice-stack {
      grid-area: 2 / 1;
    }

    .clay-sheet .clay-control-band {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
    }

    .clay-sheet .clay-feedback-band {
      grid-template-columns: minmax(0, 1fr) 190px;
    }

    .clay-sheet .clay-reference-section[data-clay-group="navigation"] {
      grid-column: span 2;
    }

    .clay-sheet .clay-data-band {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .clay-sheet .clay-reference-section[data-clay-group="table"] {
      grid-column: span 2;
    }

    .clay-sheet #clay-feedback {
      width: auto;
      height: auto;
      position: static;
    }

    .clay-sheet #clay-confirmation {
      margin-top: 0;
    }
  }

  @media (max-width: 900px) {
    .clay-sheet {
      grid-template-columns: minmax(0, 1fr);
      font-size: 12px;
    }

    .clay-rail {
      border-right: 0;
      flex-flow: wrap;
      align-items: center;
      gap: 16px;
      padding: 16px;
    }

    .clay-rail nav {
      flex-wrap: wrap;
      flex: 1;
      gap: 4px;
      display: flex;
    }

    .clay-rail-link {
      gap: 6px;
      min-height: 36px;
      padding: 8px;
    }

    .clay-studio-mark {
      margin: 0;
    }

    .clay-rail [data-clay-rail-bottom] {
      display: none;
    }

    .clay-masthead {
      grid-template-columns: minmax(0, 1fr);
    }

    .clay-masthead .clay-studio {
      grid-column: auto;
    }

    .clay-palette-grid {
      gap: 12px;
    }

    .clay-sheet .clay-navigation-band {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .clay-sheet .clay-control-band {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    .clay-reference-section {
      padding: 16px 12px;
    }

    .clay-sheet .clay-component-matrix, .clay-sheet .clay-feedback-band, .clay-sheet .clay-data-band {
      grid-template-columns: minmax(0, 1fr);
    }

    .clay-sheet .clay-component-matrix > .clay-reference-section:nth-child(3), .clay-sheet .clay-choice-stack, .clay-sheet .clay-reference-section[data-clay-group="navigation"], .clay-sheet .clay-reference-section[data-clay-group="table"] {
      grid-area: auto;
    }

    .clay-sheet .clay-control-band, .clay-sheet .clay-navigation-band {
      grid-template-columns: minmax(0, 1fr);
    }

    .clay-button-matrix {
      grid-template-columns: 48px repeat(5, minmax(0, 1fr));
      gap: 10px 3px;
    }

    .clay-button-matrix .clay-button, :where([data-ui="clay"]) .clay-button-matrix .usk-button, :where([data-ui="clay"]) .clay-button-matrix .ui-button {
      overflow-wrap: break-word;
      padding: 5px 2px;
      font-size: 9px;
    }

    .clay-button-matrix .clay-button[aria-busy="true"], :where([data-ui="clay"]) .clay-button-matrix .usk-button[aria-busy="true"], :where([data-ui="clay"]) .clay-button-matrix .ui-button[aria-busy="true"] {
      font-size: 0;
    }

    .clay-palette-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .clay-choices {
      gap: 8px;
    }

    .clay-choices :where(.clay-check,.clay-radio,.clay-switch), :where([data-ui="clay"]) .clay-choices :where(.usk-check,.usk-radio,.usk-switch), :where([data-ui="clay"]) .clay-choices :where(.ui-check,.ui-radio,.ui-switch) {
      gap: 6px;
      font-size: 10px;
    }

    .clay-masthead h2 {
      font-size: 28px;
    }

    .clay-sheet .clay-table-wrap, :where([data-ui="clay"]) .clay-sheet .usk-table-wrap, :where([data-ui="clay"]) .clay-sheet .ui-table-wrap {
      max-width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .clay-sheet .clay-spinner, .clay-sheet .clay-button[aria-busy="true"]:after, :where([data-ui="clay"]) .clay-sheet .usk-spinner, :where([data-ui="clay"]) .clay-sheet .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .clay-sheet .ui-spinner, :where([data-ui="clay"]) .clay-sheet .ui-button[aria-busy="true"]:after {
      animation: none;
    }
  }

  [data-ui="clay"][data-mode="contrast"] .clay-sheet {
    --clay-label-relief: none;
  }

  [data-ui="clay"][data-mode="contrast"] .clay-sheet:after {
    display: none;
  }

  [data-ui="clay"][data-mode="contrast"] .clay-sheet :where(button,.clay-rail-link,.clay-studio,.clay-badge,.clay-alert,.clay-tooltip,.clay-value-flag,.clay-milestone>span,.clay-vertical-progress li>span), :where([data-ui="clay"])[data-mode="contrast"] .clay-sheet :where(button,.clay-rail-link,.clay-studio,.usk-badge,.usk-alert,.usk-tooltip,.clay-value-flag,.clay-milestone>span,.clay-vertical-progress li>span), :where([data-ui="clay"])[data-mode="contrast"] .clay-sheet :where(button,.clay-rail-link,.clay-studio,.ui-badge,.ui-alert,.ui-tooltip,.clay-value-flag,.clay-milestone>span,.clay-vertical-progress li>span) {
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    background: #000;
    border: 1px solid #fff;
  }

  [data-ui="clay"][data-mode="contrast"] .clay-sheet :where(.clay-option[aria-selected="true"],[aria-current="page"],.clay-tab[aria-selected="true"],.clay-segmented [aria-pressed="true"]), :where([data-ui="clay"])[data-mode="contrast"] .clay-sheet :where(.clay-option[aria-selected="true"],[aria-current="page"],.usk-tab[aria-selected="true"],.clay-segmented [aria-pressed="true"]), :where([data-ui="clay"])[data-mode="contrast"] .clay-sheet :where(.clay-option[aria-selected="true"],[aria-current="page"],.ui-tab[aria-selected="true"],.clay-segmented [aria-pressed="true"]) {
    color: #000;
    background: #fff;
  }

  [data-ui="clay"][data-theme][data-mode] .clay-sheet :is(.clay-rail-link[aria-current="page"],.clay-studio,.clay-option[aria-selected="true"],.clay-pagination [aria-current="page"],.clay-segmented [aria-pressed="true"],.clay-value-flag,.clay-milestone:not(:last-child)>span,.clay-vertical-progress li:not(:last-child)>span), :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet :is(.clay-rail-link[aria-current="page"],.clay-studio,.clay-option[aria-selected="true"],.usk-pagination [aria-current="page"],.clay-segmented [aria-pressed="true"],.clay-value-flag,.clay-milestone:not(:last-child)>span,.clay-vertical-progress li:not(:last-child)>span), :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet :is(.clay-rail-link[aria-current="page"],.clay-studio,.clay-option[aria-selected="true"],.ui-pagination [aria-current="page"],.clay-segmented [aria-pressed="true"],.clay-value-flag,.clay-milestone:not(:last-child)>span,.clay-vertical-progress li:not(:last-child)>span) {
    background: var(--clay-molded-primary);
    color: var(--clay-pigment-ink);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-tab-media {
    background: var(--clay-grain-image),linear-gradient(176deg,var(--clay-material-highlight),transparent 42%),var(--clay-pigment-secondary);
    color: var(--clay-on-secondary);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-tooltip:before, [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-tooltip:after, :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet .usk-tooltip:before, :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet .usk-tooltip:after, :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet .ui-tooltip:before, :where([data-ui="clay"])[data-theme][data-mode] .clay-sheet .ui-tooltip:after {
    background: var(--clay-tooltip-material);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-swatch {
    filter: none;
  }

  [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-studio :where(strong, p) {
    color: inherit;
    text-shadow: none;
  }

  [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-vertical-progress li:last-child > span {
    color: var(--clay-material-ink);
  }

  [data-ui="clay"][data-theme][data-mode] .clay-choices input:indeterminate+.clay-check-control:after, :where([data-ui="clay"])[data-theme][data-mode] .clay-choices input:indeterminate+.usk-check-control:after, :where([data-ui="clay"])[data-theme][data-mode] .clay-choices input:indeterminate+.ui-check-control:after {
    background: var(--clay-pigment-ink);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="clay"][data-theme][data-mode] .clay-sheet .clay-alert-info {
      background: color-mix(in srgb,var(--clay-pigment-secondary) 18%,var(--clay-material-raised));
    }
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] {
    --clay-material-highlight: transparent;
    --clay-molded-primary: var(--clay-pigment-primary);
    --clay-molded-danger: var(--clay-pigment-danger);
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] .clay-sheet .clay-tab[aria-selected="true"], :where([data-ui="clay"])[data-theme][data-mode="contrast"] .clay-sheet .usk-tab[aria-selected="true"], :where([data-ui="clay"])[data-theme][data-mode="contrast"] .clay-sheet .ui-tab[aria-selected="true"] {
    background: var(--clay-pigment-primary);
    color: var(--clay-pigment-ink);
  }

  [data-ui="clay"][data-mode] {
    --clay-grain-image: url("./assets/clay-grain.png");
    --clay-grain-size: 240px auto;
  }

  [data-ui="clay"][data-mode="light"], [data-ui="clay"][data-theme][data-mode="light"] {
    --clay-material-highlight: #ffffff2e;
    --clay-material-contact: rgb(var(--clay-text-rgb) / .18);
    --clay-material-deep: rgb(var(--clay-text-rgb) / .3);
    --clay-label-relief: 0 1px 0 #ffffff29;
  }

  [data-ui="clay"][data-mode="dark"], [data-ui="clay"][data-theme][data-mode="dark"] {
    --clay-material-highlight: #ffffff0e;
    --clay-material-contact: #0000005c;
    --clay-material-deep: #00000080;
    --clay-label-relief: 0 1px 0 #00000040;
  }

  [data-ui="clay"][data-mode="contrast"] {
    --clay-grain-image: none;
    --clay-label-relief: none;
  }

  [data-ui="clay"], .clay-sheet, .clay-surface, .clay-card, .clay-panel, .clay-toolbar, .clay-table-wrap, .clay-feature-strip, .clay-callout-bar, .clay-button, .clay-icon-button, .clay-input, .clay-textarea, .clay-select, .clay-inset, .clay-well, .clay-badge, .clay-alert, .clay-tooltip, .clay-check-control, .clay-radio-control, .clay-switch-track, .clay-switch-thumb, .clay-progress, .clay-progress-bar, .clay-icon-medallion, .clay-badge-seal, .clay-studio-mark, .clay-studio, .clay-palette, .clay-swatch, .clay-chip, .clay-tab, .clay-tab-panel, .clay-tab-media, .clay-option, .clay-dialog, .clay-tags, .clay-select-menu, .clay-tabs, .clay-loading-track, .clay-avatar, .clay-feature-item, .clay-bg-primary, .clay-bg-secondary, .clay-nav-link, .clay-rail-link, .clay-value-flag, .clay-quantity, .clay-pagination, .clay-segmented, .clay-segments>span, .clay-milestone>span, .clay-vertical-progress li>span, .clay-table th, .clay-table td, [data-ui="clay"][data-mode] :where(input,textarea,button,fieldset,article,aside,details,dialog), :where([data-ui="clay"]) .usk-card, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button, :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .usk-input, :where([data-ui="clay"]) .usk-textarea, :where([data-ui="clay"]) .usk-select, :where([data-ui="clay"]) .usk-badge, :where([data-ui="clay"]) .usk-alert, :where([data-ui="clay"]) .usk-tooltip, :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .usk-radio-control, :where([data-ui="clay"]) .usk-switch-track, :where([data-ui="clay"]) .usk-switch-thumb, :where([data-ui="clay"]) .usk-progress, :where([data-ui="clay"]) .usk-progress-bar, :where([data-ui="clay"]) .usk-chip, :where([data-ui="clay"]) .usk-tab, :where([data-ui="clay"]) .usk-tab-panel, :where([data-ui="clay"]) .usk-tabs, :where([data-ui="clay"]) .usk-avatar, :where([data-ui="clay"]) .usk-nav-link, :where([data-ui="clay"]) .usk-pagination, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .ui-card, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button, :where([data-ui="clay"]) .ui-icon-button, :where([data-ui="clay"]) .ui-input, :where([data-ui="clay"]) .ui-textarea, :where([data-ui="clay"]) .ui-select, :where([data-ui="clay"]) .ui-badge, :where([data-ui="clay"]) .ui-alert, :where([data-ui="clay"]) .ui-tooltip, :where([data-ui="clay"]) .ui-check-control, :where([data-ui="clay"]) .ui-radio-control, :where([data-ui="clay"]) .ui-switch-track, :where([data-ui="clay"]) .ui-switch-thumb, :where([data-ui="clay"]) .ui-progress, :where([data-ui="clay"]) .ui-progress-bar, :where([data-ui="clay"]) .ui-chip, :where([data-ui="clay"]) .ui-tab, :where([data-ui="clay"]) .ui-tab-panel, :where([data-ui="clay"]) .ui-tabs, :where([data-ui="clay"]) .ui-avatar, :where([data-ui="clay"]) .ui-nav-link, :where([data-ui="clay"]) .ui-pagination, :where([data-ui="clay"]) .ui-table th, :where([data-ui="clay"]) .ui-table td {
    background-blend-mode: soft-light,normal;
  }

  .clay-select, [data-ui="clay"][data-mode] :where(select:not([multiple])), :where([data-ui="clay"]) .usk-select, :where([data-ui="clay"]) .ui-select {
    background-blend-mode: normal,normal,soft-light,normal;
  }

  .clay-rail .clay-select, :where([data-ui="clay"]) .clay-rail .usk-select, :where([data-ui="clay"]) .clay-rail .ui-select {
    background-image: var(--usk-native-select-indicator-image);
  }

  [data-ui="clay"] input[type="range"]::-webkit-slider-runnable-track {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] .clay-range input::-webkit-slider-runnable-track {
    background-blend-mode: soft-light,normal,normal;
  }

  [data-ui="clay"] input[type="range"]::-webkit-slider-thumb {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] input[type="range"]::-moz-range-track {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] .clay-range input::-moz-range-track {
    background-blend-mode: soft-light,normal,normal;
  }

  [data-ui="clay"] input[type="range"]::-moz-range-thumb {
    background-blend-mode: soft-light,normal;
  }

  .clay-threshold > div:after {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] progress::-webkit-progress-bar {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] progress::-webkit-progress-value {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] progress::-moz-progress-bar {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] input::file-selector-button {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] meter::-webkit-meter-bar {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] meter::-webkit-meter-optimum-value {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] meter::-webkit-meter-suboptimum-value {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] meter::-webkit-meter-even-less-good-value {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"] meter::-moz-meter-bar {
    background-blend-mode: soft-light,normal;
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] .clay-tooltip, :where([data-ui="clay"])[data-theme][data-mode="contrast"] .usk-tooltip, :where([data-ui="clay"])[data-theme][data-mode="contrast"] .ui-tooltip {
    background: var(--clay-tooltip-material);
    color: var(--clay-tooltip-ink);
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] .clay-button-primary, :where([data-ui="clay"])[data-theme][data-mode="contrast"] .usk-button:where([data-ui-variant="primary"]), :where([data-ui="clay"])[data-theme][data-mode="contrast"] .ui-button:where([data-ui-variant="primary"]) {
    background: var(--clay-pigment-primary);
    color: var(--clay-pigment-ink);
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] .clay-button-secondary, :where([data-ui="clay"])[data-theme][data-mode="contrast"] .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="clay"])[data-theme][data-mode="contrast"] .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--clay-pigment-secondary);
    color: var(--clay-on-secondary);
  }

  [data-ui="clay"][data-theme][data-mode="contrast"] .clay-button-danger, :where([data-ui="clay"])[data-theme][data-mode="contrast"] .usk-button:where([data-ui-variant="danger"]), :where([data-ui="clay"])[data-theme][data-mode="contrast"] .ui-button:where([data-ui-variant="danger"]) {
    background: var(--clay-pigment-danger);
    color: rgb(var(--clay-danger-text-rgb));
  }

  .clay-copy, .clay-helper, .clay-alert, .clay-tooltip, .clay-table td, .clay-sheet .clay-tab-panel, .clay-sheet .clay-dialog, [data-ui="clay"][data-mode] :where(p,input,textarea,select), :where([data-ui="clay"]) .usk-alert, :where([data-ui="clay"]) .usk-tooltip, :where([data-ui="clay"]) .usk-table td, :where([data-ui="clay"]) .clay-sheet .usk-tab-panel, :where([data-ui="clay"]) .ui-alert, :where([data-ui="clay"]) .ui-tooltip, :where([data-ui="clay"]) .ui-table td, :where([data-ui="clay"]) .clay-sheet .ui-tab-panel {
    text-shadow: none;
  }

  .clay-title, .clay-heading, .clay-kicker, .clay-label, .clay-eyebrow, .clay-table th, :where([data-ui="clay"]) .usk-label, :where([data-ui="clay"]) .usk-table th, :where([data-ui="clay"]) .ui-label, :where([data-ui="clay"]) .ui-table th {
    letter-spacing: 0;
  }

  .clay-check-control, [data-ui="clay"][data-mode] input[type="checkbox"], :where([data-ui="clay"]) .usk-check-control, :where([data-ui="clay"]) .ui-check-control {
    position: relative;
  }

  .clay-check input:checked+.clay-check-control:after, [data-ui="clay"][data-mode] input[type="checkbox"]:checked:after, :where([data-ui="clay"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="clay"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    background: var(--clay-pigment-ink);
    clip-path: polygon(4% 48%, 19% 34%, 41% 57%, 81% 12%, 97% 26%, 42% 88%);
    width: 70%;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  [data-ui="clay"][data-mode] input[type="checkbox"]:checked {
    background-image: none;
  }

  .clay-choices input:indeterminate+.clay-check-control:after, :where([data-ui="clay"]) .clay-choices input:indeterminate+.usk-check-control:after, :where([data-ui="clay"]) .clay-choices input:indeterminate+.ui-check-control:after {
    clip-path: none;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  [data-ui="clay"][data-mode] input[type="checkbox"]:indeterminate:after {
    content: none;
  }

  [data-ui="clay"][data-mode] input[type="radio"] {
    clip-path: var(--clay-thumb-clip);
  }

  .clay-icon-medallion > svg {
    stroke-width: 2.25px;
    block-size: 2rem;
    inline-size: 2rem;
    display: block;
  }

  .clay-card-service > .clay-icon-medallion {
    padding: .5rem;
  }

  .clay-card-service > .clay-icon-medallion > svg {
    block-size: 2.25rem;
    inline-size: 2.25rem;
  }

  .clay-feature-item p {
    color: var(--clay-material-ink);
  }

  .clay-feature-item {
    border: 0;
  }

  .clay-threshold > div:after, .clay-vertical-progress li > span {
    clip-path: var(--clay-thumb-clip);
  }

  [data-ui="clay"][data-mode] table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--clay-radius-lg);
    clip-path: var(--clay-panel-clip);
    background-color: var(--clay-material-slab);
    box-shadow: var(--clay-slab-shadow);
    border: 0;
  }

  [data-ui="clay"][data-mode] th {
    background: var(--clay-molded-raised);
    background-size: var(--clay-grain-size),auto;
    background-blend-mode: soft-light,normal;
    color: var(--clay-material-ink);
    box-shadow: var(--clay-relief-shadow);
    font-family: var(--clay-font-heading);
    font-weight: 700;
  }

  [data-ui="clay"][data-mode] :where(th, td) {
    clip-path: none;
    border-inline: 0;
  }

  [data-ui="clay"][data-mode] td {
    color: var(--clay-material-ink);
  }

  .clay-sheet .clay-check-control, :where([data-ui="clay"]) .clay-sheet .usk-check-control, :where([data-ui="clay"]) .clay-sheet .ui-check-control {
    clip-path: var(--clay-chip-clip);
  }

  .clay-studio-mark, .clay-studio, .clay-chip, .clay-tab, .clay-option, .clay-rail-link[aria-current="page"], :where([data-ui="clay"]) .usk-chip, :where([data-ui="clay"]) .usk-tab, :where([data-ui="clay"]) .ui-chip, :where([data-ui="clay"]) .ui-tab {
    clip-path: var(--clay-control-clip);
  }

  .clay-sheet .clay-tooltip:before, .clay-sheet .clay-tooltip:after, :where([data-ui="clay"]) .clay-sheet .usk-tooltip:before, :where([data-ui="clay"]) .clay-sheet .usk-tooltip:after, :where([data-ui="clay"]) .clay-sheet .ui-tooltip:before, :where([data-ui="clay"]) .clay-sheet .ui-tooltip:after {
    background: var(--clay-tooltip-material);
  }

  [data-ui="clay"][data-mode] :where(button, input, textarea, select, a):focus-visible {
    outline: 2px solid var(--clay-focus);
    outline-offset: 2px;
    box-shadow: inset 0 0 0 2px var(--clay-focus),var(--clay-carved-shadow);
  }

  .clay-sheet .clay-button:focus-visible, :where([data-ui="clay"]) .clay-sheet .usk-button:focus-visible, :where([data-ui="clay"]) .clay-sheet .ui-button:focus-visible {
    box-shadow: inset 0 0 0 2px var(--clay-focus),var(--clay-carved-shadow);
  }

  .clay-sheet .clay-button:active, .clay-sheet .clay-button[aria-pressed="true"], :where([data-ui="clay"]) .clay-sheet .usk-button:active, :where([data-ui="clay"]) .clay-sheet .usk-button[aria-pressed="true"], :where([data-ui="clay"]) .clay-sheet .ui-button:active, :where([data-ui="clay"]) .clay-sheet .ui-button[aria-pressed="true"] {
    box-shadow: var(--clay-carved-shadow);
    transform: translateY(1px);
  }

  @media (pointer: coarse) {
    .clay-sheet :where(button, input:not([type="checkbox"], [type="radio"], [type="file"]), select) {
      min-height: 44px;
    }

    .clay-button-matrix {
      grid-template-columns: 58px repeat(5, minmax(44px, 1fr));
      padding-bottom: 8px;
      overflow-x: auto;
    }
  }

  @media (forced-colors: active) {
    .clay-sheet, .clay-reference-section, .clay-sheet :where(button,input,select,textarea,.clay-progress,.clay-segments>span), :where([data-ui="clay"]) .clay-sheet :where(button,input,select,textarea,.usk-progress,.clay-segments>span), :where([data-ui="clay"]) .clay-sheet :where(button,input,select,textarea,.ui-progress,.clay-segments>span) {
      box-shadow: none;
      border: 1px solid canvastext;
    }
  }

  [data-ui="clay"][data-mode] .clay-button.clay-button-warning, :where([data-ui="clay"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="clay"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--clay-warning);
    color: var(--clay-on-warning);
    border-color: var(--clay-warning);
    text-shadow: none;
  }
}

[data-ui="clay"][data-mode] .clay-title {
  letter-spacing: max(.03em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="clay"][data-mode] .clay-feature-item > .clay-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="clay"][data-mode] .clay-callout-bar > .clay-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/data-terminal.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --terminal-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --terminal-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --terminal-font-body: var(--terminal-font-sans);
    --terminal-font-heading: var(--terminal-font-display);
    --terminal-font-control: var(--terminal-font-display);
    --terminal-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --terminal-radius-xs: .25rem;
    --terminal-radius-sm: .5rem;
    --terminal-radius-md: .75rem;
    --terminal-radius-lg: 1.125rem;
    --terminal-radius-xl: calc(1.125rem + .5rem);
    --terminal-radius-pill: 999px;
    --terminal-space-1: .25rem;
    --terminal-space-2: .5rem;
    --terminal-space-3: .75rem;
    --terminal-space-4: 1rem;
    --terminal-space-5: 1.25rem;
    --terminal-space-6: 1.5rem;
    --terminal-space-8: 2rem;
    --terminal-transition-fast: .15s ease;
    --terminal-transition-base: .24s ease;
  }

  [data-ui="data-terminal"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --terminal-fallback-bg-rgb: 250 250 246;
    --terminal-fallback-surface-rgb: 255 255 252;
    --terminal-fallback-surface-strong-rgb: 255 255 252;
    --terminal-fallback-surface-soft-rgb: 246 246 241;
    --terminal-fallback-text-rgb: 20 22 21;
    --terminal-fallback-text-muted-rgb: 84 87 84;
    --terminal-fallback-border-rgb: 137 140 136;
    --terminal-fallback-primary-rgb: 22 82 190;
    --terminal-fallback-primary-hover-rgb: 15 66 158;
    --terminal-fallback-primary-text-rgb: 255 255 255;
    --terminal-fallback-secondary-rgb: 24 111 138;
    --terminal-fallback-secondary-hover-rgb: 16 86 108;
    --terminal-fallback-secondary-text-rgb: 255 255 255;
    --terminal-fallback-accent-rgb: 190 111 0;
    --terminal-fallback-accent-text-rgb: 20 22 21;
    --terminal-fallback-success-rgb: 36 132 55;
    --terminal-fallback-success-text-rgb: 255 255 255;
    --terminal-fallback-warning-rgb: 190 111 0;
    --terminal-fallback-warning-text-rgb: 20 22 21;
    --terminal-fallback-danger-rgb: 211 43 50;
    --terminal-fallback-danger-text-rgb: 255 255 255;
    --terminal-fallback-link-rgb: 22 82 190;
    --terminal-fallback-focus-rgb: 22 82 190;
    --terminal-panel-alpha: .98;
    --terminal-panel-soft-alpha: .78;
    --terminal-border-alpha: .58;
    --terminal-shadow-alpha: .12;
    --terminal-focus-alpha: .34;
  }

  [data-ui="data-terminal"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --terminal-fallback-bg-rgb: 2 4 3;
    --terminal-fallback-surface-rgb: 0 0 0;
    --terminal-fallback-surface-strong-rgb: 0 0 0;
    --terminal-fallback-surface-soft-rgb: 8 10 9;
    --terminal-fallback-text-rgb: 236 237 232;
    --terminal-fallback-text-muted-rgb: 164 166 160;
    --terminal-fallback-border-rgb: 163 116 0;
    --terminal-fallback-primary-rgb: 52 125 255;
    --terminal-fallback-primary-hover-rgb: 100 156 255;
    --terminal-fallback-primary-text-rgb: 0 0 0;
    --terminal-fallback-secondary-rgb: 52 171 213;
    --terminal-fallback-secondary-hover-rgb: 93 199 235;
    --terminal-fallback-secondary-text-rgb: 0 0 0;
    --terminal-fallback-accent-rgb: 255 176 0;
    --terminal-fallback-accent-text-rgb: 0 0 0;
    --terminal-fallback-success-rgb: 74 205 84;
    --terminal-fallback-success-text-rgb: 0 0 0;
    --terminal-fallback-warning-rgb: 255 176 0;
    --terminal-fallback-warning-text-rgb: 0 0 0;
    --terminal-fallback-danger-rgb: 255 71 78;
    --terminal-fallback-danger-text-rgb: 0 0 0;
    --terminal-fallback-link-rgb: 82 151 255;
    --terminal-fallback-focus-rgb: 82 151 255;
    --terminal-panel-alpha: .92;
    --terminal-panel-soft-alpha: .64;
    --terminal-border-alpha: .52;
    --terminal-shadow-alpha: .34;
    --terminal-focus-alpha: .42;
  }

  [data-ui="data-terminal"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --terminal-fallback-bg-rgb: 0 0 0;
    --terminal-fallback-surface-rgb: 0 0 0;
    --terminal-fallback-surface-strong-rgb: 0 0 0;
    --terminal-fallback-surface-soft-rgb: 0 0 0;
    --terminal-fallback-text-rgb: 255 255 255;
    --terminal-fallback-text-muted-rgb: 224 224 224;
    --terminal-fallback-border-rgb: 255 212 0;
    --terminal-fallback-primary-rgb: 92 153 255;
    --terminal-fallback-primary-hover-rgb: 132 179 255;
    --terminal-fallback-primary-text-rgb: 0 0 0;
    --terminal-fallback-secondary-rgb: 78 224 255;
    --terminal-fallback-secondary-hover-rgb: 130 235 255;
    --terminal-fallback-secondary-text-rgb: 0 0 0;
    --terminal-fallback-accent-rgb: 255 212 0;
    --terminal-fallback-accent-text-rgb: 0 0 0;
    --terminal-fallback-success-rgb: 92 255 105;
    --terminal-fallback-success-text-rgb: 0 0 0;
    --terminal-fallback-warning-rgb: 255 212 0;
    --terminal-fallback-warning-text-rgb: 0 0 0;
    --terminal-fallback-danger-rgb: 255 96 102;
    --terminal-fallback-danger-text-rgb: 0 0 0;
    --terminal-fallback-link-rgb: 126 176 255;
    --terminal-fallback-focus-rgb: 255 255 255;
    --terminal-panel-alpha: 1;
    --terminal-panel-soft-alpha: .92;
    --terminal-border-alpha: 1;
    --terminal-shadow-alpha: .5;
    --terminal-focus-alpha: .72;
  }

  [data-ui="data-terminal"][data-theme][data-mode] {
    --terminal-bg-rgb: var(--usk-bg-rgb);
    --terminal-surface-rgb: var(--usk-surface-rgb);
    --terminal-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --terminal-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --terminal-text-rgb: var(--usk-text-rgb);
    --terminal-text-muted-rgb: var(--usk-text-muted-rgb);
    --terminal-border-rgb: var(--usk-border-rgb);
    --terminal-primary-rgb: var(--usk-primary-rgb);
    --terminal-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --terminal-primary-text-rgb: var(--usk-primary-text-rgb);
    --terminal-secondary-rgb: var(--usk-secondary-rgb);
    --terminal-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --terminal-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --terminal-accent-rgb: var(--usk-accent-rgb);
    --terminal-accent-text-rgb: var(--usk-accent-text-rgb);
    --terminal-success-rgb: var(--usk-success-rgb);
    --terminal-success-text-rgb: var(--usk-success-text-rgb);
    --terminal-warning-rgb: var(--usk-warning-rgb);
    --terminal-warning-text-rgb: var(--usk-warning-text-rgb);
    --terminal-danger-rgb: var(--usk-danger-rgb);
    --terminal-danger-text-rgb: var(--usk-danger-text-rgb);
    --terminal-link-rgb: var(--usk-link-rgb);
    --terminal-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="data-terminal"][data-mode] {
    --usk-native-bg: var(--terminal-bg);
    --terminal-bg-rgb: var(--usk-bg-rgb, var(--terminal-fallback-bg-rgb));
    --terminal-surface-rgb: var(--usk-surface-rgb, var(--terminal-fallback-surface-rgb));
    --terminal-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--terminal-fallback-surface-strong-rgb));
    --terminal-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--terminal-fallback-surface-soft-rgb));
    --terminal-text-rgb: var(--usk-text-rgb, var(--terminal-fallback-text-rgb));
    --terminal-text-muted-rgb: var(--usk-text-muted-rgb, var(--terminal-fallback-text-muted-rgb));
    --terminal-border-rgb: var(--usk-border-rgb, var(--terminal-fallback-border-rgb));
    --terminal-primary-rgb: var(--usk-primary-rgb, var(--terminal-fallback-primary-rgb));
    --terminal-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--terminal-fallback-primary-hover-rgb));
    --terminal-primary-text-rgb: var(--usk-primary-text-rgb, var(--terminal-fallback-primary-text-rgb));
    --terminal-secondary-rgb: var(--usk-secondary-rgb, var(--terminal-fallback-secondary-rgb));
    --terminal-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--terminal-fallback-secondary-hover-rgb));
    --terminal-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--terminal-fallback-secondary-text-rgb));
    --terminal-accent-rgb: var(--usk-accent-rgb, var(--terminal-fallback-accent-rgb));
    --terminal-accent-text-rgb: var(--usk-accent-text-rgb, var(--terminal-fallback-accent-text-rgb));
    --terminal-success-rgb: var(--usk-success-rgb, var(--terminal-fallback-success-rgb));
    --terminal-success-text-rgb: var(--usk-success-text-rgb, var(--terminal-fallback-success-text-rgb));
    --terminal-warning-rgb: var(--usk-warning-rgb, var(--terminal-fallback-warning-rgb));
    --terminal-warning-text-rgb: var(--usk-warning-text-rgb, var(--terminal-fallback-warning-text-rgb));
    --terminal-danger-rgb: var(--usk-danger-rgb, var(--terminal-fallback-danger-rgb));
    --terminal-danger-text-rgb: var(--usk-danger-text-rgb, var(--terminal-fallback-danger-text-rgb));
    --terminal-link-rgb: var(--usk-link-rgb, var(--terminal-fallback-link-rgb));
    --terminal-focus-rgb: var(--usk-focus-rgb, var(--terminal-fallback-focus-rgb));
    --usk-native-surface: var(--terminal-surface);
    --usk-native-surface-strong: var(--terminal-surface-strong);
    --usk-native-surface-soft: var(--terminal-surface-soft);
    --usk-native-card-bg: var(--terminal-card-bg);
    --usk-native-control-bg: var(--terminal-control-bg);
    --usk-native-text: var(--terminal-text);
    --usk-native-text-muted: var(--terminal-text-muted);
    --usk-native-border: var(--terminal-border);
    --usk-native-primary: var(--terminal-primary);
    --usk-native-primary-hover: var(--terminal-primary-hover);
    --usk-native-on-primary: var(--terminal-on-primary);
    --usk-native-secondary: var(--terminal-secondary);
    --usk-native-on-secondary: var(--terminal-on-secondary);
    --usk-native-accent: var(--terminal-accent);
    --usk-native-on-accent: var(--terminal-on-accent);
    --usk-native-on-success: var(--terminal-on-success);
    --usk-native-on-warning: var(--terminal-on-warning);
    --usk-native-on-danger: var(--terminal-on-danger);
    --usk-native-focus: var(--terminal-focus);
    --usk-native-success: var(--terminal-success);
    --usk-native-warning: var(--terminal-warning);
    --usk-native-danger: var(--terminal-danger);
    --usk-native-link: var(--terminal-link);
    --usk-native-font-body: var(--terminal-font-body);
    --usk-native-font-heading: var(--terminal-font-heading);
    --usk-native-font-control: var(--terminal-font-control);
    --usk-native-font-mono: var(--terminal-font-mono);
    --usk-native-radius-sm: var(--terminal-radius-sm);
    --usk-native-radius: var(--terminal-radius-md);
    --usk-native-radius-lg: var(--terminal-radius-lg);
    --usk-native-shadow: var(--terminal-shadow-sm, none);
    --usk-native-shadow-md: var(--terminal-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--terminal-focus-ring, 0 0 0 3px rgb(var(--terminal-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--terminal-space-5);
    --usk-native-control-min-block-size: 2.65rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.3rem;
    --usk-native-choice-background: var(--terminal-control-bg);
    --usk-native-choice-border: 1px solid var(--terminal-border);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 0;
    --usk-native-choice-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-choice-checked-background: var(--terminal-primary);
    --usk-native-choice-mark-color: var(--terminal-on-primary);
    --usk-native-select-indicator-image: linear-gradient(78deg, transparent 50%, var(--terminal-primary) 50%), linear-gradient(102deg, var(--terminal-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .42rem .42rem, .42rem .42rem;
    --usk-native-select-indicator-position: calc(100% - 1.08rem) 50%, calc(100% - .78rem) 50%;
    --usk-native-select-padding-inline-end: 2.4rem;
    --usk-native-range-track-size: .5rem;
    --usk-native-range-track-background: var(--terminal-surface-soft);
    --usk-native-range-track-border: 1px solid var(--terminal-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-range-progress-background: var(--terminal-primary);
    --usk-native-range-thumb-size: 1.1rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--terminal-border);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-progress-size: .62rem;
    --usk-native-progress-track-background: var(--terminal-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--terminal-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-progress-value-background: var(--terminal-primary);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-meter-optimum-background: var(--terminal-success);
    --usk-native-meter-suboptimum-background: var(--terminal-warning);
    --usk-native-meter-critical-background: var(--terminal-danger);
    --usk-native-file-button-background: var(--terminal-primary);
    --usk-native-file-button-border: 1px solid var(--terminal-border);
    --usk-native-file-button-radius: 0;
    --usk-native-file-button-shadow: 0 0 9px var(--terminal-primary);
    --usk-native-color-swatch-border: 1px solid var(--terminal-border);
    --usk-native-color-swatch-radius: 0;
    --usk-native-indicator-opacity: .82;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .65rem;
    --usk-native-scrollbar-track: var(--terminal-surface-soft);
    --usk-native-scrollbar-thumb: var(--terminal-primary);
    --usk-native-scrollbar-radius: 0;
    --terminal-bg: rgb(var(--terminal-bg-rgb));
    --terminal-surface: rgb(var(--terminal-surface-rgb) / var(--terminal-panel-alpha));
    --terminal-surface-strong: rgb(var(--terminal-surface-strong-rgb) / var(--terminal-panel-alpha));
    --terminal-surface-soft: rgb(var(--terminal-surface-soft-rgb) / var(--terminal-panel-soft-alpha));
    --terminal-text: rgb(var(--terminal-text-rgb));
    --terminal-text-muted: rgb(var(--terminal-text-muted-rgb));
    --terminal-fg: var(--terminal-text);
    --terminal-surface-fg: var(--terminal-text);
    --terminal-muted: var(--terminal-text-muted);
    --terminal-border: rgb(var(--terminal-border-rgb) / max(var(--terminal-border-alpha), var(--usk-border-min-alpha)));
    --terminal-control-fg: var(--terminal-text);
    --terminal-primary: rgb(var(--terminal-primary-rgb));
    --terminal-primary-hover: rgb(var(--terminal-primary-hover-rgb));
    --terminal-primary-text: rgb(var(--terminal-primary-text-rgb));
    --terminal-secondary: rgb(var(--terminal-secondary-rgb));
    --terminal-secondary-hover: rgb(var(--terminal-secondary-hover-rgb));
    --terminal-secondary-text: rgb(var(--terminal-secondary-text-rgb));
    --terminal-on-primary: var(--terminal-primary-text);
    --terminal-on-secondary: var(--terminal-secondary-text);
    --terminal-on-accent: rgb(var(--terminal-accent-text-rgb));
    --terminal-on-success: rgb(var(--terminal-success-text-rgb));
    --terminal-on-warning: rgb(var(--terminal-warning-text-rgb));
    --terminal-on-danger: rgb(var(--terminal-danger-text-rgb));
    --terminal-accent: rgb(var(--terminal-accent-rgb));
    --terminal-success: rgb(var(--terminal-success-rgb));
    --terminal-warning: rgb(var(--terminal-warning-rgb));
    --terminal-danger: rgb(var(--terminal-danger-rgb));
    --terminal-link: rgb(var(--terminal-link-rgb));
    --terminal-focus: rgb(var(--terminal-focus-rgb));
    --terminal-focus-ring: 0 0 0 3px rgb(var(--terminal-focus-rgb) / var(--terminal-focus-alpha));
    --terminal-theme-bg-size: auto;
    --terminal-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--terminal-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--terminal-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--terminal-secondary-rgb) / .1), transparent 34rem), var(--terminal-bg);
    --terminal-card-bg: linear-gradient(135deg, rgb(var(--terminal-primary-rgb) / .1), rgb(var(--terminal-accent-rgb) / .055) 42%, rgb(var(--terminal-surface-strong-rgb) / var(--terminal-panel-alpha)) 100%), var(--terminal-surface);
    --terminal-control-bg: linear-gradient(180deg, rgb(var(--terminal-surface-strong-rgb) / var(--terminal-panel-alpha)), rgb(var(--terminal-surface-soft-rgb) / var(--terminal-panel-soft-alpha)));
    --terminal-spinner-track: rgb(var(--terminal-border-rgb) / max(.28, calc(var(--terminal-border-alpha) * .7)));
    --terminal-spinner-stroke: var(--terminal-primary);
    --terminal-spinner-accent: var(--terminal-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="data-terminal"][data-mode] {
      --terminal-border: color-mix(in srgb, rgb(var(--terminal-border-rgb) / max(var(--terminal-border-alpha), var(--usk-border-min-alpha))), var(--terminal-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="data-terminal"] {
    background: linear-gradient(180deg,rgb(var(--terminal-primary-rgb)/.04),transparent 22rem),var(--terminal-bg);
    color: var(--terminal-text);
    font-family: var(--terminal-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="data-terminal"] *, [data-ui="data-terminal"] :before, [data-ui="data-terminal"] :after {
    box-sizing: border-box;
  }

  [data-ui="data-terminal"][data-mode] {
    background: var(--terminal-theme-bg);
    background-size: var(--terminal-theme-bg-size);
  }

  .terminal-title, .terminal-heading, .terminal-kicker, .terminal-button, .terminal-badge, .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-badge, :where([data-ui="data-terminal"]) .ui-nav-link {
    font-family: var(--terminal-font-heading);
  }

  .terminal-title {
    color: var(--terminal-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .terminal-heading {
    color: var(--terminal-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .terminal-kicker {
    color: var(--usk-primary-ink, var(--terminal-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .terminal-subtitle, .terminal-copy {
    color: var(--terminal-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .terminal-text-muted {
    color: var(--terminal-text-muted);
  }

  .terminal-divider {
    background: var(--terminal-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .terminal-surface, .terminal-card, .terminal-panel, .terminal-toolbar, .terminal-table-wrap, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .ui-card, :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--terminal-surface);
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--terminal-shadow-alpha));
    transition: transform var(--terminal-transition-base),box-shadow var(--terminal-transition-base),border-color var(--terminal-transition-base),background var(--terminal-transition-base);
    position: relative;
  }

  .terminal-toolbar, :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--terminal-space-4);
    padding: var(--terminal-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .terminal-surface-sm {
    border-radius: var(--terminal-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--terminal-shadow-alpha)*.72));
  }

  .terminal-surface-lg {
    border-radius: var(--terminal-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--terminal-shadow-alpha) + .08));
  }

  .terminal-well, .terminal-inset {
    background: var(--terminal-surface-soft);
    color: var(--terminal-text);
    border: 1px solid rgb(var(--terminal-border-rgb)/calc(var(--terminal-border-alpha)*.7));
    border-radius: var(--terminal-radius-md);
    padding: var(--terminal-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .terminal-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--terminal-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .terminal-button, .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--terminal-space-2);
    background: var(--terminal-surface);
    min-height: 2.75rem;
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--terminal-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--terminal-transition-fast),background var(--terminal-transition-fast),border-color var(--terminal-transition-fast),box-shadow var(--terminal-transition-fast),transform var(--terminal-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .terminal-button:hover, .terminal-icon-button:hover, :where([data-ui="data-terminal"]) .usk-button:hover, :where([data-ui="data-terminal"]) .usk-icon-button:hover, :where([data-ui="data-terminal"]) .ui-button:hover, :where([data-ui="data-terminal"]) .ui-icon-button:hover {
    border-color: var(--terminal-primary);
    transform: translateY(-1px);
  }

  .terminal-button:active, .terminal-icon-button:active, .terminal-button[aria-pressed="true"], .terminal-icon-button[aria-pressed="true"], .terminal-button.is-active, .terminal-icon-button.is-active, :where([data-ui="data-terminal"]) .usk-button:active, :where([data-ui="data-terminal"]) .usk-icon-button:active, :where([data-ui="data-terminal"]) .usk-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .usk-button.is-active, :where([data-ui="data-terminal"]) .usk-icon-button.is-active, :where([data-ui="data-terminal"]) .ui-button:active, :where([data-ui="data-terminal"]) .ui-icon-button:active, :where([data-ui="data-terminal"]) .ui-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .ui-button.is-active, :where([data-ui="data-terminal"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .terminal-button-primary:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--terminal-primary-hover);
    border-color: var(--terminal-primary-hover);
  }

  .terminal-button-secondary:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--terminal-secondary-hover);
    border-color: var(--terminal-secondary-hover);
  }

  .terminal-button-ghost, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--terminal-text);
    box-shadow: none;
    background: none;
  }

  .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    border-radius: var(--terminal-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .terminal-button:disabled, .terminal-icon-button:disabled, .terminal-disabled, :where([data-ui="data-terminal"]) .usk-button:disabled, :where([data-ui="data-terminal"]) .usk-icon-button:disabled, :where([data-ui="data-terminal"]) .ui-button:disabled, :where([data-ui="data-terminal"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .terminal-card, .terminal-panel, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .ui-card {
    background: var(--terminal-card-bg);
  }

  .terminal-toolbar, .terminal-table-wrap, .terminal-button:where(:not([data-ui-variant])):not(:is(.terminal-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.terminal-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.terminal-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.terminal-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.terminal-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.terminal-button-outline-heavy):not(.is-active):not([aria-pressed="true"]):not(:active), .terminal-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.terminal-button-outline-heavy):not(.is-active):not([aria-pressed="true"]):not(:active), :where([data-ui="data-terminal"]) .usk-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.terminal-button-outline-heavy):not(.is-active):not([aria-pressed="true"]):not(:active), :where([data-ui="data-terminal"]) .ui-icon-button:not(.is-active):not([aria-pressed="true"]) {
    background: var(--terminal-control-bg);
  }

  .terminal-button, .terminal-icon-button, .terminal-badge, .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-icon-button, :where([data-ui="data-terminal"]) .ui-badge, :where([data-ui="data-terminal"]) .ui-nav-link {
    font-family: var(--terminal-font-control);
  }

  .terminal-field, :where([data-ui="data-terminal"]) .usk-field, :where([data-ui="data-terminal"]) .ui-field {
    gap: var(--terminal-space-2);
    flex-direction: column;
    display: flex;
  }

  .terminal-label, :where([data-ui="data-terminal"]) .usk-label, :where([data-ui="data-terminal"]) .ui-label {
    color: var(--terminal-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .terminal-input, .terminal-textarea, .terminal-select, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .ui-input, :where([data-ui="data-terminal"]) .ui-textarea, :where([data-ui="data-terminal"]) .ui-select {
    background: var(--terminal-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-md);
    font: inherit;
    transition: background var(--terminal-transition-fast),border-color var(--terminal-transition-fast),box-shadow var(--terminal-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .terminal-textarea, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .terminal-input::placeholder, .terminal-textarea::placeholder, :where([data-ui="data-terminal"]) .usk-input::placeholder, :where([data-ui="data-terminal"]) .usk-textarea::placeholder, :where([data-ui="data-terminal"]) .ui-input::placeholder, :where([data-ui="data-terminal"]) .ui-textarea::placeholder {
    color: var(--terminal-text-muted);
    opacity: .82;
  }

  .terminal-input:hover, .terminal-textarea:hover, .terminal-select:hover, :where([data-ui="data-terminal"]) .usk-input:hover, :where([data-ui="data-terminal"]) .usk-textarea:hover, :where([data-ui="data-terminal"]) .usk-select:hover, :where([data-ui="data-terminal"]) .ui-input:hover, :where([data-ui="data-terminal"]) .ui-textarea:hover, :where([data-ui="data-terminal"]) .ui-select:hover {
    border-color: rgb(var(--terminal-primary-rgb)/.58);
  }

  .terminal-input:focus, .terminal-textarea:focus, .terminal-select:focus, :where([data-ui="data-terminal"]) .usk-input:focus, :where([data-ui="data-terminal"]) .usk-textarea:focus, :where([data-ui="data-terminal"]) .usk-select:focus, :where([data-ui="data-terminal"]) .ui-input:focus, :where([data-ui="data-terminal"]) .ui-textarea:focus, :where([data-ui="data-terminal"]) .ui-select:focus {
    border-color: var(--terminal-focus);
    box-shadow: var(--terminal-focus-ring);
  }

  .terminal-help-text, :where([data-ui="data-terminal"]) .usk-help-text, :where([data-ui="data-terminal"]) .ui-help-text {
    color: var(--terminal-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .terminal-check, .terminal-radio, :where([data-ui="data-terminal"]) .usk-check, :where([data-ui="data-terminal"]) .usk-radio, :where([data-ui="data-terminal"]) .ui-check, :where([data-ui="data-terminal"]) .ui-radio {
    align-items: center;
    gap: var(--terminal-space-2);
    color: var(--terminal-text);
    cursor: pointer;
    display: inline-flex;
  }

  .terminal-check input, .terminal-radio input, :where([data-ui="data-terminal"]) .usk-check input, :where([data-ui="data-terminal"]) .usk-radio input, :where([data-ui="data-terminal"]) .ui-check input, :where([data-ui="data-terminal"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .terminal-check-control, .terminal-radio-control, :where([data-ui="data-terminal"]) .usk-check-control, :where([data-ui="data-terminal"]) .usk-radio-control, :where([data-ui="data-terminal"]) .ui-check-control, :where([data-ui="data-terminal"]) .ui-radio-control {
    background: var(--terminal-surface-soft);
    border: 1px solid var(--terminal-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--terminal-transition-fast),box-shadow var(--terminal-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .terminal-check-control, :where([data-ui="data-terminal"]) .usk-check-control, :where([data-ui="data-terminal"]) .ui-check-control {
    border-radius: var(--terminal-radius-xs);
  }

  .terminal-radio-control, :where([data-ui="data-terminal"]) .usk-radio-control, :where([data-ui="data-terminal"]) .ui-radio-control {
    border-radius: 50%;
  }

  .terminal-check input:checked+.terminal-check-control:after, :where([data-ui="data-terminal"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="data-terminal"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--terminal-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .terminal-radio input:checked+.terminal-radio-control:after, :where([data-ui="data-terminal"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="data-terminal"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--terminal-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .terminal-switch, :where([data-ui="data-terminal"]) .usk-switch, :where([data-ui="data-terminal"]) .ui-switch {
    align-items: center;
    gap: var(--terminal-space-3);
    color: var(--terminal-text);
    cursor: pointer;
    display: inline-flex;
  }

  .terminal-switch input, :where([data-ui="data-terminal"]) .usk-switch input, :where([data-ui="data-terminal"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .terminal-switch-track, :where([data-ui="data-terminal"]) .usk-switch-track, :where([data-ui="data-terminal"]) .ui-switch-track {
    background: var(--terminal-surface-soft);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--terminal-transition-fast),box-shadow var(--terminal-transition-fast);
    position: relative;
  }

  .terminal-switch-thumb, :where([data-ui="data-terminal"]) .usk-switch-thumb, :where([data-ui="data-terminal"]) .ui-switch-thumb {
    background: var(--terminal-surface-strong);
    border: 1px solid var(--terminal-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--terminal-shadow-alpha));
    transition: left var(--terminal-transition-fast),background var(--terminal-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .terminal-switch input:checked+.terminal-switch-track, :where([data-ui="data-terminal"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="data-terminal"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--terminal-primary);
    border-color: var(--terminal-primary);
  }

  .terminal-switch input:checked+.terminal-switch-track .terminal-switch-thumb, :where([data-ui="data-terminal"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="data-terminal"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--terminal-on-primary);
    left: calc(100% - 1.56rem);
  }

  .terminal-badge, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .ui-badge {
    align-items: center;
    gap: var(--terminal-space-1);
    background: var(--terminal-surface-soft);
    min-height: 1.75rem;
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .terminal-badge-primary, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--terminal-primary);
    color: var(--terminal-on-primary);
    border-color: var(--terminal-primary);
  }

  .terminal-badge-secondary, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--terminal-secondary);
    color: var(--terminal-on-secondary);
    border-color: var(--terminal-secondary);
  }

  .terminal-badge-success, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--terminal-success);
    color: var(--terminal-on-success);
    border-color: var(--terminal-success);
  }

  .terminal-badge-warning, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--terminal-warning);
    color: var(--terminal-on-warning);
    border-color: var(--terminal-warning);
  }

  .terminal-badge-danger, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--terminal-danger);
    color: var(--terminal-on-danger);
    border-color: var(--terminal-danger);
  }

  .terminal-nav, :where([data-ui="data-terminal"]) .usk-nav, :where([data-ui="data-terminal"]) .ui-nav {
    align-items: center;
    gap: var(--terminal-space-2);
    padding: var(--terminal-space-2);
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--terminal-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--terminal-text-muted);
    border-radius: var(--terminal-radius-pill);
    transition: color var(--terminal-transition-fast),background var(--terminal-transition-fast),box-shadow var(--terminal-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .terminal-tooltip, [data-ui="data-terminal"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="data-terminal"]) .usk-tooltip, :where([data-ui="data-terminal"]) .ui-tooltip {
    background: var(--terminal-text);
    max-inline-size: 16rem;
    color: var(--terminal-bg);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .terminal-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .terminal-progress, :where([data-ui="data-terminal"]) .usk-progress, :where([data-ui="data-terminal"]) .ui-progress {
    background: var(--terminal-surface-soft);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .terminal-progress-bar, :where([data-ui="data-terminal"]) .usk-progress-bar, :where([data-ui="data-terminal"]) .ui-progress-bar {
    height: 100%;
    width: var(--terminal-progress-value, 50%);
    background: linear-gradient(90deg,var(--terminal-primary),var(--terminal-accent));
    border-radius: inherit;
  }

  .terminal-alert, :where([data-ui="data-terminal"]) .usk-alert, :where([data-ui="data-terminal"]) .ui-alert {
    gap: var(--terminal-space-2);
    padding: var(--terminal-space-4);
    background: var(--terminal-surface);
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--terminal-shadow-alpha));
    display: grid;
  }

  .terminal-alert-success, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--terminal-success);
  }

  .terminal-alert-warning, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--terminal-warning);
  }

  .terminal-alert-danger, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--terminal-danger);
  }

  .terminal-alert-title, :where([data-ui="data-terminal"]) .usk-alert-title, :where([data-ui="data-terminal"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .terminal-alert-body, :where([data-ui="data-terminal"]) .usk-alert-body, :where([data-ui="data-terminal"]) .ui-alert-body {
    color: var(--terminal-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .terminal-table-wrap, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .ui-table-wrap {
    overflow: auto;
  }

  .terminal-table, :where([data-ui="data-terminal"]) .usk-table, :where([data-ui="data-terminal"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .terminal-table th, .terminal-table td, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .usk-table td, :where([data-ui="data-terminal"]) .ui-table th, :where([data-ui="data-terminal"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--terminal-border);
    padding: .95rem 1rem;
  }

  .terminal-table th, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .ui-table th {
    color: var(--terminal-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--terminal-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .terminal-table td, :where([data-ui="data-terminal"]) .usk-table td, :where([data-ui="data-terminal"]) .ui-table td {
    color: var(--terminal-text-muted);
  }

  .terminal-table tr:hover td, :where([data-ui="data-terminal"]) .usk-table tr:hover td, :where([data-ui="data-terminal"]) .ui-table tr:hover td {
    background: rgb(var(--terminal-primary-rgb)/.045);
  }

  .terminal-text-primary {
    color: var(--usk-primary-ink, var(--terminal-primary));
  }

  .terminal-text-secondary {
    color: var(--terminal-secondary);
  }

  .terminal-text-accent {
    color: var(--usk-accent-ink, var(--terminal-accent));
  }

  .terminal-text-success {
    color: var(--terminal-success);
  }

  .terminal-text-warning {
    color: var(--terminal-warning);
  }

  .terminal-text-danger {
    color: var(--terminal-danger);
  }

  .terminal-bg-primary {
    background: var(--terminal-primary);
    color: var(--terminal-on-primary);
  }

  .terminal-bg-secondary {
    background: var(--terminal-secondary);
    color: var(--terminal-on-secondary);
  }

  .terminal-border {
    border: 1px solid var(--terminal-border);
  }

  .terminal-rounded {
    border-radius: var(--terminal-radius-md);
  }

  .terminal-rounded-lg {
    border-radius: var(--terminal-radius-lg);
  }

  .terminal-rounded-xl {
    border-radius: var(--terminal-radius-xl);
  }

  .terminal-pill {
    border-radius: var(--terminal-radius-pill);
  }

  .terminal-sr-only, .terminal-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .terminal-skip-link {
    z-index: 9999;
    background: var(--terminal-primary);
    color: var(--terminal-on-primary);
    border-radius: var(--terminal-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .terminal-skip-link:focus {
    transform: translateY(0);
  }

  .terminal-metric, :where([data-ui="data-terminal"]) .usk-metric, :where([data-ui="data-terminal"]) .ui-metric {
    padding: var(--terminal-space-5);
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .terminal-metric-value, :where([data-ui="data-terminal"]) .usk-metric-value, :where([data-ui="data-terminal"]) .ui-metric-value {
    color: var(--terminal-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .terminal-metric-label, :where([data-ui="data-terminal"]) .usk-metric-label, :where([data-ui="data-terminal"]) .ui-metric-label {
    color: var(--terminal-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .terminal-empty-state, :where([data-ui="data-terminal"]) .usk-empty-state, :where([data-ui="data-terminal"]) .ui-empty-state {
    place-items: center;
    gap: var(--terminal-space-3);
    min-height: 14rem;
    padding: var(--terminal-space-6);
    text-align: center;
    background: var(--terminal-surface-soft);
    border: 1px dashed var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    display: grid;
  }

  .terminal-spinner, .terminal-loading-spinner, [data-ui="data-terminal"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="data-terminal"]) .usk-spinner, :where([data-ui="data-terminal"]) .ui-spinner {
    border: .25rem solid var(--terminal-spinner-track);
    border-block-start-color: var(--terminal-spinner-stroke);
    border-inline-end-color: var(--terminal-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite terminal-spin;
    display: inline-block;
  }

  .terminal-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .terminal-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .terminal-button[aria-busy="true"], .terminal-icon-button[aria-busy="true"], [data-ui="data-terminal"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="data-terminal"]) .usk-button[aria-busy="true"], :where([data-ui="data-terminal"]) .usk-icon-button[aria-busy="true"], :where([data-ui="data-terminal"]) .ui-button[aria-busy="true"], :where([data-ui="data-terminal"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .terminal-button[aria-busy="true"]:after, .terminal-icon-button[aria-busy="true"]:after, [data-ui="data-terminal"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="data-terminal"]) .usk-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--terminal-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite terminal-spin;
    display: inline-block;
  }

  @keyframes terminal-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .terminal-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--terminal-border-rgb)/.72);
    border-radius: var(--terminal-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .terminal-card-service {
    gap: var(--terminal-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .terminal-card-service > .terminal-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .terminal-card-service > .terminal-card-media + .terminal-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .terminal-card-feature {
    gap: var(--terminal-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .terminal-card-accent-edge {
    border-inline-start: .35rem solid var(--terminal-primary);
  }

  .terminal-icon-medallion {
    background: var(--terminal-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--terminal-on-primary);
    border: 2px solid rgb(var(--terminal-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .terminal-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .terminal-button.terminal-button-cut, .terminal-button-cut, :where([data-ui="data-terminal"]) .usk-button.terminal-button-cut, :where([data-ui="data-terminal"]) .ui-button.terminal-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .terminal-button.terminal-button-cut:focus-visible, .terminal-button-cut:focus-visible, :where([data-ui="data-terminal"]) .usk-button.terminal-button-cut:focus-visible, :where([data-ui="data-terminal"]) .ui-button.terminal-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .terminal-button.terminal-button-outline-heavy, .terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .usk-button.terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .ui-button.terminal-button-outline-heavy {
    color: var(--usk-primary-ink, var(--terminal-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--terminal-primary);
    box-shadow: none;
    background: none;
  }

  .terminal-button.terminal-button-outline-heavy:hover, .terminal-button-outline-heavy:hover, :where([data-ui="data-terminal"]) .usk-button.terminal-button-outline-heavy:hover, :where([data-ui="data-terminal"]) .ui-button.terminal-button-outline-heavy:hover {
    background: var(--terminal-primary);
    color: var(--terminal-on-primary);
    border-color: var(--terminal-primary-hover);
  }

  .terminal-badge-seal {
    aspect-ratio: 1;
    background: var(--terminal-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--terminal-text);
    border: 2px solid var(--terminal-primary);
    text-align: center;
    font-family: var(--terminal-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .terminal-feature-strip {
    background: var(--terminal-card-bg);
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .terminal-feature-item {
    align-items: center;
    gap: var(--terminal-space-3);
    min-inline-size: 0;
    padding: var(--terminal-space-4);
    border-inline-end: 1px solid rgb(var(--terminal-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .terminal-feature-item:last-child {
    border-inline-end: 0;
  }

  .terminal-feature-item > :where(p, small) {
    color: var(--terminal-text-muted);
    margin: 0;
  }

  .terminal-callout-bar {
    align-items: center;
    gap: var(--terminal-space-4);
    padding: var(--terminal-space-4) var(--terminal-space-5);
    background: var(--terminal-card-bg);
    color: var(--terminal-text);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .terminal-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .terminal-callout-bar>:where(.terminal-button,a,button):last-child, :where([data-ui="data-terminal"]) .terminal-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="data-terminal"]) .terminal-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .terminal-eyebrow {
    color: var(--usk-primary-ink, var(--terminal-primary));
    font-family: var(--terminal-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .terminal-media-scrim {
    isolation: isolate;
    background: var(--terminal-surface-soft);
    border: 1px solid var(--terminal-border);
    border-radius: var(--terminal-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .terminal-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .terminal-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .terminal-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .terminal-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .terminal-callout-bar>:where(.terminal-button,a,button):last-child, :where([data-ui="data-terminal"]) .terminal-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="data-terminal"]) .terminal-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .terminal-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--terminal-border-rgb)/.62);
    }

    .terminal-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .terminal-card-service, .terminal-card-feature, .terminal-feature-strip, .terminal-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--terminal-shadow-alpha) + .03));
  }

  .terminal-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--terminal-shadow-alpha) + .05));
  }

  :root {
    --terminal-font-display: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --terminal-font-body: var(--terminal-font-display);
    --terminal-font-heading: var(--terminal-font-display);
    --terminal-font-control: var(--terminal-font-display);
    --terminal-font-mono: var(--terminal-font-display);
    --terminal-radius-xs: 0;
    --terminal-radius-sm: .08rem;
    --terminal-radius-md: .12rem;
    --terminal-radius-lg: .16rem;
    --terminal-radius-xl: .2rem;
  }

  [data-ui="data-terminal"] {
    font-family: var(--terminal-font-body);
    font-size: .94rem;
  }

  [data-ui="data-terminal"][data-mode] {
    --terminal-theme-bg: linear-gradient(rgb(var(--terminal-primary-rgb) / .035) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--terminal-border-rgb) / .07) 1px, transparent 1px), var(--terminal-bg);
    --terminal-theme-bg-size: 4px 4px, 3rem 3rem, auto;
    --terminal-card-bg: rgb(var(--terminal-surface-rgb) / calc(var(--terminal-panel-alpha) * .84));
  }

  .terminal-title, .terminal-heading, .terminal-kicker, .terminal-eyebrow, .terminal-label, .terminal-table th, :where([data-ui="data-terminal"]) .usk-label, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .ui-label, :where([data-ui="data-terminal"]) .ui-table th {
    font-family: var(--terminal-font-mono);
    text-transform: uppercase;
    letter-spacing: .055em;
  }

  .terminal-title {
    font-size: clamp(1.8rem, 4vw, 3.3rem);
    font-weight: 700;
    line-height: 1;
  }

  .terminal-heading {
    font-size: clamp(1rem, 2vw, 1.45rem);
    font-weight: 700;
  }

  .terminal-subtitle, .terminal-copy {
    line-height: 1.45;
  }

  .terminal-copy a {
    align-items: center;
    min-block-size: 1.5rem;
    display: inline-flex;
  }

  .terminal-surface, .terminal-card, .terminal-panel, .terminal-toolbar, .terminal-table-wrap, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .ui-card, :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap {
    box-shadow: none;
    background: var(--terminal-card-bg);
    border-radius: 0;
  }

  .terminal-card, .terminal-panel, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .ui-card {
    padding: var(--terminal-space-4);
  }

  .terminal-button, .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    box-shadow: none;
    font-family: var(--terminal-font-mono);
    text-transform: uppercase;
    letter-spacing: .055em;
    border-radius: 0;
    font-size: .76rem;
  }

  .terminal-nav, :where([data-ui="data-terminal"]) .usk-nav, :where([data-ui="data-terminal"]) .ui-nav {
    box-shadow: none;
    border-radius: 0;
    padding: .2rem;
  }

  .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-nav-link {
    min-height: 2rem;
    font-family: var(--terminal-font-mono);
    text-transform: uppercase;
    border-radius: 0;
    font-size: .72rem;
  }

  .terminal-input, .terminal-textarea, .terminal-select, .terminal-badge, .terminal-alert, .terminal-metric, .terminal-well, .terminal-inset, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .usk-alert, :where([data-ui="data-terminal"]) .usk-metric, :where([data-ui="data-terminal"]) .ui-input, :where([data-ui="data-terminal"]) .ui-textarea, :where([data-ui="data-terminal"]) .ui-select, :where([data-ui="data-terminal"]) .ui-badge, :where([data-ui="data-terminal"]) .ui-alert, :where([data-ui="data-terminal"]) .ui-metric {
    font-family: var(--terminal-font-mono);
    border-radius: 0;
  }

  .terminal-table, :where([data-ui="data-terminal"]) .usk-table, :where([data-ui="data-terminal"]) .ui-table {
    font-family: var(--terminal-font-mono);
    font-size: .78rem;
  }

  .terminal-table th, .terminal-table td, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .usk-table td, :where([data-ui="data-terminal"]) .ui-table th, :where([data-ui="data-terminal"]) .ui-table td {
    padding: .5rem .6rem;
  }

  .terminal-metric-value, :where([data-ui="data-terminal"]) .usk-metric-value, :where([data-ui="data-terminal"]) .ui-metric-value {
    font-family: var(--terminal-font-mono);
    color: var(--usk-primary-ink, var(--terminal-primary));
    font-size: clamp(1.35rem, 2.6vw, 2rem);
  }

  .terminal-text-primary, .terminal-kicker, .terminal-eyebrow {
    text-shadow: 0 0 .75rem rgb(var(--terminal-primary-rgb)/.28);
  }

  .terminal-card-media, .terminal-media-scrim, .terminal-feature-strip, .terminal-callout-bar {
    border-radius: 0;
  }

  .terminal-icon-medallion, .terminal-badge-seal {
    color: var(--usk-primary-ink, var(--terminal-primary));
    font-family: var(--terminal-font-mono);
    box-shadow: none;
    background: none;
    border-radius: 0;
  }

  .terminal-feature-item {
    padding: .75rem;
  }

  .terminal-card-accent-edge {
    border-inline-start-width: 2px;
  }

  .terminal-button.terminal-button-cut, .terminal-button-cut, :where([data-ui="data-terminal"]) .usk-button.terminal-button-cut, :where([data-ui="data-terminal"]) .ui-button.terminal-button-cut {
    clip-path: polygon(.5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 .5rem);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .terminal-button.terminal-button-outline-heavy, .terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .usk-button.terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .ui-button.terminal-button-outline-heavy {
    clip-path: polygon(0 .4rem, .4rem 0, 100% 0, 100% calc(100% - .4rem), calc(100% - .4rem) 100%, 0 100%);
    box-shadow: inset .25rem 0 0 rgb(var(--terminal-primary-rgb)/.24),0 0 .65rem rgb(var(--terminal-primary-rgb)/.28);
    border-width: 1px;
    border-radius: 0;
  }

  .terminal-card-service, .terminal-media-scrim, .terminal-feature-strip, .terminal-callout-bar, .terminal-metric, :where([data-ui="data-terminal"]) .usk-metric, :where([data-ui="data-terminal"]) .ui-metric {
    border: 1px solid var(--terminal-primary);
    box-shadow: inset .25rem 0 0 rgb(var(--terminal-primary-rgb)/.22),0 0 .75rem rgb(var(--terminal-primary-rgb)/.2);
    border-radius: 0;
  }

  [data-ui="data-terminal"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 1px solid var(--terminal-primary);
    box-shadow: inset .2rem 0 0 rgb(var(--terminal-primary-rgb)/.22),0 0 .6rem rgb(var(--terminal-primary-rgb)/.24);
    border-radius: 0;
  }

  [data-ui="data-terminal"][data-mode] :where(dialog) {
    border: 1px solid var(--terminal-primary);
    box-shadow: inset .28rem 0 0 rgb(var(--terminal-primary-rgb)/.24),0 0 .9rem rgb(var(--terminal-primary-rgb)/.24),0 1rem 2rem rgb(var(--terminal-text-rgb)/.22);
    border-radius: 0;
  }

  .terminal-spinner, .terminal-loading-spinner, [data-ui="data-terminal"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="data-terminal"]) .usk-spinner, :where([data-ui="data-terminal"]) .ui-spinner {
    background: conic-gradient(var(--terminal-spinner-stroke)0 20%,transparent 0 30%,var(--terminal-spinner-accent)0 45%,transparent 0 70%,var(--terminal-spinner-stroke)0 82%,transparent 0);
    box-shadow: 0 0 .8rem rgb(var(--terminal-primary-rgb)/.55),inset 0 0 0 .2rem var(--terminal-surface);
    clip-path: polygon(0 0, 42% 0, 42% 18%, 18% 18%, 18% 42%, 0 42%, 0 0, 100% 0, 100% 100%, 58% 100%, 58% 82%, 82% 82%, 82% 58%, 100% 58%);
    border-radius: 0;
    animation: .76s steps(4, end) infinite terminal-spin;
  }

  .terminal-button[aria-busy="true"]:after, .terminal-icon-button[aria-busy="true"]:after, [data-ui="data-terminal"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="data-terminal"]) .usk-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-icon-button[aria-busy="true"]:after {
    background: conic-gradient(currentColor 0 20%,transparent 0 32%,currentColor 0 46%,transparent 0 72%,currentColor 0 84%,transparent 0);
    clip-path: polygon(0 0, 45% 0, 45% 18%, 18% 18%, 18% 45%, 0 45%, 0 0, 100% 0, 100% 100%, 55% 100%, 55% 82%, 82% 82%, 82% 55%, 100% 55%);
    border: .09em solid;
    border-radius: 0;
    animation: .76s steps(4, end) infinite terminal-spin;
    box-shadow: 0 0 .38em;
  }

  [data-ui="data-terminal"][data-mode] {
    --terminal-command-plane: repeating-linear-gradient(0deg, rgb(var(--terminal-primary-rgb) / .1) 0 1px, transparent 1px 4px),
    linear-gradient(145deg, rgb(var(--terminal-primary-rgb) / .22), rgb(var(--terminal-surface-rgb) / .94) 52%, rgb(var(--terminal-secondary-rgb) / .16));
    --terminal-card-bg: var(--terminal-command-plane);
    --usk-native-card-bg: var(--terminal-command-plane);
    --usk-native-font-control: ui-monospace, Consolas, "Liberation Mono", monospace;
    --usk-native-control-min-block-size: 2.2rem;
    --usk-native-control-padding-block: .31rem;
    --usk-native-control-padding-inline: .62rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-focus-ring: 0 0 0 1px var(--terminal-focus);
    --usk-native-subcontrol-padding-block: .28rem;
    --usk-native-subcontrol-padding-inline: .48rem;
    --usk-native-choice-size: 1rem;
    --usk-native-choice-background: var(--terminal-control-bg);
    --usk-native-choice-border: 1px solid var(--terminal-text-muted);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 0;
    --usk-native-choice-shadow: inset 0 0 0 1px var(--terminal-surface);
    --usk-native-choice-checked-background: linear-gradient(var(--terminal-primary), var(--terminal-primary));
    --usk-native-choice-mark-color: var(--terminal-on-primary);
    --usk-native-select-indicator-image: linear-gradient(90deg, transparent 38%, var(--terminal-primary) 38% 62%, transparent 62%);
    --usk-native-select-indicator-size: .72rem .5rem;
    --usk-native-select-indicator-position: calc(100% - .66rem) 50%;
    --usk-native-select-padding-inline-end: 1.65rem;
    --usk-native-range-track-size: .32rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--terminal-primary) 0 1px, transparent 1px .5rem), var(--terminal-surface-soft);
    --usk-native-range-track-border: 1px solid var(--terminal-text-muted);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: linear-gradient(90deg, var(--terminal-success), var(--terminal-warning), var(--terminal-danger));
    --usk-native-range-thumb-size: .9rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--terminal-surface);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: 0 0 0 1px var(--terminal-primary);
    --usk-native-progress-size: .58rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--terminal-surface-soft) 0 .48rem, var(--terminal-border) .48rem .54rem);
    --usk-native-progress-track-border: 1px solid var(--terminal-text-muted);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--terminal-primary) 0 .48rem, transparent .48rem .54rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: none;
    --usk-native-scrollbar-size: .6rem;
    --usk-native-scrollbar-track: var(--terminal-surface);
    --usk-native-scrollbar-thumb: linear-gradient(var(--terminal-primary), var(--terminal-primary));
    --usk-native-scrollbar-radius: 0;
  }

  .terminal-title {
    letter-spacing: max(.05em, .5px);
    margin-block: .75rem;
    font-weight: 700;
  }

  .terminal-label, :where([data-ui="data-terminal"]) .usk-label, :where([data-ui="data-terminal"]) .ui-label {
    font-size: .7rem;
    font-weight: 700;
  }

  .terminal-card, .terminal-panel, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .ui-card {
    background: var(--terminal-card-bg);
    border: 1px solid var(--terminal-border);
    box-shadow: none;
    border-radius: 0;
    padding: .78rem;
  }

  .terminal-well, .terminal-inset {
    background: var(--terminal-control-bg);
    border: 1px dashed var(--terminal-border);
    box-shadow: inset .2rem 0 0 rgb(var(--terminal-primary-rgb)/.22);
    border-radius: 0;
    padding: .58rem;
  }

  .terminal-button, .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    background: var(--terminal-control-bg);
    border: 1px solid var(--terminal-primary);
    min-height: 2.2rem;
    box-shadow: none;
    border-radius: 0;
    padding: .38rem .62rem;
    font-weight: 700;
  }

  .terminal-button:before, :where([data-ui="data-terminal"]) .usk-button:before, :where([data-ui="data-terminal"]) .ui-button:before {
    content: "[";
    margin-inline-end: .38em;
  }

  .terminal-button:after, :where([data-ui="data-terminal"]) .usk-button:after, :where([data-ui="data-terminal"]) .ui-button:after {
    content: "]";
    margin-inline-start: .38em;
  }

  .terminal-button:active, .terminal-button[aria-pressed="true"], .terminal-button.is-active, :where([data-ui="data-terminal"]) .usk-button:active, :where([data-ui="data-terminal"]) .usk-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .usk-button.is-active, :where([data-ui="data-terminal"]) .ui-button:active, :where([data-ui="data-terminal"]) .ui-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .ui-button.is-active {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
  }

  .terminal-button:disabled, .terminal-disabled, :where([data-ui="data-terminal"]) .usk-button:disabled, :where([data-ui="data-terminal"]) .ui-button:disabled {
    color: var(--terminal-text-muted);
    border-color: var(--terminal-text-muted);
    box-shadow: none;
  }

  .terminal-input, .terminal-textarea, .terminal-select, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .ui-input, :where([data-ui="data-terminal"]) .ui-textarea, :where([data-ui="data-terminal"]) .ui-select {
    background: var(--terminal-control-bg);
    border: 1px solid var(--terminal-text-muted);
    min-height: 2.1rem;
    box-shadow: inset .16rem 0 0 rgb(var(--terminal-primary-rgb)/.28);
    border-radius: 0;
    padding: .34rem .52rem;
  }

  .terminal-nav, .terminal-toolbar, .terminal-feature-strip, :where([data-ui="data-terminal"]) .usk-nav, :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .ui-nav, :where([data-ui="data-terminal"]) .ui-toolbar {
    border: 1px solid var(--terminal-border);
    box-shadow: none;
    border-radius: 0;
    gap: 1px;
    padding: 1px;
  }

  .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-nav-link {
    border-radius: 0;
    min-height: 1.9rem;
    padding: .3rem .52rem;
  }

  .terminal-badge, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .ui-badge {
    min-height: 1.3rem;
    font-family: var(--terminal-font-mono);
    border: 1px solid;
    border-radius: 0;
    padding: .18rem .38rem;
  }

  .terminal-alert, :where([data-ui="data-terminal"]) .usk-alert, :where([data-ui="data-terminal"]) .ui-alert {
    background: var(--terminal-control-bg);
    box-shadow: none;
    border: 1px solid;
    border-radius: 0;
    padding: .52rem .62rem;
  }

  .terminal-progress, :where([data-ui="data-terminal"]) .usk-progress, :where([data-ui="data-terminal"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--terminal-surface-soft)0 .48rem,var(--terminal-border) .48rem .54rem);
    border-radius: 0;
    height: .58rem;
  }

  .terminal-table-wrap, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .ui-table-wrap {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    box-shadow: none;
    border-radius: 0;
  }

  .terminal-table, :where([data-ui="data-terminal"]) .usk-table, :where([data-ui="data-terminal"]) .ui-table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
  }

  .terminal-table th, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .ui-table th {
    background: var(--terminal-control-bg);
    border: 1px solid var(--terminal-border);
    padding: .38rem .46rem;
    font-weight: 700;
  }

  .terminal-table td, :where([data-ui="data-terminal"]) .usk-table td, :where([data-ui="data-terminal"]) .ui-table td {
    border: 1px solid var(--terminal-border);
    padding: .34rem .46rem;
  }

  .terminal-tooltip, [data-ui="data-terminal"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="data-terminal"]) .usk-tooltip, :where([data-ui="data-terminal"]) .ui-tooltip {
    border: 1px dashed var(--terminal-warning);
    box-shadow: none;
    border-radius: 0;
  }

  .terminal-card-service, .terminal-card-feature, .terminal-media-scrim, .terminal-callout-bar {
    box-shadow: none;
    border-radius: 0;
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="data-terminal"][data-mode] {
      --usk-native-card-bg: var(--terminal-card-bg);
      --usk-native-control-bg: color-mix(in srgb, var(--terminal-surface-soft) 88%, var(--terminal-primary));
    }

    .terminal-panel, .terminal-card-service, .terminal-feature-strip, .terminal-callout-bar {
      background: linear-gradient(90deg,var(--terminal-primary)0 28%,var(--terminal-warning) 28% 38%,transparent 38%) top/100% 2px no-repeat,var(--terminal-card-bg);
    }
  }

  .terminal-input, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .ui-input {
    border-radius: .01rem;
  }

  .terminal-alert, :where([data-ui="data-terminal"]) .usk-alert, :where([data-ui="data-terminal"]) .ui-alert {
    border-radius: .015rem;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="data-terminal"] *, [data-ui="data-terminal"] :before, [data-ui="data-terminal"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="data-terminal"] {
      --terminal-border-alpha: 1;
      --terminal-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="data-terminal"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="data-terminal"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="data-terminal"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="data-terminal"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="data-terminal"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .terminal-input[aria-invalid="true"], .terminal-textarea[aria-invalid="true"], .terminal-select[aria-invalid="true"], :where([data-ui="data-terminal"]) .usk-input[aria-invalid="true"], :where([data-ui="data-terminal"]) .usk-textarea[aria-invalid="true"], :where([data-ui="data-terminal"]) .usk-select[aria-invalid="true"], :where([data-ui="data-terminal"]) .ui-input[aria-invalid="true"], :where([data-ui="data-terminal"]) .ui-textarea[aria-invalid="true"], :where([data-ui="data-terminal"]) .ui-select[aria-invalid="true"] {
    border-color: var(--terminal-danger);
    box-shadow: 0 0 0 2px rgb(var(--terminal-danger-rgb)/.2);
  }

  .terminal-input[readonly], .terminal-textarea[readonly], :where([data-ui="data-terminal"]) .usk-input[readonly], :where([data-ui="data-terminal"]) .usk-textarea[readonly], :where([data-ui="data-terminal"]) .ui-input[readonly], :where([data-ui="data-terminal"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .terminal-button-primary, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--terminal-primary);
    color: var(--terminal-on-primary);
    border-color: var(--terminal-primary);
  }

  .terminal-button-secondary, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--terminal-secondary);
    color: var(--terminal-on-secondary);
    border-color: var(--terminal-secondary);
  }

  .terminal-button-danger, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--terminal-danger);
    color: var(--terminal-on-danger);
    border-color: var(--terminal-danger);
  }

  .terminal-button-ghost, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--terminal-primary));
    background: none;
    border-color: #0000;
  }

  .terminal-feature-item > .terminal-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .terminal-callout-bar > .terminal-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="data-terminal"]:not([data-theme])[data-mode="light"] {
    --terminal-text-rgb: 20 22 21;
    --terminal-text-muted-rgb: 84 87 84;
    --terminal-border-rgb: 137 140 136;
    --terminal-primary-rgb: 22 82 190;
    --terminal-primary-hover-rgb: 15 66 158;
    --terminal-primary-text-rgb: 255 255 255;
    --terminal-secondary-rgb: 24 111 138;
    --terminal-secondary-hover-rgb: 16 86 108;
    --terminal-secondary-text-rgb: 255 255 255;
    --terminal-accent-rgb: 190 111 0;
    --terminal-accent-text-rgb: 20 22 21;
    --terminal-success-rgb: 36 132 55;
    --terminal-success-text-rgb: 255 255 255;
    --terminal-warning-rgb: 190 111 0;
    --terminal-warning-text-rgb: 20 22 21;
    --terminal-danger-rgb: 211 43 50;
    --terminal-danger-text-rgb: 255 255 255;
    --terminal-link-rgb: 22 82 190;
    --terminal-focus-rgb: 22 82 190;
  }

  [data-ui="data-terminal"]:not([data-theme])[data-mode="dark"] {
    --terminal-text-rgb: 236 237 232;
    --terminal-text-muted-rgb: 164 166 160;
    --terminal-border-rgb: 163 116 0;
    --terminal-primary-rgb: 52 125 255;
    --terminal-primary-hover-rgb: 100 156 255;
    --terminal-primary-text-rgb: 0 0 0;
    --terminal-secondary-rgb: 52 171 213;
    --terminal-secondary-hover-rgb: 93 199 235;
    --terminal-secondary-text-rgb: 0 0 0;
    --terminal-accent-rgb: 255 176 0;
    --terminal-accent-text-rgb: 0 0 0;
    --terminal-success-rgb: 74 205 84;
    --terminal-success-text-rgb: 0 0 0;
    --terminal-warning-rgb: 255 176 0;
    --terminal-warning-text-rgb: 0 0 0;
    --terminal-danger-rgb: 255 71 78;
    --terminal-danger-text-rgb: 0 0 0;
    --terminal-link-rgb: 82 151 255;
    --terminal-focus-rgb: 82 151 255;
  }

  [data-ui="data-terminal"]:not([data-theme])[data-mode="contrast"] {
    --terminal-text-rgb: 255 255 255;
    --terminal-text-muted-rgb: 224 224 224;
    --terminal-border-rgb: 255 212 0;
    --terminal-primary-rgb: 92 153 255;
    --terminal-primary-hover-rgb: 132 179 255;
    --terminal-primary-text-rgb: 0 0 0;
    --terminal-secondary-rgb: 78 224 255;
    --terminal-secondary-hover-rgb: 130 235 255;
    --terminal-secondary-text-rgb: 0 0 0;
    --terminal-accent-rgb: 255 212 0;
    --terminal-accent-text-rgb: 0 0 0;
    --terminal-success-rgb: 92 255 105;
    --terminal-success-text-rgb: 0 0 0;
    --terminal-warning-rgb: 255 212 0;
    --terminal-warning-text-rgb: 0 0 0;
    --terminal-danger-rgb: 255 96 102;
    --terminal-danger-text-rgb: 0 0 0;
    --terminal-link-rgb: 126 176 255;
    --terminal-focus-rgb: 255 255 255;
  }

  [data-ui="data-terminal"][data-mode="light"] {
    --terminal-document-bg-rgb: 250 250 246;
    --terminal-document-cell-rgb: 255 255 252;
    --terminal-document-cell-muted-rgb: 246 246 241;
  }

  [data-ui="data-terminal"][data-mode="dark"] {
    --terminal-document-bg-rgb: 2 4 3;
    --terminal-document-cell-rgb: 0 0 0;
    --terminal-document-cell-muted-rgb: 8 10 9;
  }

  [data-ui="data-terminal"][data-mode="contrast"] {
    --terminal-document-bg-rgb: 0 0 0;
    --terminal-document-cell-rgb: 0 0 0;
    --terminal-document-cell-muted-rgb: 0 0 0;
  }

  [data-ui="data-terminal"]:not([data-theme])[data-mode] {
    --terminal-bg: rgb(var(--terminal-document-bg-rgb));
    --terminal-surface: rgb(var(--terminal-document-cell-rgb));
    --terminal-surface-strong: var(--terminal-surface);
    --terminal-surface-soft: rgb(var(--terminal-document-cell-muted-rgb));
    --terminal-border: rgb(var(--terminal-border-rgb));
    --terminal-theme-bg: var(--terminal-bg);
    --terminal-theme-bg-size: auto;
    --terminal-card-bg: var(--terminal-surface);
    --terminal-control-bg: var(--terminal-surface);
    --usk-native-surface: var(--terminal-surface);
    --usk-native-surface-strong: var(--terminal-surface);
    --usk-native-surface-soft: var(--terminal-surface-soft);
    --usk-native-card-bg: var(--terminal-surface);
    --usk-native-control-bg: var(--terminal-surface);
    --usk-native-control-min-block-size: 1.75rem;
    --usk-native-control-padding-block: .16rem;
    --usk-native-control-padding-inline: .45rem;
    --usk-native-subcontrol-padding-block: .2rem;
    --usk-native-subcontrol-padding-inline: .4rem;
    --usk-native-field-gap: .35rem;
    --usk-native-panel-padding: .5rem;
    --usk-native-choice-size: .875rem;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --terminal-text: rgb(var(--terminal-text-rgb));
    --terminal-text-muted: rgb(var(--terminal-text-muted-rgb));
    --terminal-fg: var(--terminal-text);
    --terminal-surface-fg: var(--terminal-text);
    --terminal-muted: var(--terminal-text-muted);
    --terminal-control-fg: var(--terminal-text);
    --terminal-primary: rgb(var(--terminal-primary-rgb));
    --terminal-primary-hover: rgb(var(--terminal-primary-hover-rgb));
    --terminal-primary-text: rgb(var(--terminal-primary-text-rgb));
    --terminal-secondary: rgb(var(--terminal-secondary-rgb));
    --terminal-secondary-hover: rgb(var(--terminal-secondary-hover-rgb));
    --terminal-secondary-text: rgb(var(--terminal-secondary-text-rgb));
    --terminal-on-primary: var(--terminal-primary-text);
    --terminal-on-secondary: var(--terminal-secondary-text);
    --terminal-on-accent: rgb(var(--terminal-accent-text-rgb));
    --terminal-on-success: rgb(var(--terminal-success-text-rgb));
    --terminal-on-warning: rgb(var(--terminal-warning-text-rgb));
    --terminal-on-danger: rgb(var(--terminal-danger-text-rgb));
    --terminal-accent: rgb(var(--terminal-accent-rgb));
    --terminal-success: rgb(var(--terminal-success-rgb));
    --terminal-warning: rgb(var(--terminal-warning-rgb));
    --terminal-danger: rgb(var(--terminal-danger-rgb));
    --terminal-link: rgb(var(--terminal-link-rgb));
    --terminal-focus: rgb(var(--terminal-focus-rgb));
    --terminal-focus-ring: 0 0 0 2px var(--terminal-focus);
    --terminal-spinner-track: var(--terminal-border);
    --terminal-spinner-stroke: var(--terminal-primary);
    --terminal-spinner-accent: var(--terminal-accent);
    --usk-native-text: var(--terminal-text);
    --usk-native-text-muted: var(--terminal-text-muted);
    --usk-native-border: var(--terminal-border);
    --usk-native-primary: var(--terminal-primary);
    --usk-native-primary-hover: var(--terminal-primary-hover);
    --usk-native-on-primary: var(--terminal-on-primary);
    --usk-native-focus: var(--terminal-focus);
    --usk-native-success: var(--terminal-success);
    --usk-native-warning: var(--terminal-warning);
    --usk-native-danger: var(--terminal-danger);
    --usk-native-link: var(--terminal-link);
    --usk-native-font-body: var(--terminal-font-body);
    --usk-native-font-heading: var(--terminal-font-heading);
    --usk-native-font-control: var(--terminal-font-control);
    --usk-native-font-mono: var(--terminal-font-mono);
  }

  [data-ui="data-terminal"] {
    --demo-component-heading-size: .75rem;
    background: var(--terminal-bg);
    font-family: Cascadia Mono, Consolas, Liberation Mono, ui-monospace, monospace;
    font-size: .8125rem;
    line-height: 1.35;
  }

  .terminal-title {
    letter-spacing: .025em;
    margin-block: .5rem;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    line-height: 1.05;
  }

  .terminal-heading {
    letter-spacing: .025em;
    font-size: .75rem;
    line-height: 1.2;
  }

  .terminal-kicker, .terminal-eyebrow {
    letter-spacing: .035em;
    text-shadow: none;
    font-size: .6875rem;
    line-height: 1.2;
  }

  .terminal-surface, .terminal-card, .terminal-panel, .terminal-toolbar, .terminal-table-wrap, .terminal-well, .terminal-inset, .terminal-input, .terminal-textarea, .terminal-select, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .ui-card, :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-input, :where([data-ui="data-terminal"]) .ui-textarea, :where([data-ui="data-terminal"]) .ui-select {
    background: var(--terminal-surface);
    box-shadow: none;
    border-radius: 0;
  }

  .terminal-card, .terminal-panel, :where([data-ui="data-terminal"]) .usk-card, :where([data-ui="data-terminal"]) .ui-card {
    border: 1px solid var(--terminal-primary);
    padding: .5rem;
  }

  .terminal-button, .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    min-height: 1.875rem;
    box-shadow: none;
    letter-spacing: .025em;
    border-radius: 0;
    padding: .3rem .65rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    transform: none;
  }

  .terminal-button:hover, .terminal-icon-button:hover, :where([data-ui="data-terminal"]) .usk-button:hover, :where([data-ui="data-terminal"]) .usk-icon-button:hover, :where([data-ui="data-terminal"]) .ui-button:hover, :where([data-ui="data-terminal"]) .ui-icon-button:hover {
    color: var(--usk-primary-ink, var(--terminal-primary));
    background: var(--terminal-surface);
    border-color: var(--terminal-primary);
    box-shadow: none;
    transform: none;
  }

  .terminal-button-primary, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="primary"]) {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
    border-color: var(--terminal-primary);
  }

  .terminal-button-primary:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="primary"]):hover {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary-hover);
    border-color: var(--terminal-primary-hover);
  }

  .terminal-button-secondary, .terminal-button-secondary:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="secondary"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    color: var(--terminal-text);
    background: var(--terminal-surface);
    border-color: var(--terminal-border);
  }

  .terminal-button-danger, .terminal-button-danger:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="danger"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="danger"]):hover {
    color: var(--terminal-danger);
    background: var(--terminal-surface);
    border-color: var(--terminal-danger);
  }

  .terminal-button-ghost, .terminal-button-ghost:hover, :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="data-terminal"]) .usk-button:where([data-ui-variant="ghost"]):hover, :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="data-terminal"]) .ui-button:where([data-ui-variant="ghost"]):hover {
    color: var(--usk-primary-ink, var(--terminal-primary));
    background: none;
    border-color: #0000;
  }

  .terminal-button:active, .terminal-button[aria-pressed="true"], .terminal-button.is-active, :where([data-ui="data-terminal"]) .usk-button:active, :where([data-ui="data-terminal"]) .usk-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .usk-button.is-active, :where([data-ui="data-terminal"]) .ui-button:active, :where([data-ui="data-terminal"]) .ui-button[aria-pressed="true"], :where([data-ui="data-terminal"]) .ui-button.is-active {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
    border-color: var(--terminal-primary);
    box-shadow: none;
    transform: none;
  }

  .terminal-icon-button, :where([data-ui="data-terminal"]) .usk-icon-button, :where([data-ui="data-terminal"]) .ui-icon-button {
    text-align: center;
    place-items: center;
    block-size: 1.875rem;
    inline-size: 1.875rem;
    padding: 0;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    display: inline-grid;
  }

  .terminal-label, .terminal-help-text, :where([data-ui="data-terminal"]) .usk-label, :where([data-ui="data-terminal"]) .usk-help-text, :where([data-ui="data-terminal"]) .ui-label, :where([data-ui="data-terminal"]) .ui-help-text {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .terminal-field, :where([data-ui="data-terminal"]) .usk-field, :where([data-ui="data-terminal"]) .ui-field {
    gap: .3rem;
  }

  .terminal-input, .terminal-select, :where([data-ui="data-terminal"]) .usk-input, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .ui-input, :where([data-ui="data-terminal"]) .ui-select {
    border: 1px solid var(--terminal-border);
    min-height: 1.875rem;
    box-shadow: none;
    padding: .25rem .45rem;
    font-size: .75rem;
  }

  .terminal-select, :where([data-ui="data-terminal"]) .usk-select, :where([data-ui="data-terminal"]) .ui-select {
    appearance: none;
    background-image: var(--usk-native-select-indicator-image);
    background-position: var(--usk-native-select-indicator-position);
    background-repeat: no-repeat;
    background-size: var(--usk-native-select-indicator-size);
    padding-inline-end: var(--usk-native-select-padding-inline-end);
  }

  [data-ui="data-terminal"][data-mode] select:not([multiple]) {
    appearance: none;
  }

  .terminal-textarea, :where([data-ui="data-terminal"]) .usk-textarea, :where([data-ui="data-terminal"]) .ui-textarea {
    border: 1px solid var(--terminal-border);
    min-height: 4.5rem;
    box-shadow: none;
    padding: .35rem .45rem;
    font-size: .75rem;
    line-height: 1.3;
  }

  [data-ui="data-terminal"][data-mode] {
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 50%, var(--terminal-text) 50%),
    linear-gradient(135deg, var(--terminal-text) 50%, transparent 50%);
    --usk-native-select-indicator-size: .35rem .35rem, .35rem .35rem;
    --usk-native-select-indicator-position: calc(100% - .8rem) 50%, calc(100% - .55rem) 50%;
    --usk-native-select-padding-inline-end: 1.6rem;
  }

  .terminal-check, .terminal-radio, .terminal-switch, :where([data-ui="data-terminal"]) .usk-check, :where([data-ui="data-terminal"]) .usk-radio, :where([data-ui="data-terminal"]) .usk-switch, :where([data-ui="data-terminal"]) .ui-check, :where([data-ui="data-terminal"]) .ui-radio, :where([data-ui="data-terminal"]) .ui-switch {
    gap: .4rem;
    font-size: .75rem;
  }

  .terminal-check-control, .terminal-radio-control, :where([data-ui="data-terminal"]) .usk-check-control, :where([data-ui="data-terminal"]) .usk-radio-control, :where([data-ui="data-terminal"]) .ui-check-control, :where([data-ui="data-terminal"]) .ui-radio-control {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    block-size: 1rem;
    inline-size: 1rem;
    box-shadow: none;
    border-radius: 0;
    flex: 0 0 1rem;
    place-items: center;
    display: inline-grid;
    position: relative;
  }

  .terminal-check input:checked+.terminal-check-control, .terminal-radio input:checked+.terminal-radio-control, :where([data-ui="data-terminal"]) .usk-check input:checked+.usk-check-control, :where([data-ui="data-terminal"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="data-terminal"]) .ui-check input:checked+.ui-check-control, :where([data-ui="data-terminal"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--terminal-surface);
    border-color: var(--terminal-primary);
    box-shadow: none;
  }

  .terminal-check input:checked+.terminal-check-control:after, :where([data-ui="data-terminal"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="data-terminal"]) .ui-check input:checked+.ui-check-control:after {
    color: var(--usk-primary-ink, var(--terminal-primary));
    place-items: center;
    font-family: Segoe UI Symbol, sans-serif;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .terminal-radio input:checked+.terminal-radio-control:after, :where([data-ui="data-terminal"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="data-terminal"]) .ui-radio input:checked+.ui-radio-control:after {
    background: var(--terminal-primary);
    border-radius: 0;
    block-size: .38rem;
    inline-size: .38rem;
  }

  .terminal-switch-track, :where([data-ui="data-terminal"]) .usk-switch-track, :where([data-ui="data-terminal"]) .ui-switch-track {
    block-size: 1.25rem;
    inline-size: 3.75rem;
    color: var(--terminal-text);
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    box-shadow: none;
    border-radius: 0;
    place-items: center;
    display: inline-grid;
  }

  .terminal-switch-track:before, :where([data-ui="data-terminal"]) .usk-switch-track:before, :where([data-ui="data-terminal"]) .ui-switch-track:before {
    content: "[ OFF ]";
    font-family: var(--terminal-font-mono);
    font-size: .625rem;
    line-height: 1;
  }

  .terminal-switch-thumb, :where([data-ui="data-terminal"]) .usk-switch-thumb, :where([data-ui="data-terminal"]) .ui-switch-thumb {
    border-radius: 0;
    display: none;
  }

  .terminal-switch input:checked+.terminal-switch-track, :where([data-ui="data-terminal"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="data-terminal"]) .ui-switch input:checked+.ui-switch-track {
    color: var(--terminal-success);
    background: var(--terminal-surface);
    border-color: var(--terminal-success);
  }

  .terminal-switch input:checked+.terminal-switch-track:before, :where([data-ui="data-terminal"]) .usk-switch input:checked+.usk-switch-track:before, :where([data-ui="data-terminal"]) .ui-switch input:checked+.ui-switch-track:before {
    content: "[ ON ]";
  }

  .terminal-tooltip, [data-ui="data-terminal"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="data-terminal"]) .usk-tooltip, :where([data-ui="data-terminal"]) .ui-tooltip {
    color: var(--terminal-warning);
    background: var(--terminal-surface);
    border: 1px dashed var(--terminal-warning);
    box-shadow: none;
    border-radius: 0;
    padding: .45rem .6rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.35;
  }

  .terminal-tooltip-arrow {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-warning);
    border-block-end: 0;
    border-inline-end: 0;
    border-radius: 0;
    align-self: center;
    transform: translateY(.17rem) rotate(45deg);
  }

  .terminal-spinner, .terminal-loading-spinner, [data-ui="data-terminal"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="data-terminal"]) .usk-spinner, :where([data-ui="data-terminal"]) .ui-spinner {
    --terminal-loader-cell: .48rem;
    --terminal-loader-gap: .14rem;
    inline-size: calc((var(--terminal-loader-cell)*5) + (var(--terminal-loader-gap)*4));
    block-size: var(--terminal-loader-cell);
    vertical-align: -.05em;
    background: repeating-linear-gradient(90deg,rgb(var(--terminal-primary-rgb)/.25)0 var(--terminal-loader-cell),transparent var(--terminal-loader-cell) calc(var(--terminal-loader-cell) + var(--terminal-loader-gap)));
    clip-path: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    animation: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  .terminal-spinner:after, .terminal-loading-spinner:after, [data-ui="data-terminal"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):after, :where([data-ui="data-terminal"]) .usk-spinner:after, :where([data-ui="data-terminal"]) .ui-spinner:after {
    content: "";
    inline-size: var(--terminal-loader-cell);
    background: var(--terminal-primary);
    animation: .8s steps(4, end) infinite terminal-signal-scan;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
  }

  .terminal-spinner-sm {
    --terminal-loader-cell: .34rem;
    --terminal-loader-gap: .1rem;
  }

  .terminal-spinner-lg {
    --terminal-loader-cell: .62rem;
    --terminal-loader-gap: .18rem;
  }

  .terminal-button[aria-busy="true"]:after, .terminal-icon-button[aria-busy="true"]:after, [data-ui="data-terminal"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="data-terminal"]) .usk-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-button[aria-busy="true"]:after, :where([data-ui="data-terminal"]) .ui-icon-button[aria-busy="true"]:after {
    --terminal-loader-cell: .24rem;
    content: "]";
    box-sizing: border-box;
    text-align: end;
    block-size: 1em;
    inline-size: 2.25rem;
    box-shadow: none;
    clip-path: none;
    background-image: repeating-linear-gradient(90deg, currentColor 0 .22rem, #0000 .22rem .31rem), linear-gradient(90deg, #0000 0 36%, currentColor 36% 52%, #0000 52% 100%);
    background-position: 0, -100%;
    background-repeat: no-repeat;
    background-size: 1.5rem .38rem, 3rem .38rem;
    border: 0;
    border-radius: 0;
    flex: 0 0 2.25rem;
    padding-inline-start: 1.7rem;
    line-height: 1;
    animation: .8s steps(4, end) infinite terminal-signal-scan;
    display: inline-block;
  }

  .terminal-card-service > .terminal-icon-medallion {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
  }

  .terminal-feature-item > .terminal-icon-medallion {
    text-align: center;
    place-items: center;
    block-size: 2rem;
    min-block-size: 2rem;
    inline-size: 2rem;
    min-inline-size: 2rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    display: inline-grid;
  }

  .terminal-callout-bar > .terminal-icon-medallion {
    text-align: center;
    place-items: center;
    block-size: 2.25rem;
    min-block-size: 2.25rem;
    inline-size: 2.25rem;
    min-inline-size: 2.25rem;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    display: inline-grid;
  }

  .terminal-feature-strip, .terminal-callout-bar {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    box-shadow: none;
  }

  .terminal-button.terminal-button-outline-heavy, .terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .usk-button.terminal-button-outline-heavy, :where([data-ui="data-terminal"]) .ui-button.terminal-button-outline-heavy {
    background: var(--terminal-surface);
    clip-path: none;
    box-shadow: none;
    border-width: 1px;
  }

  @keyframes terminal-signal-scan {
    from {
      background-position: 0, -100%;
      inset-inline-start: 0;
    }

    to {
      background-position: 0, 100%;
      inset-inline-start: calc(100% - var(--terminal-loader-cell));
    }
  }

  .terminal-badge, :where([data-ui="data-terminal"]) .usk-badge, :where([data-ui="data-terminal"]) .ui-badge {
    min-height: 1.35rem;
    color: var(--terminal-text);
    background: var(--terminal-surface);
    border: 1px solid;
    border-radius: 0;
    padding: .18rem .45rem;
    font-size: .6875rem;
    font-weight: 500;
  }

  .terminal-badge-primary, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="primary"]) {
    color: var(--usk-primary-ink, var(--terminal-primary));
    background: var(--terminal-surface);
    border-color: currentColor;
  }

  .terminal-badge-secondary, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="secondary"]) {
    color: var(--terminal-secondary);
    background: var(--terminal-surface);
    border-color: currentColor;
  }

  .terminal-badge-success, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="success"]) {
    color: var(--terminal-success);
    background: var(--terminal-surface);
    border-color: currentColor;
  }

  .terminal-badge-warning, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="warning"]) {
    color: var(--terminal-warning);
    background: var(--terminal-surface);
    border-color: currentColor;
  }

  .terminal-badge-danger, :where([data-ui="data-terminal"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-badge:where([data-ui-variant="danger"]) {
    color: var(--terminal-danger);
    background: var(--terminal-surface);
    border-color: currentColor;
  }

  .terminal-alert, :where([data-ui="data-terminal"]) .usk-alert, :where([data-ui="data-terminal"]) .ui-alert {
    color: var(--terminal-text);
    background: var(--terminal-surface);
    box-shadow: none;
    border: 1px solid;
    border-radius: 0;
    gap: .15rem;
    padding: .42rem .55rem;
    font-size: .75rem;
  }

  .terminal-alert-success, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="success"]) {
    color: var(--terminal-success);
    border-color: currentColor;
  }

  .terminal-alert-warning, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="warning"]) {
    color: var(--terminal-warning);
    border-color: currentColor;
  }

  .terminal-alert-danger, :where([data-ui="data-terminal"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="data-terminal"]) .ui-alert:where([data-ui-variant="danger"]) {
    color: var(--terminal-danger);
    border-color: currentColor;
  }

  .terminal-alert-title, :where([data-ui="data-terminal"]) .usk-alert-title, :where([data-ui="data-terminal"]) .ui-alert-title {
    color: inherit;
    font-weight: 500;
  }

  .terminal-alert-body, :where([data-ui="data-terminal"]) .usk-alert-body, :where([data-ui="data-terminal"]) .ui-alert-body {
    color: inherit;
    line-height: 1.3;
  }

  .terminal-progress, :where([data-ui="data-terminal"]) .usk-progress, :where([data-ui="data-terminal"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--terminal-surface-soft)0 .7rem,var(--terminal-bg) .7rem .78rem);
    border: 0;
    border-radius: 0;
    block-size: .5rem;
  }

  .terminal-progress-bar, :where([data-ui="data-terminal"]) .usk-progress-bar, :where([data-ui="data-terminal"]) .ui-progress-bar {
    background: repeating-linear-gradient(90deg,var(--terminal-primary)0 .7rem,transparent .7rem .78rem);
    box-shadow: none;
    border-radius: 0;
  }

  [data-ui="data-terminal"][data-mode] :where(dialog > form) {
    padding: .625rem;
  }

  [data-ui="data-terminal"][data-mode] {
    --usk-native-range-track-size: .7rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, rgb(var(--terminal-text-rgb) / .62) 0 1px, transparent 1px .75rem) top / 100% 55% no-repeat,
    linear-gradient(90deg, var(--terminal-success) 0 58%, var(--terminal-warning) 58% 78%, var(--terminal-danger) 78% 100%) bottom / 100% 3px no-repeat,
    transparent;
    --usk-native-range-track-border: 0 solid transparent;
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: none;
    --usk-native-range-progress-background: linear-gradient(var(--terminal-primary), var(--terminal-primary));
    --usk-native-range-thumb-size: .75rem;
    --usk-native-range-thumb-background: linear-gradient(135deg, var(--terminal-primary), var(--terminal-accent));
    --usk-native-range-thumb-border: 2px solid var(--terminal-text);
    --usk-native-range-thumb-radius: 0;
    --usk-native-range-thumb-shadow: none;
  }

  .terminal-nav, :where([data-ui="data-terminal"]) .usk-nav, :where([data-ui="data-terminal"]) .ui-nav {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    box-shadow: none;
    border-radius: 0;
    gap: 0;
    padding: 0;
  }

  .terminal-nav-link, :where([data-ui="data-terminal"]) .usk-nav-link, :where([data-ui="data-terminal"]) .ui-nav-link {
    min-height: 1.75rem;
    color: var(--terminal-text);
    border-inline-end: 1px solid var(--terminal-border);
    border-radius: 0;
    padding: .28rem .6rem;
    font-size: .6875rem;
    font-weight: 500;
  }

  .terminal-nav-link:hover, :where([data-ui="data-terminal"]) .usk-nav-link:hover, :where([data-ui="data-terminal"]) .ui-nav-link:hover {
    color: var(--usk-primary-ink, var(--terminal-primary));
    background: var(--terminal-surface);
  }

  .terminal-nav-link[aria-current="page"], .terminal-nav-link.is-active, :where([data-ui="data-terminal"]) .usk-nav-link[aria-current="page"], :where([data-ui="data-terminal"]) .usk-nav-link.is-active, :where([data-ui="data-terminal"]) .ui-nav-link[aria-current="page"], :where([data-ui="data-terminal"]) .ui-nav-link.is-active {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
  }

  .terminal-table, :where([data-ui="data-terminal"]) .usk-table, :where([data-ui="data-terminal"]) .ui-table {
    font-size: .6875rem;
  }

  .terminal-table th, .terminal-table td, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .usk-table td, :where([data-ui="data-terminal"]) .ui-table th, :where([data-ui="data-terminal"]) .ui-table td {
    color: var(--terminal-text);
    background: var(--terminal-surface);
    border: 0;
    border-block-end: 1px solid var(--terminal-border);
    padding: .2rem .4rem;
  }

  .terminal-table th, :where([data-ui="data-terminal"]) .usk-table th, :where([data-ui="data-terminal"]) .ui-table th {
    letter-spacing: .025em;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.15;
  }

  .terminal-table tr:hover td, :where([data-ui="data-terminal"]) .usk-table tr:hover td, :where([data-ui="data-terminal"]) .ui-table tr:hover td {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
  }

  [data-ui="data-terminal"][data-mode] .terminal-table tbody tr:hover>td, :where([data-ui="data-terminal"])[data-mode] .usk-table tbody tr:hover>td, :where([data-ui="data-terminal"])[data-mode] .ui-table tbody tr:hover>td {
    color: var(--terminal-on-primary);
    background: var(--terminal-primary);
    transition: none;
  }

  .terminal-pill, .terminal-rounded, .terminal-rounded-lg, .terminal-rounded-xl {
    border-radius: 0;
  }

  .terminal-metric, :where([data-ui="data-terminal"]) .usk-metric, :where([data-ui="data-terminal"]) .ui-metric {
    background: var(--terminal-surface);
    border: 1px solid var(--terminal-border);
    border-radius: 0;
    gap: .2rem;
    padding: .5rem;
  }

  .terminal-metric-value, :where([data-ui="data-terminal"]) .usk-metric-value, :where([data-ui="data-terminal"]) .ui-metric-value {
    letter-spacing: .025em;
    font-size: 1rem;
  }

  .terminal-metric-label, :where([data-ui="data-terminal"]) .usk-metric-label, :where([data-ui="data-terminal"]) .ui-metric-label {
    font-size: .6875rem;
    font-weight: 500;
  }

  [data-ui="data-terminal"][data-mode] .terminal-button.terminal-button-warning, :where([data-ui="data-terminal"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="data-terminal"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--terminal-warning);
    color: var(--terminal-on-warning);
    border-color: var(--terminal-warning);
    text-shadow: none;
  }
}

[data-ui="data-terminal"][data-mode] .terminal-title {
  letter-spacing: max(.03em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="data-terminal"][data-mode] .terminal-feature-item > .terminal-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

@supports ((-moz-appearance: none)) {
  [data-ui="data-terminal"][data-mode] .terminal-feature-item > .terminal-icon-medallion {
    line-height: 2rem;
  }
}

[data-ui="data-terminal"][data-mode] .terminal-callout-bar > .terminal-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}


/* styles/paper-editorial.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --paper-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --paper-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --paper-font-body: var(--paper-font-sans);
    --paper-font-heading: var(--paper-font-display);
    --paper-font-control: var(--paper-font-display);
    --paper-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --paper-radius-xs: .25rem;
    --paper-radius-sm: .5rem;
    --paper-radius-md: .75rem;
    --paper-radius-lg: 1.125rem;
    --paper-radius-xl: calc(1.125rem + .5rem);
    --paper-radius-pill: 999px;
    --paper-space-1: .25rem;
    --paper-space-2: .5rem;
    --paper-space-3: .75rem;
    --paper-space-4: 1rem;
    --paper-space-5: 1.25rem;
    --paper-space-6: 1.5rem;
    --paper-space-8: 2rem;
    --paper-transition-fast: .15s ease;
    --paper-transition-base: .24s ease;
  }

  [data-ui="paper-editorial"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --paper-fallback-bg-rgb: 238 229 212;
    --paper-fallback-surface-rgb: 248 241 229;
    --paper-fallback-surface-strong-rgb: 255 249 238;
    --paper-fallback-surface-soft-rgb: 222 209 188;
    --paper-fallback-text-rgb: 44 38 34;
    --paper-fallback-text-muted-rgb: 99 88 80;
    --paper-fallback-border-rgb: 184 170 152;
    --paper-fallback-primary-rgb: 122 35 41;
    --paper-fallback-primary-hover-rgb: 92 24 29;
    --paper-fallback-primary-text-rgb: 255 255 255;
    --paper-fallback-secondary-rgb: 64 58 54;
    --paper-fallback-secondary-hover-rgb: 45 41 38;
    --paper-fallback-secondary-text-rgb: 255 255 255;
    --paper-fallback-accent-rgb: 199 137 114;
    --paper-fallback-accent-text-rgb: 0 0 0;
    --paper-fallback-success-rgb: 47 114 82;
    --paper-fallback-success-text-rgb: 255 255 255;
    --paper-fallback-warning-rgb: 154 101 0;
    --paper-fallback-warning-text-rgb: 255 255 255;
    --paper-fallback-danger-rgb: 165 42 50;
    --paper-fallback-danger-text-rgb: 255 255 255;
    --paper-fallback-link-rgb: 106 30 36;
    --paper-fallback-focus-rgb: 165 42 50;
    --paper-panel-alpha: .98;
    --paper-panel-soft-alpha: .78;
    --paper-border-alpha: .58;
    --paper-shadow-alpha: .12;
    --paper-focus-alpha: .34;
  }

  [data-ui="paper-editorial"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --paper-fallback-bg-rgb: 22 16 13;
    --paper-fallback-surface-rgb: 33 24 20;
    --paper-fallback-surface-strong-rgb: 48 35 30;
    --paper-fallback-surface-soft-rgb: 26 18 15;
    --paper-fallback-text-rgb: 244 235 221;
    --paper-fallback-text-muted-rgb: 198 184 168;
    --paper-fallback-border-rgb: 106 90 76;
    --paper-fallback-primary-rgb: 216 124 131;
    --paper-fallback-primary-hover-rgb: 238 160 166;
    --paper-fallback-primary-text-rgb: 0 0 0;
    --paper-fallback-secondary-rgb: 200 185 166;
    --paper-fallback-secondary-hover-rgb: 229 214 194;
    --paper-fallback-secondary-text-rgb: 0 0 0;
    --paper-fallback-accent-rgb: 240 165 151;
    --paper-fallback-accent-text-rgb: 0 0 0;
    --paper-fallback-success-rgb: 138 214 175;
    --paper-fallback-success-text-rgb: 0 0 0;
    --paper-fallback-warning-rgb: 255 210 122;
    --paper-fallback-warning-text-rgb: 0 0 0;
    --paper-fallback-danger-rgb: 255 154 154;
    --paper-fallback-danger-text-rgb: 0 0 0;
    --paper-fallback-link-rgb: 240 165 151;
    --paper-fallback-focus-rgb: 240 165 151;
    --paper-panel-alpha: .92;
    --paper-panel-soft-alpha: .64;
    --paper-border-alpha: .52;
    --paper-shadow-alpha: .34;
    --paper-focus-alpha: .42;
  }

  [data-ui="paper-editorial"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --paper-fallback-bg-rgb: 0 0 0;
    --paper-fallback-surface-rgb: 13 8 6;
    --paper-fallback-surface-strong-rgb: 26 16 12;
    --paper-fallback-surface-soft-rgb: 0 0 0;
    --paper-fallback-text-rgb: 255 255 255;
    --paper-fallback-text-muted-rgb: 255 245 232;
    --paper-fallback-border-rgb: 255 255 255;
    --paper-fallback-primary-rgb: 255 122 132;
    --paper-fallback-primary-hover-rgb: 255 255 255;
    --paper-fallback-primary-text-rgb: 0 0 0;
    --paper-fallback-secondary-rgb: 255 243 218;
    --paper-fallback-secondary-hover-rgb: 255 255 255;
    --paper-fallback-secondary-text-rgb: 0 0 0;
    --paper-fallback-accent-rgb: 255 179 167;
    --paper-fallback-accent-text-rgb: 0 0 0;
    --paper-fallback-success-rgb: 0 255 144;
    --paper-fallback-success-text-rgb: 0 0 0;
    --paper-fallback-warning-rgb: 255 212 0;
    --paper-fallback-warning-text-rgb: 0 0 0;
    --paper-fallback-danger-rgb: 255 102 102;
    --paper-fallback-danger-text-rgb: 0 0 0;
    --paper-fallback-link-rgb: 255 154 163;
    --paper-fallback-focus-rgb: 255 255 255;
    --paper-panel-alpha: 1;
    --paper-panel-soft-alpha: .92;
    --paper-border-alpha: 1;
    --paper-shadow-alpha: .5;
    --paper-focus-alpha: .72;
  }

  [data-ui="paper-editorial"][data-theme][data-mode] {
    --paper-bg-rgb: var(--usk-bg-rgb);
    --paper-surface-rgb: var(--usk-surface-rgb);
    --paper-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --paper-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --paper-text-rgb: var(--usk-text-rgb);
    --paper-text-muted-rgb: var(--usk-text-muted-rgb);
    --paper-border-rgb: var(--usk-border-rgb);
    --paper-primary-rgb: var(--usk-primary-rgb);
    --paper-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --paper-primary-text-rgb: var(--usk-primary-text-rgb);
    --paper-secondary-rgb: var(--usk-secondary-rgb);
    --paper-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --paper-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --paper-accent-rgb: var(--usk-accent-rgb);
    --paper-accent-text-rgb: var(--usk-accent-text-rgb);
    --paper-success-rgb: var(--usk-success-rgb);
    --paper-success-text-rgb: var(--usk-success-text-rgb);
    --paper-warning-rgb: var(--usk-warning-rgb);
    --paper-warning-text-rgb: var(--usk-warning-text-rgb);
    --paper-danger-rgb: var(--usk-danger-rgb);
    --paper-danger-text-rgb: var(--usk-danger-text-rgb);
    --paper-link-rgb: var(--usk-link-rgb);
    --paper-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="paper-editorial"][data-mode] {
    --usk-native-bg: var(--paper-bg);
    --paper-bg-rgb: var(--usk-bg-rgb, var(--paper-fallback-bg-rgb));
    --paper-surface-rgb: var(--usk-surface-rgb, var(--paper-fallback-surface-rgb));
    --paper-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--paper-fallback-surface-strong-rgb));
    --paper-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--paper-fallback-surface-soft-rgb));
    --paper-text-rgb: var(--usk-text-rgb, var(--paper-fallback-text-rgb));
    --paper-text-muted-rgb: var(--usk-text-muted-rgb, var(--paper-fallback-text-muted-rgb));
    --paper-border-rgb: var(--usk-border-rgb, var(--paper-fallback-border-rgb));
    --paper-primary-rgb: var(--usk-primary-rgb, var(--paper-fallback-primary-rgb));
    --paper-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--paper-fallback-primary-hover-rgb));
    --paper-primary-text-rgb: var(--usk-primary-text-rgb, var(--paper-fallback-primary-text-rgb));
    --paper-secondary-rgb: var(--usk-secondary-rgb, var(--paper-fallback-secondary-rgb));
    --paper-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--paper-fallback-secondary-hover-rgb));
    --paper-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--paper-fallback-secondary-text-rgb));
    --paper-accent-rgb: var(--usk-accent-rgb, var(--paper-fallback-accent-rgb));
    --paper-accent-text-rgb: var(--usk-accent-text-rgb, var(--paper-fallback-accent-text-rgb));
    --paper-success-rgb: var(--usk-success-rgb, var(--paper-fallback-success-rgb));
    --paper-success-text-rgb: var(--usk-success-text-rgb, var(--paper-fallback-success-text-rgb));
    --paper-warning-rgb: var(--usk-warning-rgb, var(--paper-fallback-warning-rgb));
    --paper-warning-text-rgb: var(--usk-warning-text-rgb, var(--paper-fallback-warning-text-rgb));
    --paper-danger-rgb: var(--usk-danger-rgb, var(--paper-fallback-danger-rgb));
    --paper-danger-text-rgb: var(--usk-danger-text-rgb, var(--paper-fallback-danger-text-rgb));
    --paper-link-rgb: var(--usk-link-rgb, var(--paper-fallback-link-rgb));
    --paper-focus-rgb: var(--usk-focus-rgb, var(--paper-fallback-focus-rgb));
    --usk-native-surface: var(--paper-surface);
    --usk-native-surface-strong: var(--paper-surface-strong);
    --usk-native-surface-soft: var(--paper-surface-soft);
    --usk-native-card-bg: var(--paper-card-bg);
    --usk-native-control-bg: var(--paper-control-bg);
    --usk-native-text: var(--paper-text);
    --usk-native-text-muted: var(--paper-text-muted);
    --usk-native-border: var(--paper-border);
    --usk-native-primary: var(--paper-primary);
    --usk-native-primary-hover: var(--paper-primary-hover);
    --usk-native-on-primary: var(--paper-on-primary);
    --usk-native-secondary: var(--paper-secondary);
    --usk-native-on-secondary: var(--paper-on-secondary);
    --usk-native-accent: var(--paper-accent);
    --usk-native-on-accent: var(--paper-on-accent);
    --usk-native-on-success: var(--paper-on-success);
    --usk-native-on-warning: var(--paper-on-warning);
    --usk-native-on-danger: var(--paper-on-danger);
    --usk-native-focus: var(--paper-focus);
    --usk-native-success: var(--paper-success);
    --usk-native-warning: var(--paper-warning);
    --usk-native-danger: var(--paper-danger);
    --usk-native-link: var(--paper-link);
    --usk-native-font-body: var(--paper-font-body);
    --usk-native-font-heading: var(--paper-font-heading);
    --usk-native-font-control: var(--paper-font-control);
    --usk-native-font-mono: var(--paper-font-mono);
    --usk-native-radius-sm: var(--paper-radius-sm);
    --usk-native-radius: var(--paper-radius-md);
    --usk-native-radius-lg: var(--paper-radius-lg);
    --usk-native-shadow: var(--paper-shadow-sm, none);
    --usk-native-shadow-md: var(--paper-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--paper-focus-ring, 0 0 0 3px rgb(var(--paper-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--paper-space-5);
    --usk-native-control-min-block-size: 2.8rem;
    --usk-native-control-padding-block: .68rem;
    --usk-native-control-padding-inline: .95rem;
    --usk-native-subcontrol-padding-block: .5rem;
    --usk-native-subcontrol-padding-inline: .72rem;
    --usk-native-choice-size: 1.4rem;
    --usk-native-choice-background: var(--paper-control-bg);
    --usk-native-choice-border: 1px solid var(--paper-border);
    --usk-native-checkbox-radius: .08rem;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 2px 2px 0 #00000029;
    --usk-native-choice-checked-background: var(--paper-primary);
    --usk-native-choice-mark-color: var(--paper-on-primary);
    --usk-native-select-indicator-image: linear-gradient(81deg, transparent 50%, var(--paper-primary) 50%), linear-gradient(99deg, var(--paper-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .46rem .46rem, .46rem .46rem;
    --usk-native-select-indicator-position: calc(100% - 1.16rem) 50%, calc(100% - .84rem) 50%;
    --usk-native-select-padding-inline-end: 2.55rem;
    --usk-native-range-track-size: .22rem;
    --usk-native-range-track-background: var(--paper-surface-soft);
    --usk-native-range-track-border: 1px solid var(--paper-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 2px 2px 0 #00000029;
    --usk-native-range-progress-background: var(--paper-primary);
    --usk-native-range-thumb-size: 1.15rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--paper-border);
    --usk-native-range-thumb-radius: 50%;
    --usk-native-range-thumb-shadow: 2px 2px 0 #00000029;
    --usk-native-progress-size: .48rem;
    --usk-native-progress-track-background: var(--paper-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--paper-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 2px 2px 0 #00000029;
    --usk-native-progress-value-background: var(--paper-primary);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: 2px 2px 0 #00000029;
    --usk-native-meter-optimum-background: var(--paper-success);
    --usk-native-meter-suboptimum-background: var(--paper-warning);
    --usk-native-meter-critical-background: var(--paper-danger);
    --usk-native-file-button-background: var(--paper-primary);
    --usk-native-file-button-border: 1px solid var(--paper-border);
    --usk-native-file-button-radius: .08rem;
    --usk-native-file-button-shadow: 2px 2px 0 #00000029;
    --usk-native-color-swatch-border: 1px solid var(--paper-border);
    --usk-native-color-swatch-radius: .08rem;
    --usk-native-indicator-opacity: .87;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .6rem;
    --usk-native-scrollbar-track: var(--paper-surface-soft);
    --usk-native-scrollbar-thumb: var(--paper-primary);
    --usk-native-scrollbar-radius: 0;
    --paper-bg: rgb(var(--paper-bg-rgb));
    --paper-surface: rgb(var(--paper-surface-rgb) / var(--paper-panel-alpha));
    --paper-surface-strong: rgb(var(--paper-surface-strong-rgb) / var(--paper-panel-alpha));
    --paper-surface-soft: rgb(var(--paper-surface-soft-rgb) / var(--paper-panel-soft-alpha));
    --paper-text: rgb(var(--paper-text-rgb));
    --paper-text-muted: rgb(var(--paper-text-muted-rgb));
    --paper-fg: var(--paper-text);
    --paper-surface-fg: var(--paper-text);
    --paper-muted: var(--paper-text-muted);
    --paper-border: rgb(var(--paper-border-rgb) / max(var(--paper-border-alpha), var(--usk-border-min-alpha)));
    --paper-control-fg: var(--paper-text);
    --paper-primary: rgb(var(--paper-primary-rgb));
    --paper-primary-hover: rgb(var(--paper-primary-hover-rgb));
    --paper-primary-text: rgb(var(--paper-primary-text-rgb));
    --paper-secondary: rgb(var(--paper-secondary-rgb));
    --paper-secondary-hover: rgb(var(--paper-secondary-hover-rgb));
    --paper-secondary-text: rgb(var(--paper-secondary-text-rgb));
    --paper-on-primary: var(--paper-primary-text);
    --paper-on-secondary: var(--paper-secondary-text);
    --paper-on-accent: rgb(var(--paper-accent-text-rgb));
    --paper-on-success: rgb(var(--paper-success-text-rgb));
    --paper-on-warning: rgb(var(--paper-warning-text-rgb));
    --paper-on-danger: rgb(var(--paper-danger-text-rgb));
    --paper-accent: rgb(var(--paper-accent-rgb));
    --paper-success: rgb(var(--paper-success-rgb));
    --paper-warning: rgb(var(--paper-warning-rgb));
    --paper-danger: rgb(var(--paper-danger-rgb));
    --paper-link: rgb(var(--paper-link-rgb));
    --paper-focus: rgb(var(--paper-focus-rgb));
    --paper-focus-ring: 0 0 0 3px rgb(var(--paper-focus-rgb) / var(--paper-focus-alpha));
    --paper-theme-bg-size: auto;
    --paper-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--paper-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--paper-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--paper-secondary-rgb) / .1), transparent 34rem), var(--paper-bg);
    --paper-card-bg: linear-gradient(135deg, rgb(var(--paper-primary-rgb) / .1), rgb(var(--paper-accent-rgb) / .055) 42%, rgb(var(--paper-surface-strong-rgb) / var(--paper-panel-alpha)) 100%), var(--paper-surface);
    --paper-control-bg: linear-gradient(180deg, rgb(var(--paper-surface-strong-rgb) / var(--paper-panel-alpha)), rgb(var(--paper-surface-soft-rgb) / var(--paper-panel-soft-alpha)));
    --paper-spinner-track: rgb(var(--paper-border-rgb) / max(.28, calc(var(--paper-border-alpha) * .7)));
    --paper-spinner-stroke: var(--paper-primary);
    --paper-spinner-accent: var(--paper-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="paper-editorial"][data-mode] {
      --paper-border: color-mix(in srgb, rgb(var(--paper-border-rgb) / max(var(--paper-border-alpha), var(--usk-border-min-alpha))), var(--paper-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="paper-editorial"] {
    background: linear-gradient(180deg,rgb(var(--paper-primary-rgb)/.04),transparent 22rem),var(--paper-bg);
    color: var(--paper-text);
    font-family: var(--paper-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="paper-editorial"] *, [data-ui="paper-editorial"] :before, [data-ui="paper-editorial"] :after {
    box-sizing: border-box;
  }

  [data-ui="paper-editorial"][data-mode] {
    background: var(--paper-theme-bg);
    background-size: var(--paper-theme-bg-size);
  }

  .paper-title, .paper-heading, .paper-kicker, .paper-button, .paper-badge, .paper-nav-link, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .usk-nav-link, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-badge, :where([data-ui="paper-editorial"]) .ui-nav-link {
    font-family: var(--paper-font-heading);
  }

  .paper-title {
    color: var(--paper-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .paper-heading {
    color: var(--paper-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .paper-kicker {
    color: var(--usk-primary-ink, var(--paper-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .paper-subtitle, .paper-copy {
    color: var(--paper-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .paper-text-muted {
    color: var(--paper-text-muted);
  }

  .paper-divider {
    background: var(--paper-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .paper-surface, .paper-card, .paper-panel, .paper-toolbar, .paper-table-wrap, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .ui-card, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--paper-surface);
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--paper-shadow-alpha));
    transition: transform var(--paper-transition-base),box-shadow var(--paper-transition-base),border-color var(--paper-transition-base),background var(--paper-transition-base);
    position: relative;
  }

  .paper-toolbar, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--paper-space-4);
    padding: var(--paper-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .paper-surface-sm {
    border-radius: var(--paper-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--paper-shadow-alpha)*.72));
  }

  .paper-surface-lg {
    border-radius: var(--paper-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--paper-shadow-alpha) + .08));
  }

  .paper-well, .paper-inset {
    background: var(--paper-surface-soft);
    color: var(--paper-text);
    border: 1px solid rgb(var(--paper-border-rgb)/calc(var(--paper-border-alpha)*.7));
    border-radius: var(--paper-radius-md);
    padding: var(--paper-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .paper-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--paper-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .paper-button, .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--paper-space-2);
    background: var(--paper-surface);
    min-height: 2.75rem;
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--paper-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--paper-transition-fast),background var(--paper-transition-fast),border-color var(--paper-transition-fast),box-shadow var(--paper-transition-fast),transform var(--paper-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .paper-button:hover, .paper-icon-button:hover, :where([data-ui="paper-editorial"]) .usk-button:hover, :where([data-ui="paper-editorial"]) .usk-icon-button:hover, :where([data-ui="paper-editorial"]) .ui-button:hover, :where([data-ui="paper-editorial"]) .ui-icon-button:hover {
    border-color: var(--paper-primary);
    transform: translateY(-1px);
  }

  .paper-button:active, .paper-icon-button:active, .paper-button[aria-pressed="true"], .paper-icon-button[aria-pressed="true"], .paper-button.is-active, .paper-icon-button.is-active, :where([data-ui="paper-editorial"]) .usk-button:active, :where([data-ui="paper-editorial"]) .usk-icon-button:active, :where([data-ui="paper-editorial"]) .usk-button[aria-pressed="true"], :where([data-ui="paper-editorial"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="paper-editorial"]) .usk-button.is-active, :where([data-ui="paper-editorial"]) .usk-icon-button.is-active, :where([data-ui="paper-editorial"]) .ui-button:active, :where([data-ui="paper-editorial"]) .ui-icon-button:active, :where([data-ui="paper-editorial"]) .ui-button[aria-pressed="true"], :where([data-ui="paper-editorial"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="paper-editorial"]) .ui-button.is-active, :where([data-ui="paper-editorial"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .paper-button-primary:hover, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--paper-primary-hover);
    border-color: var(--paper-primary-hover);
  }

  .paper-button-secondary:hover, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--paper-secondary-hover);
    border-color: var(--paper-secondary-hover);
  }

  .paper-button-ghost, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--paper-text);
    box-shadow: none;
    background: none;
  }

  .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-icon-button {
    border-radius: var(--paper-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .paper-button:disabled, .paper-icon-button:disabled, .paper-disabled, :where([data-ui="paper-editorial"]) .usk-button:disabled, :where([data-ui="paper-editorial"]) .usk-icon-button:disabled, :where([data-ui="paper-editorial"]) .ui-button:disabled, :where([data-ui="paper-editorial"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .paper-card, .paper-panel, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .ui-card {
    background: var(--paper-card-bg);
  }

  .paper-toolbar, .paper-table-wrap, .paper-button:where(:not([data-ui-variant])):not(:is(.paper-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.paper-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.paper-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.paper-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.paper-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.paper-button-outline-heavy), .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.paper-button-outline-heavy), :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap, :where([data-ui="paper-editorial"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.paper-button-outline-heavy), :where([data-ui="paper-editorial"]) .ui-icon-button {
    background: var(--paper-control-bg);
  }

  .paper-button, .paper-icon-button, .paper-badge, .paper-nav-link, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .usk-nav-link, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-icon-button, :where([data-ui="paper-editorial"]) .ui-badge, :where([data-ui="paper-editorial"]) .ui-nav-link {
    font-family: var(--paper-font-control);
  }

  .paper-field, :where([data-ui="paper-editorial"]) .usk-field, :where([data-ui="paper-editorial"]) .ui-field {
    gap: var(--paper-space-2);
    flex-direction: column;
    display: flex;
  }

  .paper-label, :where([data-ui="paper-editorial"]) .usk-label, :where([data-ui="paper-editorial"]) .ui-label {
    color: var(--paper-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .paper-input, .paper-textarea, .paper-select, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .usk-textarea, :where([data-ui="paper-editorial"]) .usk-select, :where([data-ui="paper-editorial"]) .ui-input, :where([data-ui="paper-editorial"]) .ui-textarea, :where([data-ui="paper-editorial"]) .ui-select {
    background: var(--paper-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-md);
    font: inherit;
    transition: background var(--paper-transition-fast),border-color var(--paper-transition-fast),box-shadow var(--paper-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .paper-input:hover, .paper-textarea:hover, .paper-select:hover, :where([data-ui="paper-editorial"]) .usk-input:hover, :where([data-ui="paper-editorial"]) .usk-textarea:hover, :where([data-ui="paper-editorial"]) .usk-select:hover, :where([data-ui="paper-editorial"]) .ui-input:hover, :where([data-ui="paper-editorial"]) .ui-textarea:hover, :where([data-ui="paper-editorial"]) .ui-select:hover {
    border-color: rgb(var(--paper-primary-rgb)/.58);
  }

  .paper-input:focus, .paper-textarea:focus, .paper-select:focus, :where([data-ui="paper-editorial"]) .usk-input:focus, :where([data-ui="paper-editorial"]) .usk-textarea:focus, :where([data-ui="paper-editorial"]) .usk-select:focus, :where([data-ui="paper-editorial"]) .ui-input:focus, :where([data-ui="paper-editorial"]) .ui-textarea:focus, :where([data-ui="paper-editorial"]) .ui-select:focus {
    border-color: var(--paper-focus);
    box-shadow: var(--paper-focus-ring);
  }

  .paper-help-text, :where([data-ui="paper-editorial"]) .usk-help-text, :where([data-ui="paper-editorial"]) .ui-help-text {
    color: var(--paper-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .paper-check, .paper-radio, :where([data-ui="paper-editorial"]) .usk-check, :where([data-ui="paper-editorial"]) .usk-radio, :where([data-ui="paper-editorial"]) .ui-check, :where([data-ui="paper-editorial"]) .ui-radio {
    align-items: center;
    gap: var(--paper-space-2);
    color: var(--paper-text);
    cursor: pointer;
    display: inline-flex;
  }

  .paper-check input, .paper-radio input, :where([data-ui="paper-editorial"]) .usk-check input, :where([data-ui="paper-editorial"]) .usk-radio input, :where([data-ui="paper-editorial"]) .ui-check input, :where([data-ui="paper-editorial"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .paper-check-control, .paper-radio-control, :where([data-ui="paper-editorial"]) .usk-check-control, :where([data-ui="paper-editorial"]) .usk-radio-control, :where([data-ui="paper-editorial"]) .ui-check-control, :where([data-ui="paper-editorial"]) .ui-radio-control {
    background: var(--paper-surface-soft);
    border: 1px solid var(--paper-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--paper-transition-fast),box-shadow var(--paper-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .paper-check-control, :where([data-ui="paper-editorial"]) .usk-check-control, :where([data-ui="paper-editorial"]) .ui-check-control {
    border-radius: var(--paper-radius-xs);
  }

  .paper-radio-control, :where([data-ui="paper-editorial"]) .usk-radio-control, :where([data-ui="paper-editorial"]) .ui-radio-control {
    border-radius: 50%;
  }

  .paper-check input:checked+.paper-check-control, .paper-radio input:checked+.paper-radio-control, :where([data-ui="paper-editorial"]) .usk-check input:checked+.usk-check-control, :where([data-ui="paper-editorial"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="paper-editorial"]) .ui-check input:checked+.ui-check-control, :where([data-ui="paper-editorial"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--paper-primary);
    border-color: var(--paper-primary);
    box-shadow: var(--paper-focus-ring);
  }

  .paper-check input:checked+.paper-check-control:after, :where([data-ui="paper-editorial"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="paper-editorial"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--paper-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .paper-radio input:checked+.paper-radio-control:after, :where([data-ui="paper-editorial"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="paper-editorial"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--paper-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .paper-switch, :where([data-ui="paper-editorial"]) .usk-switch, :where([data-ui="paper-editorial"]) .ui-switch {
    align-items: center;
    gap: var(--paper-space-3);
    color: var(--paper-text);
    cursor: pointer;
    display: inline-flex;
  }

  .paper-switch input, :where([data-ui="paper-editorial"]) .usk-switch input, :where([data-ui="paper-editorial"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .paper-switch-track, :where([data-ui="paper-editorial"]) .usk-switch-track, :where([data-ui="paper-editorial"]) .ui-switch-track {
    background: var(--paper-surface-soft);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--paper-transition-fast),box-shadow var(--paper-transition-fast);
    position: relative;
  }

  .paper-switch-thumb, :where([data-ui="paper-editorial"]) .usk-switch-thumb, :where([data-ui="paper-editorial"]) .ui-switch-thumb {
    background: var(--paper-surface-strong);
    border: 1px solid var(--paper-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--paper-shadow-alpha));
    transition: left var(--paper-transition-fast),background var(--paper-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .paper-switch input:checked+.paper-switch-track .paper-switch-thumb, :where([data-ui="paper-editorial"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="paper-editorial"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--paper-on-primary);
    left: calc(100% - 1.56rem);
  }

  .paper-badge, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .ui-badge {
    align-items: center;
    gap: var(--paper-space-1);
    background: var(--paper-surface-soft);
    min-height: 1.75rem;
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .paper-badge-secondary, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--paper-secondary);
    color: var(--paper-on-secondary);
    border-color: var(--paper-secondary);
  }

  .paper-badge-success, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--paper-success);
    color: var(--paper-on-success);
    border-color: var(--paper-success);
  }

  .paper-badge-warning, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--paper-warning);
    color: var(--paper-on-warning);
    border-color: var(--paper-warning);
  }

  .paper-badge-danger, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--paper-danger);
    color: var(--paper-on-danger);
    border-color: var(--paper-danger);
  }

  .paper-nav, :where([data-ui="paper-editorial"]) .usk-nav, :where([data-ui="paper-editorial"]) .ui-nav {
    align-items: center;
    gap: var(--paper-space-2);
    padding: var(--paper-space-2);
    background: var(--paper-surface);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--paper-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .paper-nav-link, :where([data-ui="paper-editorial"]) .usk-nav-link, :where([data-ui="paper-editorial"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--paper-text-muted);
    border-radius: var(--paper-radius-pill);
    transition: color var(--paper-transition-fast),background var(--paper-transition-fast),box-shadow var(--paper-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .paper-nav-link:hover, :where([data-ui="paper-editorial"]) .usk-nav-link:hover, :where([data-ui="paper-editorial"]) .ui-nav-link:hover {
    color: var(--paper-text);
    background: var(--paper-surface-soft);
  }

  .paper-nav-link[aria-current="page"], .paper-nav-link.is-active, :where([data-ui="paper-editorial"]) .usk-nav-link[aria-current="page"], :where([data-ui="paper-editorial"]) .usk-nav-link.is-active, :where([data-ui="paper-editorial"]) .ui-nav-link[aria-current="page"], :where([data-ui="paper-editorial"]) .ui-nav-link.is-active {
    color: var(--paper-on-primary);
    background: var(--paper-primary);
  }

  .paper-tooltip, [data-ui="paper-editorial"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="paper-editorial"]) .usk-tooltip, :where([data-ui="paper-editorial"]) .ui-tooltip {
    background: var(--paper-text);
    max-inline-size: 16rem;
    color: var(--paper-bg);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .paper-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .paper-progress, :where([data-ui="paper-editorial"]) .usk-progress, :where([data-ui="paper-editorial"]) .ui-progress {
    background: var(--paper-surface-soft);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .paper-progress-bar, :where([data-ui="paper-editorial"]) .usk-progress-bar, :where([data-ui="paper-editorial"]) .ui-progress-bar {
    height: 100%;
    width: var(--paper-progress-value, 50%);
    background: linear-gradient(90deg,var(--paper-primary),var(--paper-accent));
    border-radius: inherit;
  }

  .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
    gap: var(--paper-space-2);
    padding: var(--paper-space-4);
    background: var(--paper-surface);
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--paper-shadow-alpha));
    display: grid;
  }

  .paper-alert-title, :where([data-ui="paper-editorial"]) .usk-alert-title, :where([data-ui="paper-editorial"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .paper-alert-body, :where([data-ui="paper-editorial"]) .usk-alert-body, :where([data-ui="paper-editorial"]) .ui-alert-body {
    color: var(--paper-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .paper-table-wrap, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .ui-table-wrap {
    overflow: auto;
  }

  .paper-table, :where([data-ui="paper-editorial"]) .usk-table, :where([data-ui="paper-editorial"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .paper-table th, .paper-table td, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .usk-table td, :where([data-ui="paper-editorial"]) .ui-table th, :where([data-ui="paper-editorial"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--paper-border);
    padding: .95rem 1rem;
  }

  .paper-table th, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-table th {
    color: var(--paper-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--paper-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .paper-table td, :where([data-ui="paper-editorial"]) .usk-table td, :where([data-ui="paper-editorial"]) .ui-table td {
    color: var(--paper-text-muted);
  }

  .paper-table tr:hover td, :where([data-ui="paper-editorial"]) .usk-table tr:hover td, :where([data-ui="paper-editorial"]) .ui-table tr:hover td {
    background: rgb(var(--paper-primary-rgb)/.045);
  }

  .paper-text-primary {
    color: var(--usk-primary-ink, var(--paper-primary));
  }

  .paper-text-secondary {
    color: var(--paper-secondary);
  }

  .paper-text-accent {
    color: var(--usk-accent-ink, var(--paper-accent));
  }

  .paper-text-success {
    color: var(--paper-success);
  }

  .paper-text-warning {
    color: var(--paper-warning);
  }

  .paper-text-danger {
    color: var(--paper-danger);
  }

  .paper-bg-primary {
    background: var(--paper-primary);
    color: var(--paper-on-primary);
  }

  .paper-bg-secondary {
    background: var(--paper-secondary);
    color: var(--paper-on-secondary);
  }

  .paper-border {
    border: 1px solid var(--paper-border);
  }

  .paper-rounded {
    border-radius: var(--paper-radius-md);
  }

  .paper-rounded-lg {
    border-radius: var(--paper-radius-lg);
  }

  .paper-rounded-xl {
    border-radius: var(--paper-radius-xl);
  }

  .paper-pill {
    border-radius: var(--paper-radius-pill);
  }

  .paper-sr-only, .paper-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .paper-skip-link {
    z-index: 9999;
    background: var(--paper-primary);
    color: var(--paper-on-primary);
    border-radius: var(--paper-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .paper-skip-link:focus {
    transform: translateY(0);
  }

  .paper-metric, :where([data-ui="paper-editorial"]) .usk-metric, :where([data-ui="paper-editorial"]) .ui-metric {
    padding: var(--paper-space-5);
    background: var(--paper-surface);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .paper-metric-value, :where([data-ui="paper-editorial"]) .usk-metric-value, :where([data-ui="paper-editorial"]) .ui-metric-value {
    color: var(--paper-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .paper-metric-label, :where([data-ui="paper-editorial"]) .usk-metric-label, :where([data-ui="paper-editorial"]) .ui-metric-label {
    color: var(--paper-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .paper-empty-state, :where([data-ui="paper-editorial"]) .usk-empty-state, :where([data-ui="paper-editorial"]) .ui-empty-state {
    place-items: center;
    gap: var(--paper-space-3);
    min-height: 14rem;
    padding: var(--paper-space-6);
    text-align: center;
    background: var(--paper-surface-soft);
    border: 1px dashed var(--paper-border);
    border-radius: var(--paper-radius-lg);
    display: grid;
  }

  .paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
    border: .25rem solid var(--paper-spinner-track);
    border-block-start-color: var(--paper-spinner-stroke);
    border-inline-end-color: var(--paper-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite paper-spin;
    display: inline-block;
  }

  .paper-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .paper-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .paper-button[aria-busy="true"], .paper-icon-button[aria-busy="true"], [data-ui="paper-editorial"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"], :where([data-ui="paper-editorial"]) .usk-icon-button[aria-busy="true"], :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"], :where([data-ui="paper-editorial"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .paper-button[aria-busy="true"]:after, .paper-icon-button[aria-busy="true"]:after, [data-ui="paper-editorial"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--paper-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite paper-spin;
    display: inline-block;
  }

  @keyframes paper-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .paper-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--paper-border-rgb)/.72);
    border-radius: var(--paper-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .paper-card-service {
    gap: var(--paper-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .paper-card-service > .paper-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .paper-card-service > .paper-card-media + .paper-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .paper-card-feature {
    gap: var(--paper-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .paper-card-accent-edge {
    border-inline-start: .35rem solid var(--paper-primary);
  }

  .paper-icon-medallion {
    background: var(--paper-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--paper-on-primary);
    border: 2px solid rgb(var(--paper-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .paper-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .paper-button.paper-button-cut, .paper-button-cut, :where([data-ui="paper-editorial"]) .usk-button.paper-button-cut, :where([data-ui="paper-editorial"]) .ui-button.paper-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .paper-button.paper-button-cut:focus-visible, .paper-button-cut:focus-visible, :where([data-ui="paper-editorial"]) .usk-button.paper-button-cut:focus-visible, :where([data-ui="paper-editorial"]) .ui-button.paper-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .paper-button.paper-button-outline-heavy, .paper-button-outline-heavy, :where([data-ui="paper-editorial"]) .usk-button.paper-button-outline-heavy, :where([data-ui="paper-editorial"]) .ui-button.paper-button-outline-heavy {
    color: var(--usk-primary-ink, var(--paper-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--paper-primary);
    box-shadow: none;
    background: none;
  }

  .paper-button.paper-button-outline-heavy:hover, .paper-button-outline-heavy:hover, :where([data-ui="paper-editorial"]) .usk-button.paper-button-outline-heavy:hover, :where([data-ui="paper-editorial"]) .ui-button.paper-button-outline-heavy:hover {
    background: var(--paper-primary);
    color: var(--paper-on-primary);
    border-color: var(--paper-primary-hover);
  }

  .paper-badge-seal {
    aspect-ratio: 1;
    background: var(--paper-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--paper-text);
    border: 2px solid var(--paper-primary);
    text-align: center;
    font-family: var(--paper-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .paper-feature-strip {
    background: var(--paper-card-bg);
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .paper-feature-item {
    align-items: center;
    gap: var(--paper-space-3);
    min-inline-size: 0;
    padding: var(--paper-space-4);
    border-inline-end: 1px solid rgb(var(--paper-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .paper-feature-item:last-child {
    border-inline-end: 0;
  }

  .paper-feature-item > :where(p, small) {
    color: var(--paper-text-muted);
    margin: 0;
  }

  .paper-callout-bar {
    align-items: center;
    gap: var(--paper-space-4);
    padding: var(--paper-space-4) var(--paper-space-5);
    background: var(--paper-card-bg);
    color: var(--paper-text);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .paper-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .paper-callout-bar>:where(.paper-button,a,button):last-child, :where([data-ui="paper-editorial"]) .paper-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="paper-editorial"]) .paper-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .paper-eyebrow {
    color: var(--usk-primary-ink, var(--paper-primary));
    font-family: var(--paper-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .paper-media-scrim {
    isolation: isolate;
    background: var(--paper-surface-soft);
    border: 1px solid var(--paper-border);
    border-radius: var(--paper-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .paper-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .paper-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .paper-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .paper-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .paper-callout-bar>:where(.paper-button,a,button):last-child, :where([data-ui="paper-editorial"]) .paper-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="paper-editorial"]) .paper-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .paper-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--paper-border-rgb)/.62);
    }

    .paper-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .paper-card-service, .paper-card-feature, .paper-feature-strip, .paper-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--paper-shadow-alpha) + .03));
  }

  .paper-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .paper-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--paper-shadow-alpha) + .05));
  }

  :root {
    --paper-font-display: Georgia, "Times New Roman", serif;
    --paper-font-body: "Trebuchet MS", Arial, sans-serif;
    --paper-font-heading: var(--paper-font-display);
    --paper-font-control: var(--paper-font-body);
    --paper-radius-xs: 0;
    --paper-radius-sm: .06rem;
    --paper-radius-md: .12rem;
    --paper-radius-lg: .18rem;
    --paper-radius-xl: .24rem;
  }

  [data-ui="paper-editorial"][data-mode] {
    --paper-theme-bg: repeating-linear-gradient(0deg, rgb(var(--paper-text-rgb) / .018) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgb(var(--paper-border-rgb) / .025) 0 1px, transparent 1px 7px), var(--paper-bg);
    --paper-card-bg: linear-gradient(180deg, rgb(var(--paper-surface-strong-rgb) / var(--paper-panel-alpha)), rgb(var(--paper-surface-rgb) / var(--paper-panel-alpha)));
  }

  .paper-title, .paper-heading {
    font-family: var(--paper-font-display);
    letter-spacing: -.035em;
    font-weight: 800;
  }

  .paper-title {
    font-size: clamp(2.6rem, 6vw, 5.2rem);
    line-height: .9;
  }

  .paper-kicker, .paper-eyebrow, .paper-label, .paper-badge, .paper-table th, :where([data-ui="paper-editorial"]) .usk-label, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-label, :where([data-ui="paper-editorial"]) .ui-badge, :where([data-ui="paper-editorial"]) .ui-table th {
    font-family: var(--paper-font-body);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .paper-surface, .paper-card, .paper-panel, .paper-toolbar, .paper-table-wrap, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .ui-card, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap {
    box-shadow: .2rem .25rem 0 rgb(var(--paper-border-rgb)/.18);
    border-radius: 0;
  }

  .paper-card, .paper-panel, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .ui-card {
    padding: var(--paper-space-5);
  }

  .paper-divider {
    background: var(--paper-text);
    height: 2px;
  }

  .paper-button, .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-icon-button {
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: .08em;
    border-radius: 0;
    font-size: .76rem;
  }

  .paper-nav, :where([data-ui="paper-editorial"]) .usk-nav, :where([data-ui="paper-editorial"]) .ui-nav {
    border: 0;
    border-block: 2px solid var(--paper-text);
    box-shadow: none;
    background: none;
    border-radius: 0;
    justify-content: center;
  }

  .paper-nav-link, :where([data-ui="paper-editorial"]) .usk-nav-link, :where([data-ui="paper-editorial"]) .ui-nav-link {
    text-transform: uppercase;
    letter-spacing: .08em;
    border-radius: 0;
    font-size: .72rem;
  }

  .paper-input, .paper-textarea, .paper-select, .paper-badge, .paper-alert, .paper-metric, .paper-well, .paper-inset, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .usk-textarea, :where([data-ui="paper-editorial"]) .usk-select, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .usk-metric, :where([data-ui="paper-editorial"]) .ui-input, :where([data-ui="paper-editorial"]) .ui-textarea, :where([data-ui="paper-editorial"]) .ui-select, :where([data-ui="paper-editorial"]) .ui-badge, :where([data-ui="paper-editorial"]) .ui-alert, :where([data-ui="paper-editorial"]) .ui-metric {
    border-radius: 0;
  }

  .paper-card-media, .paper-media-scrim {
    filter: grayscale(.72) contrast(1.04);
    border-radius: 0;
  }

  .paper-feature-strip, .paper-callout-bar {
    border-radius: 0;
  }

  .paper-icon-medallion {
    color: var(--paper-text);
    border: 1px solid var(--paper-text);
    box-shadow: none;
    background: none;
  }

  .paper-badge-seal {
    color: var(--usk-primary-ink, var(--paper-primary));
    background: none;
    border-style: double;
    border-width: 4px;
    border-radius: 50%;
    transform: rotate(-4deg);
  }

  .paper-card-accent-edge {
    border-inline-start: 0;
    border-block-start: .2rem solid var(--paper-primary);
  }

  .paper-feature-item {
    align-items: start;
  }

  .paper-button.paper-button-cut, .paper-button-cut, :where([data-ui="paper-editorial"]) .usk-button.paper-button-cut, :where([data-ui="paper-editorial"]) .ui-button.paper-button-cut {
    clip-path: polygon(0 0, 100% 0, 100% 38%, calc(100% - .35rem) 50%, 100% 62%, 100% 100%, 0 100%, 0 62%, .35rem 50%, 0 38%);
    justify-content: center;
    justify-self: start;
    min-block-size: 2.75rem;
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .paper-button.paper-button-outline-heavy, .paper-button-outline-heavy, :where([data-ui="paper-editorial"]) .usk-button.paper-button-outline-heavy, :where([data-ui="paper-editorial"]) .ui-button.paper-button-outline-heavy {
    clip-path: polygon(.12rem 0, calc(100% - .12rem) 0, 100% 35%, calc(100% - .3rem) 50%, 100% 65%, calc(100% - .12rem) 100%, .12rem 100%, 0 65%, .3rem 50%, 0 35%);
    box-shadow: .2rem .2rem 0 rgb(var(--paper-text-rgb)/.28);
    border-width: 2px;
    border-radius: 0;
  }

  .paper-card-service, .paper-media-scrim, .paper-feature-strip, .paper-callout-bar, .paper-metric, :where([data-ui="paper-editorial"]) .usk-metric, :where([data-ui="paper-editorial"]) .ui-metric {
    border: 1px solid var(--paper-border);
    border-block-start: 3px solid var(--paper-primary);
    box-shadow: .24rem .24rem 0 rgb(var(--paper-text-rgb)/.2);
    border-radius: 0;
  }

  [data-ui="paper-editorial"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 2px solid var(--paper-primary);
    box-shadow: .2rem .2rem 0 rgb(var(--paper-text-rgb)/.24);
    border-radius: 0;
  }

  [data-ui="paper-editorial"][data-mode] :where(dialog) {
    border: 1px solid var(--paper-border);
    border-block-start: 3px solid var(--paper-primary);
    box-shadow: .28rem .28rem 0 rgb(var(--paper-text-rgb)/.22),0 1rem 2rem rgb(var(--paper-text-rgb)/.16);
    border-radius: 0;
  }

  .paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
    background: conic-gradient(var(--paper-spinner-stroke),transparent 32%,var(--paper-spinner-accent),transparent 68%,var(--paper-spinner-stroke));
    box-shadow: .18rem .18rem 0 rgb(var(--paper-text-rgb)/.34);
    clip-path: polygon(12% 0, 88% 0, 88% 8%, 100% 8%, 100% 92%, 88% 92%, 88% 100%, 12% 100%, 12% 92%, 0 92%, 0 8%, 12% 8%);
    border-radius: 0;
    animation: .98s steps(12, end) infinite paper-spin;
  }

  .paper-button[aria-busy="true"]:after, .paper-icon-button[aria-busy="true"]:after, [data-ui="paper-editorial"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-icon-button[aria-busy="true"]:after {
    border: .09em solid;
    clip-path: polygon(12% 0, 88% 0, 88% 10%, 100% 10%, 100% 90%, 88% 90%, 88% 100%, 12% 100%, 12% 90%, 0 90%, 0 10%, 12% 10%);
    background: conic-gradient(currentColor, #0000 36%, currentColor 62%, #0000);
    border-block-start-color: #0000;
    border-radius: 0;
    animation: .98s steps(12, end) infinite paper-spin;
    box-shadow: .09em .09em;
  }

  [data-ui="paper-editorial"][data-mode] {
    --usk-native-font-control: var(--paper-font-mono);
    --usk-native-control-min-block-size: 2.35rem;
    --usk-native-control-padding-block: .48rem;
    --usk-native-control-padding-inline: .7rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0;
    --usk-native-radius: .03rem;
    --usk-native-radius-lg: .06rem;
    --usk-native-shadow: .12rem .12rem 0 rgb(var(--paper-text-rgb) / .24);
    --usk-native-shadow-md: .2rem .22rem 0 rgb(var(--paper-text-rgb) / .2), 0 .65rem 1.2rem rgb(var(--paper-text-rgb) / .1);
    --usk-native-focus-ring: 0 0 0 2px var(--paper-surface-strong), 0 0 0 3px var(--paper-primary);
    --usk-native-subcontrol-padding-block: .3rem;
    --usk-native-subcontrol-padding-inline: .48rem;
    --usk-native-choice-size: 1.02rem;
    --usk-native-choice-background: repeating-linear-gradient(0deg, rgb(var(--paper-text-rgb) / .035) 0 1px, transparent 1px 3px), var(--paper-control-bg);
    --usk-native-choice-border: 1px solid var(--paper-text);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-choice-shadow: 1px 1px 0 rgb(var(--paper-text-rgb) / .28);
    --usk-native-choice-checked-background: var(--paper-primary);
    --usk-native-choice-mark-color: var(--paper-on-primary);
    --usk-native-select-indicator-image: linear-gradient(45deg, transparent 46%, var(--paper-text) 47% 53%, transparent 54%), linear-gradient(135deg, var(--paper-text) 47% 53%, transparent 54%);
    --usk-native-select-indicator-size: .34rem .34rem, .34rem .34rem;
    --usk-native-select-indicator-position: calc(100% - 1.12rem) 50%, calc(100% - .86rem) 50%;
    --usk-native-select-padding-inline-end: 2.42rem;
    --usk-native-range-track-size: .28rem;
    --usk-native-range-track-background: repeating-linear-gradient(90deg, var(--paper-border) 0 1px, transparent 1px .62rem), linear-gradient(var(--paper-surface-soft), var(--paper-surface-soft));
    --usk-native-range-track-border: 1px solid var(--paper-border);
    --usk-native-range-track-radius: 0;
    --usk-native-range-track-shadow: 0 1px 0 rgb(var(--paper-text-rgb) / .22);
    --usk-native-range-progress-background: var(--paper-primary);
    --usk-native-range-thumb-size: 1rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 2px solid var(--paper-primary);
    --usk-native-range-thumb-radius: .02rem;
    --usk-native-range-thumb-shadow: .08rem .08rem 0 rgb(var(--paper-text-rgb) / .28);
    --usk-native-progress-size: .48rem;
    --usk-native-progress-track-background: repeating-linear-gradient(90deg, var(--paper-surface-soft) 0 .82rem, var(--paper-border) .82rem calc(.82rem + 1px));
    --usk-native-progress-track-border: 1px solid var(--paper-border);
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-track-shadow: 0 1px 0 rgb(var(--paper-text-rgb) / .2);
    --usk-native-progress-value-background: repeating-linear-gradient(90deg, var(--paper-primary) 0 .72rem, var(--paper-surface-strong) .72rem .82rem);
    --usk-native-progress-value-radius: 0;
    --usk-native-progress-value-shadow: inset -1px 0 0 var(--paper-text);
    --usk-native-scrollbar-size: .62rem;
    --usk-native-scrollbar-track: repeating-linear-gradient(0deg, var(--paper-surface-soft) 0 .45rem, rgb(var(--paper-text-rgb) / .14) .45rem calc(.45rem + 1px));
    --usk-native-scrollbar-thumb: var(--paper-primary);
    --usk-native-scrollbar-radius: 0;
  }

  .paper-title {
    letter-spacing: .025em;
    margin-block: .75rem;
    font-weight: 800;
  }

  .paper-label, :where([data-ui="paper-editorial"]) .usk-label, :where([data-ui="paper-editorial"]) .ui-label {
    font-size: .66rem;
    font-weight: 800;
  }

  .paper-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .ui-button {
    background: var(--paper-primary);
    min-height: 2.35rem;
    box-shadow: .12rem .12rem 0 rgb(var(--paper-text-rgb)/.24);
    border-radius: 0;
    padding: .48rem .7rem;
    font-weight: 800;
  }

  .paper-input, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .ui-input {
    border-radius: .03rem;
    min-height: 2.28rem;
    padding: .42rem .62rem;
  }

  .paper-card, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .ui-card {
    background: repeating-linear-gradient(0deg,rgb(var(--paper-text-rgb)/.02)0 1px,transparent 1px 4px),var(--paper-card-bg);
    border: 1px solid var(--paper-border);
    box-shadow: .16rem .18rem 0 rgb(var(--paper-text-rgb)/.2);
    border-radius: .05rem;
    padding: 1.05rem;
  }

  .paper-well {
    background: repeating-linear-gradient(90deg,rgb(var(--paper-border-rgb)/.04)0 1px,transparent 1px 7px),var(--paper-surface-soft);
    border: 1px dashed var(--paper-border);
    box-shadow: inset .24rem 0 0 rgb(var(--paper-primary-rgb)/.18);
  }

  .paper-badge, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .ui-badge {
    border-radius: .02rem;
    min-height: 1.35rem;
    padding: .12rem .38rem;
  }

  .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
    background: repeating-linear-gradient(0deg,rgb(var(--paper-text-rgb)/.025)0 1px,transparent 1px 4px),var(--paper-card-bg);
    border: 1px solid var(--paper-border);
    box-shadow: .1rem .1rem 0 rgb(var(--paper-text-rgb)/.18);
    border-radius: 0;
  }

  .paper-progress, :where([data-ui="paper-editorial"]) .usk-progress, :where([data-ui="paper-editorial"]) .ui-progress {
    background: repeating-linear-gradient(90deg,var(--paper-surface-soft)0 .82rem,var(--paper-border) .82rem calc(.82rem + 1px));
    height: .48rem;
  }

  .paper-table-wrap, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .ui-table-wrap {
    background: repeating-linear-gradient(0deg,rgb(var(--paper-text-rgb)/.018)0 1px,transparent 1px 4px),var(--paper-card-bg);
    box-shadow: .14rem .16rem 0 rgb(var(--paper-text-rgb)/.18);
    border-radius: .04rem;
  }

  .paper-table th, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-table th {
    background: rgb(var(--paper-primary-rgb)/.1);
    padding: .44rem .58rem;
    font-weight: 800;
  }

  .paper-table td, :where([data-ui="paper-editorial"]) .usk-table td, :where([data-ui="paper-editorial"]) .ui-table td {
    padding: .4rem .56rem;
  }

  .paper-nav, .paper-panel, .paper-toolbar, .paper-tooltip, [data-ui="paper-editorial"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .paper-card-service, .paper-feature-strip, .paper-callout-bar, :where([data-ui="paper-editorial"]) .usk-nav, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-tooltip, :where([data-ui="paper-editorial"]) .ui-nav, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-tooltip {
    border: 1px solid var(--paper-border);
    box-shadow: .14rem .16rem 0 rgb(var(--paper-text-rgb)/.18);
    border-radius: .04rem;
  }

  .paper-nav, :where([data-ui="paper-editorial"]) .usk-nav, :where([data-ui="paper-editorial"]) .ui-nav {
    border-block: 2px solid var(--paper-text);
    box-shadow: none;
  }

  .paper-panel {
    border-block-start: 2px solid var(--paper-text);
  }

  .paper-progress-bar, :where([data-ui="paper-editorial"]) .usk-progress-bar, :where([data-ui="paper-editorial"]) .ui-progress-bar {
    background: repeating-linear-gradient(90deg,var(--paper-primary)0 .72rem,var(--paper-surface-strong) .72rem .82rem);
  }

  [data-ui="paper-editorial"][data-mode] {
    --usk-native-card-bg: linear-gradient(90deg, transparent 0 1.5rem, rgb(var(--paper-primary-rgb) / .32) 1.5rem calc(1.5rem + 1px), transparent calc(1.5rem + 1px)), repeating-linear-gradient(0deg, rgb(var(--paper-text-rgb) / .035) 0 1px, transparent 1px .5rem), linear-gradient(rgb(var(--paper-warning-rgb) / .12), rgb(var(--paper-warning-rgb) / .12)), var(--paper-surface);
    --usk-native-control-bg: repeating-linear-gradient(0deg, var(--paper-surface-soft) 0 .66rem, rgb(var(--paper-primary-rgb) / .12) .66rem calc(.66rem + 1px));
  }

  .paper-panel, .paper-card-service, .paper-feature-strip, .paper-callout-bar {
    background: linear-gradient(90deg,transparent 0 1.5rem,rgb(var(--paper-primary-rgb)/.32) 1.5rem calc(1.5rem + 1px),transparent calc(1.5rem + 1px)),repeating-linear-gradient(0deg,rgb(var(--paper-text-rgb)/.045)0 1px,transparent 1px .5rem),linear-gradient(rgb(var(--paper-warning-rgb)/.12),rgb(var(--paper-warning-rgb)/.12)),var(--paper-card-bg);
  }

  [data-ui="paper-editorial"][data-mode] :where(fieldset, article, aside) {
    background: linear-gradient(90deg,transparent 0 1.5rem,rgb(var(--paper-primary-rgb)/.32) 1.5rem calc(1.5rem + 1px),transparent calc(1.5rem + 1px)),repeating-linear-gradient(0deg,rgb(var(--paper-text-rgb)/.045)0 1px,transparent 1px .5rem),linear-gradient(rgb(var(--paper-warning-rgb)/.12),rgb(var(--paper-warning-rgb)/.12)),var(--paper-surface);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="paper-editorial"] *, [data-ui="paper-editorial"] :before, [data-ui="paper-editorial"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="paper-editorial"] {
      --paper-border-alpha: 1;
      --paper-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="paper-editorial"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="paper-editorial"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="paper-editorial"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="paper-editorial"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="paper-editorial"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .paper-input[aria-invalid="true"], .paper-textarea[aria-invalid="true"], .paper-select[aria-invalid="true"], :where([data-ui="paper-editorial"]) .usk-input[aria-invalid="true"], :where([data-ui="paper-editorial"]) .usk-textarea[aria-invalid="true"], :where([data-ui="paper-editorial"]) .usk-select[aria-invalid="true"], :where([data-ui="paper-editorial"]) .ui-input[aria-invalid="true"], :where([data-ui="paper-editorial"]) .ui-textarea[aria-invalid="true"], :where([data-ui="paper-editorial"]) .ui-select[aria-invalid="true"] {
    border-color: var(--paper-danger);
    box-shadow: 0 0 0 2px rgb(var(--paper-danger-rgb)/.18);
  }

  .paper-input[readonly], .paper-textarea[readonly], :where([data-ui="paper-editorial"]) .usk-input[readonly], :where([data-ui="paper-editorial"]) .usk-textarea[readonly], :where([data-ui="paper-editorial"]) .ui-input[readonly], :where([data-ui="paper-editorial"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .paper-button-primary, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--paper-primary);
    color: var(--paper-on-primary);
    border-color: var(--paper-primary);
  }

  .paper-button-secondary, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: var(--paper-secondary);
    color: var(--paper-on-secondary);
    border-color: var(--paper-secondary);
  }

  .paper-button-danger, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="danger"]) {
    background: var(--paper-danger);
    color: var(--paper-on-danger);
    border-color: var(--paper-danger);
  }

  .paper-button-ghost, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--paper-primary));
    background: none;
    border-color: #0000;
  }

  .paper-feature-item > .paper-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .paper-callout-bar > .paper-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="paper-editorial"][data-mode="light"] {
    --paper-fallback-bg-rgb: 243 237 220;
    --paper-fallback-surface-rgb: 243 237 220;
    --paper-fallback-surface-strong-rgb: 250 245 232;
    --paper-fallback-surface-soft-rgb: 229 220 200;
    --paper-fallback-text-rgb: 23 23 20;
    --paper-fallback-text-muted-rgb: 85 82 73;
    --paper-fallback-border-rgb: 139 133 117;
    --paper-fallback-primary-rgb: 139 31 31;
    --paper-fallback-primary-hover-rgb: 167 41 36;
    --paper-fallback-primary-text-rgb: 255 250 240;
    --paper-fallback-secondary-rgb: 23 77 163;
    --paper-fallback-secondary-hover-rgb: 16 60 131;
    --paper-fallback-secondary-text-rgb: 255 255 255;
    --paper-fallback-accent-rgb: 23 77 163;
    --paper-fallback-accent-text-rgb: 255 255 255;
    --paper-fallback-success-rgb: 30 93 58;
    --paper-fallback-success-text-rgb: 255 255 255;
    --paper-fallback-warning-rgb: 128 80 0;
    --paper-fallback-warning-text-rgb: 255 255 255;
    --paper-fallback-danger-rgb: 178 31 24;
    --paper-fallback-danger-text-rgb: 255 255 255;
    --paper-fallback-link-rgb: 23 77 163;
    --paper-fallback-focus-rgb: 23 89 184;
    --paper-sheet-texture: url("data:image/png;base64,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");
  }

  [data-ui="paper-editorial"][data-mode="dark"] {
    --paper-fallback-bg-rgb: 17 22 24;
    --paper-fallback-surface-rgb: 17 22 24;
    --paper-fallback-surface-strong-rgb: 23 29 30;
    --paper-fallback-surface-soft-rgb: 12 17 19;
    --paper-fallback-text-rgb: 227 219 198;
    --paper-fallback-text-muted-rgb: 183 174 153;
    --paper-fallback-border-rgb: 107 99 82;
    --paper-fallback-primary-rgb: 167 41 36;
    --paper-fallback-primary-hover-rgb: 183 51 45;
    --paper-fallback-primary-text-rgb: 255 247 232;
    --paper-fallback-secondary-rgb: 45 103 186;
    --paper-fallback-secondary-hover-rgb: 57 119 208;
    --paper-fallback-secondary-text-rgb: 255 255 255;
    --paper-fallback-accent-rgb: 45 103 186;
    --paper-fallback-accent-text-rgb: 255 255 255;
    --paper-fallback-success-rgb: 112 171 118;
    --paper-fallback-success-text-rgb: 0 0 0;
    --paper-fallback-warning-rgb: 192 138 49;
    --paper-fallback-warning-text-rgb: 0 0 0;
    --paper-fallback-danger-rgb: 229 116 105;
    --paper-fallback-danger-text-rgb: 0 0 0;
    --paper-fallback-link-rgb: 138 180 239;
    --paper-fallback-focus-rgb: 77 139 229;
    --paper-sheet-texture: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAgAElEQVR4nGzd6bJc1bG14aJHDSAksARucAPYxtgcf1+cm9D9X9CJsaKeilcz9GPH3qpmrTlzZo4cOTKrdPvy1bdvv/vTn98+/errt9989/u3X33zu+v3fl58+/rtnv/i5Tdvv//hL2/f/PGH6/H93nOv3nz/9uXr766fvWaP7bn9e3/vsV17v3/3+z++/fb7P1yP77Fd13V2z/08e/Hycf/Pnn/59vnXr67H9pqtb6/f+3bfve7Jly+u57/+3ZvrHp9/8dX1e+99/Yc/PV675/f3fraP/Xvr+f2f/3qtaT97fO+x3t1v790ath/33M8e2/Pet3Xs7z3OLtvDfu/fe7/77DW7j3Xam3tsD1vbfu/x3W9/73p7/57bY3vtruOee2zXmI32mLPZc1uj6+/3/u3a9jJbbE17bP9mr59++fX6t7Pd/ff47D5bueZssPXs+a111+VHzmPr3/v2/u1pf+/x/d5zu8/+be97785q/971nMvWuNfZ//69Pe3ee2zrscY9v+f+8Je/Xc85f/766s3312t3jf22nu1199269tr93nr29/a69+51ez8f3I91+psfb027x6679+8xZ+1ee3z/ZuOtVZyInV33dvvwutbObP9m750HO+x5+9xv8ch+e2y/b3vjfnaTXdAhblMNEk60f++34ORsHM/ju8EWtE3t9XvMNXbjXVuA7bdg2esYaK/Zgvd779tGBfkec+1db++1jxmNQzGMTe91e26v2TWsWYADi91jj++1DMmhHTaw617tvQGwx9iMLRyoPe49e+7TZ1889rnr7R57DshYj4C2lq3Z2uyrjsk+nmsQF7SsG+By/p07UHOO7jWf2XOCB2g5C77EAbfHXXOv2d97fo/br/3bz17rua3X2W4dfEkQO2uJZq/Z2vfv/QYG9Y+v7/fY/bYvQbh7uiafY/sFNv8HbHxojwFEQG/v/BkQ7vH9tgZgBij2e9e1XiC11+294sq9JFfX21q27/3wNYCyv2+y/y7AoTkqtJAxXGzGhKj77eL7LTNCWCgtu8j0e90ewyAsaMZyDaAg++05QQCJm3kFlwy65/fj/ZwZ8AhswOYAMAfPOWRo6uBlqb1mduRwmE2daGvnIK7lcPca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");
  }

  [data-ui="paper-editorial"] {
    --paper-sheet-paper: var(--paper-bg);
    --paper-sheet-paper-raised: var(--paper-surface-strong);
    --paper-sheet-paper-sunken: var(--paper-surface-soft);
    --paper-sheet-ink: var(--paper-text);
    --paper-sheet-ink-soft: var(--paper-text-muted);
    --paper-sheet-ink-faint: var(--paper-text-muted);
    --paper-sheet-rule: rgb(var(--paper-border-rgb));
    --paper-sheet-rule-soft: rgb(var(--paper-border-rgb) / .5);
    --paper-sheet-oxblood: var(--paper-primary);
    --paper-sheet-oxblood-ink: rgb(var(--usk-link-rgb, var(--paper-sheet-identity-rgb, 139 31 31)));
    --paper-sheet-blue: var(--paper-accent);
    --paper-sheet-blue-ink: var(--paper-link);
    --paper-sheet-green: var(--paper-success);
    --paper-sheet-ochre: var(--paper-warning);
    --paper-sheet-danger: var(--paper-danger);
    --paper-sheet-focus: var(--paper-focus);
    --paper-sheet-on-accent: var(--paper-on-primary);
    --paper-sheet-on-blue: var(--paper-on-accent);
    --paper-sheet-serif: Georgia, "Times New Roman", serif;
    --paper-sheet-display: "DejaVu Serif Condensed", Georgia, serif;
    --paper-sheet-sans: "DejaVu Sans Condensed", Arial, sans-serif;
    --paper-sheet-mono: "DejaVu Sans Mono", Consolas, monospace;
    --paper-sheet-radius: 1px;
    --paper-sheet-rule-width: 1px;
    --paper-sheet-focus-ring: 0 0 0 2px var(--paper-sheet-paper), 0 0 0 4px var(--paper-sheet-focus);
    --paper-font-body: var(--paper-sheet-serif);
    --paper-font-display: var(--paper-sheet-display);
    --paper-font-control: var(--paper-sheet-sans);
    --paper-control-bg: var(--paper-sheet-paper-raised);
    --paper-card-bg: var(--paper-sheet-paper-raised);
    --paper-radius-sm: 1px;
    --paper-radius-md: 1px;
    --usk-native-card-bg: var(--paper-sheet-paper-raised);
    --usk-native-control-bg: var(--paper-sheet-paper-raised);
    --usk-native-control-border: 1px solid var(--paper-sheet-rule);
    --usk-native-control-shadow: none;
    --usk-native-control-radius: 1px;
    --usk-native-font-body: var(--paper-sheet-serif);
    --usk-native-font-heading: var(--paper-sheet-display);
    --usk-native-font-control: var(--paper-sheet-sans);
  }

  [data-ui="paper-editorial"][data-mode="dark"] {
    --paper-sheet-identity-rgb: 231 125 113;
  }

  [data-ui="paper-editorial"], [data-ui="paper-editorial"] *, [data-ui="paper-editorial"] :before, [data-ui="paper-editorial"] :after {
    box-sizing: border-box;
  }

  [data-ui="paper-editorial"] [hidden] {
    display: none !important;
  }

  :where([data-ui="paper-editorial"]) :where(button, input, select, textarea) {
    font: inherit;
  }

  [data-ui="paper-editorial"] a:where(:not(:is(.paper-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.paper-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"])):not(:is(.paper-nav-link,[class~="usk-nav-link"],[class~="ui-nav-link"]))) {
    color: var(--paper-sheet-blue);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
  }

  [data-ui="paper-editorial"] a:where(:not(:is(.paper-button,[class~="usk-button"],[class~="ui-button"])):not(:is(.paper-icon-button,[class~="usk-icon-button"],[class~="ui-icon-button"])):not(:is(.paper-nav-link,[class~="usk-nav-link"],[class~="ui-nav-link"]))):hover {
    color: var(--paper-sheet-oxblood);
  }

  .paper-kicker, .paper-label, .paper-caption, .paper-folio, .paper-section-title, .paper-button, .paper-badge, .paper-tab, .paper-pagination button, .paper-segmented button, .paper-table th, :where([data-ui="paper-editorial"]) .usk-label, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .usk-tab, :where([data-ui="paper-editorial"]) .usk-pagination button, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-label, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-badge, :where([data-ui="paper-editorial"]) .ui-tab, :where([data-ui="paper-editorial"]) .ui-pagination button, :where([data-ui="paper-editorial"]) .ui-table th {
    font-family: var(--paper-sheet-sans);
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
  }

  .paper-kicker {
    color: var(--paper-sheet-oxblood);
    font-size: .72rem;
  }

  .paper-label, :where([data-ui="paper-editorial"]) .usk-label, :where([data-ui="paper-editorial"]) .ui-label {
    color: var(--paper-sheet-ink-soft);
    margin: 0 0 4px;
    font-size: .64rem;
    display: block;
  }

  .paper-caption {
    color: var(--paper-sheet-ink-faint);
    font: .68rem/1.35 var(--paper-sheet-serif);
  }

  .paper-folio {
    color: var(--paper-sheet-ink-faint);
    font-size: .6rem;
  }

  .paper-folio-section {
    border-left: var(--paper-sheet-rule-width) solid var(--paper-sheet-rule);
    border-top: var(--paper-sheet-rule-width) solid var(--paper-sheet-rule);
    gap: 0;
    min-width: 0;
    padding: 10px 12px 8px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .paper-folio-section:after {
    color: var(--paper-sheet-rule);
    content: attr(data-folio);
    font: 600 .55rem var(--paper-sheet-mono);
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .paper-section-title {
    align-items: center;
    gap: 7px;
    margin: 0 0 9px;
    font-size: .74rem;
    line-height: 1;
    display: flex;
  }

  .paper-section-title b {
    background: var(--paper-sheet-oxblood);
    color: var(--paper-sheet-on-accent);
    font: 800 .65rem/1 var(--paper-sheet-mono);
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    display: inline-flex;
  }

  .paper-rule {
    border: 0;
    border-top: 1px solid var(--paper-sheet-rule-soft);
    margin: 8px 0;
  }

  .paper-rule-double {
    border-bottom: 1px solid var(--paper-sheet-rule);
    height: 4px;
  }

  .paper-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .ui-button {
    appearance: none;
    border: 1px solid var(--paper-sheet-rule);
    border-radius: var(--paper-sheet-radius);
    color: var(--paper-sheet-ink);
    cursor: pointer;
    background: none;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 13px;
    font-size: .66rem;
    transition: background-color .1s, color .1s, transform 70ms;
    display: inline-flex;
  }

  .paper-button:hover, .paper-button.is-hovered, :where([data-ui="paper-editorial"]) .usk-button:hover, :where([data-ui="paper-editorial"]) .usk-button.is-hovered, :where([data-ui="paper-editorial"]) .ui-button:hover, :where([data-ui="paper-editorial"]) .ui-button.is-hovered {
    background: var(--paper-sheet-paper-sunken);
  }

  .paper-button:active, .paper-button.is-pressed, :where([data-ui="paper-editorial"]) .usk-button:active, :where([data-ui="paper-editorial"]) .usk-button.is-pressed, :where([data-ui="paper-editorial"]) .ui-button:active, :where([data-ui="paper-editorial"]) .ui-button.is-pressed {
    transform: translateY(1px);
  }

  .paper-button:focus-visible, :where([data-ui="paper-editorial"]) .usk-button:focus-visible, :where([data-ui="paper-editorial"]) .ui-button:focus-visible {
    box-shadow: var(--paper-sheet-focus-ring);
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-button:disabled, .paper-button.is-disabled, :where([data-ui="paper-editorial"]) .usk-button:disabled, :where([data-ui="paper-editorial"]) .usk-button.is-disabled, :where([data-ui="paper-editorial"]) .ui-button:disabled, :where([data-ui="paper-editorial"]) .ui-button.is-disabled {
    cursor: not-allowed;
    opacity: .38;
  }

  .paper-button-primary, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="primary"]) {
    background: var(--paper-sheet-oxblood);
    border-color: var(--paper-sheet-oxblood);
    color: var(--paper-sheet-on-accent);
  }

  .paper-button-primary:hover, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--paper-primary-hover);
  }

  .paper-button-secondary, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="secondary"]) {
    border-color: var(--paper-sheet-blue);
    color: var(--paper-sheet-blue);
  }

  .paper-button-danger, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="danger"]) {
    border-color: var(--paper-sheet-danger);
    color: var(--paper-sheet-danger);
  }

  .paper-button-danger:hover, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="danger"]):hover, :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="danger"]):hover {
    background: var(--paper-sheet-danger);
    color: var(--paper-sheet-on-accent);
  }

  .paper-button-text {
    color: var(--paper-sheet-blue);
    text-underline-offset: 3px;
    border-color: #0000;
    padding-inline: 5px;
    text-decoration: underline;
  }

  .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-icon-button {
    font-family: var(--paper-sheet-mono);
    min-width: 34px;
    padding-inline: 8px;
  }

  .paper-button-loading:before {
    content: "";
    border: 1px solid;
    border-right-color: #0000;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: .8s linear infinite paper-sheet-spin;
  }

  @keyframes paper-sheet-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .paper-field, :where([data-ui="paper-editorial"]) .usk-field, :where([data-ui="paper-editorial"]) .ui-field {
    min-width: 0;
  }

  .paper-input, .paper-select, .paper-textarea, .paper-file, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .usk-select, :where([data-ui="paper-editorial"]) .usk-textarea, :where([data-ui="paper-editorial"]) .ui-input, :where([data-ui="paper-editorial"]) .ui-select, :where([data-ui="paper-editorial"]) .ui-textarea {
    appearance: none;
    background: rgb(var(--paper-surface-strong-rgb)/.8);
    border: 1px solid var(--paper-sheet-rule);
    border-radius: var(--paper-sheet-radius);
    color: var(--paper-sheet-ink);
    font-family: var(--paper-sheet-serif);
    outline-offset: 2px;
    outline: 2px solid #0000;
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    font-size: .78rem;
  }

  .paper-input::placeholder, .paper-textarea::placeholder, :where([data-ui="paper-editorial"]) .usk-input::placeholder, :where([data-ui="paper-editorial"]) .usk-textarea::placeholder, :where([data-ui="paper-editorial"]) .ui-input::placeholder, :where([data-ui="paper-editorial"]) .ui-textarea::placeholder {
    color: var(--paper-sheet-ink-faint);
    opacity: .9;
  }

  .paper-input:hover, .paper-select:hover, .paper-textarea:hover, :where([data-ui="paper-editorial"]) .usk-input:hover, :where([data-ui="paper-editorial"]) .usk-select:hover, :where([data-ui="paper-editorial"]) .usk-textarea:hover, :where([data-ui="paper-editorial"]) .ui-input:hover, :where([data-ui="paper-editorial"]) .ui-select:hover, :where([data-ui="paper-editorial"]) .ui-textarea:hover {
    border-color: var(--paper-sheet-ink-soft);
  }

  .paper-input:focus, .paper-select:focus, .paper-textarea:focus, :where([data-ui="paper-editorial"]) .usk-input:focus, :where([data-ui="paper-editorial"]) .usk-select:focus, :where([data-ui="paper-editorial"]) .usk-textarea:focus, :where([data-ui="paper-editorial"]) .ui-input:focus, :where([data-ui="paper-editorial"]) .ui-select:focus, :where([data-ui="paper-editorial"]) .ui-textarea:focus {
    border-color: var(--paper-sheet-focus);
    outline-color: var(--paper-sheet-focus);
    box-shadow: 0 2px 0 var(--paper-sheet-focus);
  }

  .paper-input:disabled, .paper-select:disabled, .paper-textarea:disabled, :where([data-ui="paper-editorial"]) .usk-input:disabled, :where([data-ui="paper-editorial"]) .usk-select:disabled, :where([data-ui="paper-editorial"]) .usk-textarea:disabled, :where([data-ui="paper-editorial"]) .ui-input:disabled, :where([data-ui="paper-editorial"]) .ui-select:disabled, :where([data-ui="paper-editorial"]) .ui-textarea:disabled {
    background: var(--paper-sheet-paper-sunken);
    color: var(--paper-sheet-ink-faint);
    opacity: .65;
  }

  .paper-input[aria-invalid="true"], .paper-textarea[aria-invalid="true"], :where([data-ui="paper-editorial"]) .usk-input[aria-invalid="true"], :where([data-ui="paper-editorial"]) .usk-textarea[aria-invalid="true"], :where([data-ui="paper-editorial"]) .ui-input[aria-invalid="true"], :where([data-ui="paper-editorial"]) .ui-textarea[aria-invalid="true"] {
    border-color: var(--paper-sheet-danger);
    box-shadow: 0 2px 0 var(--paper-sheet-danger);
  }

  .paper-textarea, :where([data-ui="paper-editorial"]) .usk-textarea, :where([data-ui="paper-editorial"]) .ui-textarea {
    resize: vertical;
    min-height: 66px;
  }

  .paper-select, :where([data-ui="paper-editorial"]) .usk-select, :where([data-ui="paper-editorial"]) .ui-select {
    cursor: pointer;
    background-image: none;
    padding-right: 28px;
  }

  .paper-select-wrap {
    position: relative;
  }

  .paper-select-wrap:after {
    color: var(--paper-sheet-ink-soft);
    content: "⌄";
    font: 700 1rem var(--paper-sheet-serif);
    pointer-events: none;
    position: absolute;
    top: 7px;
    right: 10px;
  }

  .paper-help {
    color: var(--paper-sheet-ink-faint);
    font: .62rem/1.25 var(--paper-sheet-serif);
    margin-top: 3px;
    display: block;
  }

  .paper-help-error {
    color: var(--paper-sheet-danger);
  }

  .paper-search {
    position: relative;
  }

  .paper-search:before {
    color: var(--paper-sheet-ink-soft);
    content: "Q";
    font: 700 .65rem var(--paper-sheet-serif);
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .paper-search .paper-input, :where([data-ui="paper-editorial"]) .paper-search .usk-input, :where([data-ui="paper-editorial"]) .paper-search .ui-input {
    padding-left: 28px;
  }

  .paper-file {
    padding: 0;
  }

  .paper-file::file-selector-button {
    background: var(--paper-sheet-paper-sunken);
    border: 0;
    border-right: 1px solid var(--paper-sheet-rule);
    color: var(--paper-sheet-ink);
    font: 700 .62rem var(--paper-sheet-sans);
    text-transform: uppercase;
    height: 34px;
    margin-right: 8px;
    padding: 0 10px;
  }

  .paper-check, .paper-radio, :where([data-ui="paper-editorial"]) .usk-check, :where([data-ui="paper-editorial"]) .usk-radio, :where([data-ui="paper-editorial"]) .ui-check, :where([data-ui="paper-editorial"]) .ui-radio {
    color: var(--paper-sheet-ink-soft);
    cursor: pointer;
    font: .72rem var(--paper-sheet-serif);
    align-items: center;
    gap: 7px;
    display: inline-flex;
  }

  .paper-check input, .paper-radio input, :where([data-ui="paper-editorial"]) .usk-check input, :where([data-ui="paper-editorial"]) .usk-radio input, :where([data-ui="paper-editorial"]) .ui-check input, :where([data-ui="paper-editorial"]) .ui-radio input {
    appearance: none;
    width: 15px;
    height: 15px;
    margin: 0;
    position: relative;
  }

  .paper-check input, :where([data-ui="paper-editorial"]) .usk-check input, :where([data-ui="paper-editorial"]) .ui-check input {
    border: 1px solid var(--paper-sheet-rule);
  }

  .paper-radio input, :where([data-ui="paper-editorial"]) .usk-radio input, :where([data-ui="paper-editorial"]) .ui-radio input {
    border: 1px solid var(--paper-sheet-rule);
    border-radius: 50%;
  }

  .paper-check input:checked, :where([data-ui="paper-editorial"]) .usk-check input:checked, :where([data-ui="paper-editorial"]) .ui-check input:checked {
    background: var(--paper-sheet-blue);
    border-color: var(--paper-sheet-blue);
  }

  .paper-check input:checked:after, :where([data-ui="paper-editorial"]) .usk-check input:checked:after, :where([data-ui="paper-editorial"]) .ui-check input:checked:after {
    content: "";
    border: 1.5px solid #fff;
    border-width: 0 1.5px 1.5px 0;
    width: 3px;
    height: 7px;
    position: absolute;
    top: 2px;
    left: 5px;
    transform: rotate(45deg);
  }

  .paper-radio input:checked:after, :where([data-ui="paper-editorial"]) .usk-radio input:checked:after, :where([data-ui="paper-editorial"]) .ui-radio input:checked:after {
    background: var(--paper-sheet-blue);
    content: "";
    border-radius: 50%;
    position: absolute;
    inset: 3px;
  }

  .paper-check input:focus-visible, .paper-radio input:focus-visible, :where([data-ui="paper-editorial"]) .usk-check input:focus-visible, :where([data-ui="paper-editorial"]) .usk-radio input:focus-visible, :where([data-ui="paper-editorial"]) .ui-check input:focus-visible, :where([data-ui="paper-editorial"]) .ui-radio input:focus-visible {
    box-shadow: var(--paper-sheet-focus-ring);
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-check input:disabled, .paper-radio input:disabled, :where([data-ui="paper-editorial"]) .usk-check input:disabled, :where([data-ui="paper-editorial"]) .usk-radio input:disabled, :where([data-ui="paper-editorial"]) .ui-check input:disabled, :where([data-ui="paper-editorial"]) .ui-radio input:disabled {
    opacity: .38;
  }

  .paper-chip, :where([data-ui="paper-editorial"]) .usk-chip, :where([data-ui="paper-editorial"]) .ui-chip {
    background: rgb(var(--paper-accent-rgb)/.12);
    border: 1px solid var(--paper-sheet-blue);
    color: var(--paper-sheet-ink);
    font: .68rem var(--paper-sheet-serif);
    align-items: center;
    gap: 8px;
    min-height: 29px;
    padding: 5px 8px;
    display: inline-flex;
  }

  .paper-chip button, :where([data-ui="paper-editorial"]) .usk-chip button, :where([data-ui="paper-editorial"]) .ui-chip button {
    color: var(--paper-sheet-ink-soft);
    cursor: pointer;
    font-family: var(--paper-sheet-mono);
    background: none;
    border: 0;
    padding: 0;
  }

  .paper-switch, :where([data-ui="paper-editorial"]) .usk-switch, :where([data-ui="paper-editorial"]) .ui-switch {
    cursor: pointer;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .paper-switch input, :where([data-ui="paper-editorial"]) .usk-switch input, :where([data-ui="paper-editorial"]) .ui-switch input {
    appearance: none;
    width: 39px;
    height: 20px;
    margin: 0;
    position: relative;
  }

  .paper-switch input:before, :where([data-ui="paper-editorial"]) .usk-switch input:before, :where([data-ui="paper-editorial"]) .ui-switch input:before {
    border: 1px solid var(--paper-sheet-rule);
    content: "";
    border-radius: 12px;
    position: absolute;
    inset: 2px 0;
  }

  .paper-switch input:after, :where([data-ui="paper-editorial"]) .usk-switch input:after, :where([data-ui="paper-editorial"]) .ui-switch input:after {
    background: var(--paper-sheet-ink-faint);
    border: 1px solid var(--paper-sheet-paper);
    content: "";
    border-radius: 50%;
    width: 14px;
    height: 14px;
    transition: all .11s;
    position: absolute;
    top: 3px;
    left: 3px;
  }

  .paper-switch input:checked:before, :where([data-ui="paper-editorial"]) .usk-switch input:checked:before, :where([data-ui="paper-editorial"]) .ui-switch input:checked:before {
    background: var(--paper-sheet-blue);
    border-color: var(--paper-sheet-blue);
  }

  .paper-switch input:checked:after, :where([data-ui="paper-editorial"]) .usk-switch input:checked:after, :where([data-ui="paper-editorial"]) .ui-switch input:checked:after {
    background: #fff;
    left: 22px;
  }

  .paper-switch input:focus-visible, :where([data-ui="paper-editorial"]) .usk-switch input:focus-visible, :where([data-ui="paper-editorial"]) .ui-switch input:focus-visible {
    box-shadow: var(--paper-sheet-focus-ring);
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-switch span, :where([data-ui="paper-editorial"]) .usk-switch span, :where([data-ui="paper-editorial"]) .ui-switch span {
    color: var(--paper-sheet-ink-soft);
    font: .7rem var(--paper-sheet-serif);
  }

  .paper-slider {
    appearance: none;
    background: none;
    width: 100%;
    height: 30px;
  }

  .paper-slider::-webkit-slider-thumb {
    appearance: none;
    background: var(--paper-sheet-paper);
    border: 2px solid var(--paper-sheet-blue);
    border-radius: 50%;
    width: 17px;
    height: 17px;
    margin-top: -8px;
  }

  .paper-slider::-moz-range-track {
    background: var(--paper-sheet-rule);
    height: 1px;
  }

  .paper-slider::-moz-range-progress {
    background: var(--paper-sheet-blue);
    height: 3px;
  }

  .paper-slider::-moz-range-thumb {
    background: var(--paper-sheet-paper);
    border: 2px solid var(--paper-sheet-blue);
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  .paper-slider:focus-visible {
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-ruler {
    background-image: repeating-linear-gradient(90deg,var(--paper-sheet-rule)0 1px,transparent 1px 20px);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto 7px;
    height: 10px;
  }

  .paper-progress, .paper-meter, :where([data-ui="paper-editorial"]) .usk-progress, :where([data-ui="paper-editorial"]) .ui-progress {
    appearance: none;
    background: var(--paper-sheet-paper-sunken);
    border: 1px solid var(--paper-sheet-rule-soft);
    width: 100%;
    height: 10px;
  }

  .paper-progress::-webkit-progress-bar, :where([data-ui="paper-editorial"]) .usk-progress::-webkit-progress-bar, :where([data-ui="paper-editorial"]) .ui-progress::-webkit-progress-bar {
    background: var(--paper-sheet-paper-sunken);
  }

  .paper-progress::-webkit-progress-value, :where([data-ui="paper-editorial"]) .usk-progress::-webkit-progress-value, :where([data-ui="paper-editorial"]) .ui-progress::-webkit-progress-value {
    background: var(--paper-sheet-blue);
  }

  .paper-progress::-moz-progress-bar, :where([data-ui="paper-editorial"]) .usk-progress::-moz-progress-bar, :where([data-ui="paper-editorial"]) .ui-progress::-moz-progress-bar {
    background: var(--paper-sheet-blue);
  }

  .paper-meter::-webkit-meter-bar {
    background: var(--paper-sheet-paper-sunken);
    border: 0;
  }

  .paper-meter::-webkit-meter-optimum-value {
    background: var(--paper-sheet-green);
  }

  .paper-meter::-webkit-meter-suboptimum-value {
    background: var(--paper-sheet-ochre);
  }

  .paper-meter::-webkit-meter-even-less-good-value {
    background: var(--paper-sheet-danger);
  }

  .paper-stage-track {
    display: flex;
  }

  .paper-stage {
    border-bottom: 1px solid var(--paper-sheet-rule);
    color: var(--paper-sheet-ink-faint);
    font: .58rem var(--paper-sheet-sans);
    text-align: center;
    text-transform: uppercase;
    flex: 1;
    padding: 7px 2px 6px;
    position: relative;
  }

  .paper-stage:after {
    background: var(--paper-sheet-rule);
    content: "";
    width: 1px;
    height: 5px;
    position: absolute;
    bottom: -3px;
    right: 0;
  }

  .paper-breadcrumb, :where([data-ui="paper-editorial"]) .usk-breadcrumb, :where([data-ui="paper-editorial"]) .ui-breadcrumb {
    color: var(--paper-sheet-ink-faint);
    font: .64rem var(--paper-sheet-serif);
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  .paper-breadcrumb a, :where([data-ui="paper-editorial"]) .usk-breadcrumb a, :where([data-ui="paper-editorial"]) .ui-breadcrumb a {
    color: inherit;
  }

  .paper-breadcrumb span:before, :where([data-ui="paper-editorial"]) .usk-breadcrumb span:before, :where([data-ui="paper-editorial"]) .ui-breadcrumb span:before {
    content: "/";
    margin-right: 6px;
  }

  .paper-tabs, :where([data-ui="paper-editorial"]) .usk-tabs, :where([data-ui="paper-editorial"]) .ui-tabs {
    border-bottom: 1px solid var(--paper-sheet-rule);
    display: flex;
  }

  .paper-tab, :where([data-ui="paper-editorial"]) .usk-tab, :where([data-ui="paper-editorial"]) .ui-tab {
    color: var(--paper-sheet-ink-soft);
    cursor: pointer;
    background: none;
    border: 0;
    border-bottom: 3px solid #0000;
    min-height: 31px;
    margin-bottom: -1px;
    padding: 6px 11px;
    font-size: .61rem;
  }

  .paper-tab:hover, :where([data-ui="paper-editorial"]) .usk-tab:hover, :where([data-ui="paper-editorial"]) .ui-tab:hover {
    color: var(--paper-sheet-ink);
  }

  .paper-tab.is-active, .paper-tab[aria-selected="true"], :where([data-ui="paper-editorial"]) .usk-tab.is-active, :where([data-ui="paper-editorial"]) .usk-tab[aria-selected="true"], :where([data-ui="paper-editorial"]) .ui-tab.is-active, :where([data-ui="paper-editorial"]) .ui-tab[aria-selected="true"] {
    border-bottom-color: var(--paper-sheet-oxblood);
    color: var(--paper-sheet-ink);
  }

  .paper-pagination, .paper-segmented, :where([data-ui="paper-editorial"]) .usk-pagination, :where([data-ui="paper-editorial"]) .ui-pagination {
    display: inline-flex;
  }

  .paper-pagination button, .paper-segmented button, :where([data-ui="paper-editorial"]) .usk-pagination button, :where([data-ui="paper-editorial"]) .ui-pagination button {
    border: 1px solid var(--paper-sheet-rule);
    color: var(--paper-sheet-ink);
    cursor: pointer;
    background: none;
    min-width: 29px;
    min-height: 29px;
    margin-left: -1px;
    padding: 5px 8px;
    font-size: .62rem;
  }

  .paper-pagination button:first-child, .paper-segmented button:first-child, :where([data-ui="paper-editorial"]) .usk-pagination button:first-child, :where([data-ui="paper-editorial"]) .ui-pagination button:first-child {
    margin-left: 0;
  }

  .paper-pagination button[aria-current="page"], .paper-segmented button[aria-pressed="true"], :where([data-ui="paper-editorial"]) .usk-pagination button[aria-current="page"], :where([data-ui="paper-editorial"]) .ui-pagination button[aria-current="page"] {
    background: var(--paper-sheet-oxblood);
    color: var(--paper-sheet-on-accent);
  }

  .paper-pagination button:focus-visible, .paper-segmented button:focus-visible, .paper-tab:focus-visible, :where([data-ui="paper-editorial"]) .usk-pagination button:focus-visible, :where([data-ui="paper-editorial"]) .usk-tab:focus-visible, :where([data-ui="paper-editorial"]) .ui-pagination button:focus-visible, :where([data-ui="paper-editorial"]) .ui-tab:focus-visible {
    box-shadow: inset 0 0 0 2px var(--paper-sheet-focus);
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-details {
    border-bottom: 1px solid var(--paper-sheet-rule-soft);
    border-top: 1px solid var(--paper-sheet-rule-soft);
    font: .69rem var(--paper-sheet-serif);
    padding: 6px 0;
  }

  .paper-details summary {
    cursor: pointer;
    font-family: var(--paper-sheet-sans);
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
  }

  .paper-badge, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .ui-badge {
    color: var(--paper-sheet-ink-soft);
    border: 1px solid;
    padding: 4px 6px;
    font-size: .55rem;
    line-height: 1;
    display: inline-flex;
  }

  .paper-badge-primary, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--paper-sheet-blue);
    border-color: var(--paper-sheet-blue);
    color: #fff;
  }

  .paper-badge-success, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="success"]) {
    color: var(--paper-sheet-green);
  }

  .paper-badge-warning, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="warning"]) {
    color: var(--paper-sheet-ochre);
  }

  .paper-badge-danger, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="danger"]) {
    color: var(--paper-sheet-danger);
  }

  .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
    border: 1px solid var(--paper-sheet-rule);
    border-left: 4px solid var(--paper-sheet-blue);
    font: .68rem var(--paper-sheet-serif);
    flex-wrap: wrap;
    align-items: start;
    gap: 3px 8px;
    padding: 7px 8px;
    display: flex;
  }

  .paper-alert:before, :where([data-ui="paper-editorial"]) .usk-alert:before, :where([data-ui="paper-editorial"]) .ui-alert:before {
    color: var(--paper-sheet-blue);
    content: "i";
    font: 700 .7rem var(--paper-sheet-serif);
    text-align: center;
  }

  .paper-alert strong, :where([data-ui="paper-editorial"]) .usk-alert strong, :where([data-ui="paper-editorial"]) .ui-alert strong {
    font-family: var(--paper-sheet-sans);
    text-transform: uppercase;
    font-size: .65rem;
  }

  .paper-alert button, :where([data-ui="paper-editorial"]) .usk-alert button, :where([data-ui="paper-editorial"]) .ui-alert button {
    color: inherit;
    cursor: pointer;
    font-family: var(--paper-sheet-mono);
    background: none;
    border: 0;
    margin-left: auto;
  }

  .paper-alert p, :where([data-ui="paper-editorial"]) .usk-alert p, :where([data-ui="paper-editorial"]) .ui-alert p {
    color: var(--paper-sheet-ink-soft);
    width: 100%;
    margin: 0;
  }

  .paper-alert-success, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--paper-sheet-green);
  }

  .paper-alert-success:before, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="success"]):before, :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="success"]):before {
    color: var(--paper-sheet-green);
    content: "✓";
  }

  .paper-alert-warning, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--paper-sheet-ochre);
  }

  .paper-alert-warning:before, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="warning"]):before, :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="warning"]):before {
    color: var(--paper-sheet-ochre);
    content: "!";
  }

  .paper-alert-danger, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--paper-sheet-danger);
  }

  .paper-alert-danger:before, :where([data-ui="paper-editorial"]) .usk-alert:where([data-ui-variant="danger"]):before, :where([data-ui="paper-editorial"]) .ui-alert:where([data-ui-variant="danger"]):before {
    color: var(--paper-sheet-danger);
    content: "×";
  }

  .paper-table, :where([data-ui="paper-editorial"]) .usk-table, :where([data-ui="paper-editorial"]) .ui-table {
    border-collapse: collapse;
    font: .68rem var(--paper-sheet-serif);
    width: 100%;
  }

  .paper-table th, .paper-table td, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .usk-table td, :where([data-ui="paper-editorial"]) .ui-table th, :where([data-ui="paper-editorial"]) .ui-table td {
    border-bottom: 1px solid var(--paper-sheet-rule-soft);
    text-align: left;
    padding: 6px 7px;
  }

  .paper-table th, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-table th {
    border-bottom-color: var(--paper-sheet-rule);
    color: var(--paper-sheet-ink-soft);
    font-size: .55rem;
  }

  .paper-table tbody tr:hover, :where([data-ui="paper-editorial"]) .usk-table tbody tr:hover, :where([data-ui="paper-editorial"]) .ui-table tbody tr:hover {
    background: rgb(var(--paper-accent-rgb)/.08);
  }

  .paper-table td:first-child, :where([data-ui="paper-editorial"]) .usk-table td:first-child, :where([data-ui="paper-editorial"]) .ui-table td:first-child {
    font-family: var(--paper-sheet-mono);
    font-size: .61rem;
  }

  .paper-skeleton, :where([data-ui="paper-editorial"]) .usk-skeleton, :where([data-ui="paper-editorial"]) .ui-skeleton {
    background: var(--paper-sheet-rule-soft);
    opacity: .8;
    height: 8px;
    animation: 1.5s ease-in-out infinite paper-sheet-pulse;
  }

  @keyframes paper-sheet-pulse {
    50% {
      opacity: .38;
    }
  }

  .paper-empty-state, :where([data-ui="paper-editorial"]) .usk-empty-state, :where([data-ui="paper-editorial"]) .ui-empty-state {
    color: var(--paper-sheet-ink-faint);
    font: italic .74rem/1.45 var(--paper-sheet-serif);
    text-align: center;
    padding: 14px 8px;
  }

  .paper-spinner, :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
    border: 2px solid var(--paper-sheet-rule-soft);
    border-right-color: var(--paper-sheet-blue);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: .75s linear infinite paper-sheet-spin;
    display: inline-block;
  }

  .paper-article-deck {
    color: var(--paper-sheet-ink-soft);
    font: italic .92rem/1.35 var(--paper-sheet-serif);
  }

  .paper-byline {
    font: 700 .62rem var(--paper-sheet-sans);
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .paper-dropcap:first-letter {
    color: var(--paper-sheet-oxblood);
    float: left;
    font: 700 3rem/.78 var(--paper-sheet-display);
    margin: 4px 7px 0 0;
  }

  .paper-pullquote {
    border-bottom: 3px double var(--paper-sheet-rule);
    border-top: 3px double var(--paper-sheet-rule);
    color: var(--paper-sheet-ink);
    font: 700 1.05rem/1.25 var(--paper-sheet-serif);
    margin: 0;
    padding: 10px 4px;
  }

  .paper-pullquote cite {
    color: var(--paper-sheet-ink-faint);
    font: .58rem var(--paper-sheet-sans);
    text-transform: uppercase;
    margin-top: 6px;
    display: block;
  }

  .paper-marginalia {
    border-left: 3px solid var(--paper-sheet-oxblood);
    color: var(--paper-sheet-ink-soft);
    font: italic .66rem/1.35 var(--paper-sheet-serif);
    padding: 3px 0 3px 9px;
  }

  .paper-footnote {
    color: var(--paper-sheet-ink-faint);
    font: .58rem/1.35 var(--paper-sheet-serif);
  }

  .paper-dialog {
    background: var(--paper-sheet-paper-raised);
    border: 1px solid var(--paper-sheet-rule);
    box-shadow: 8px 8px 0 rgb(var(--paper-text-rgb)/.14);
    color: var(--paper-sheet-ink);
    max-width: 430px;
    margin: 0;
    padding: 0;
  }

  .paper-dialog::backdrop {
    background: rgb(var(--paper-text-rgb)/.55);
  }

  .paper-dialog header {
    border-bottom: 3px double var(--paper-sheet-rule);
    padding: 11px 14px 9px;
  }

  .paper-dialog h2 {
    font: 700 1rem var(--paper-sheet-display);
    text-transform: uppercase;
    margin: 0;
  }

  .paper-dialog .paper-dialog-body {
    font: .74rem var(--paper-sheet-serif);
    padding: 12px 14px;
  }

  .paper-dialog footer {
    border-top: 1px solid var(--paper-sheet-rule-soft);
    justify-content: flex-end;
    gap: 7px;
    padding: 9px 14px;
    display: flex;
  }

  .paper-popover, .paper-tooltip, [data-ui="paper-editorial"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="paper-editorial"]) .usk-popover, :where([data-ui="paper-editorial"]) .usk-tooltip, :where([data-ui="paper-editorial"]) .ui-popover, :where([data-ui="paper-editorial"]) .ui-tooltip {
    background: var(--paper-sheet-ink);
    color: var(--paper-sheet-paper);
    font: .66rem/1.35 var(--paper-sheet-serif);
    padding: 7px 9px;
    position: relative;
  }

  .paper-tooltip:after, :where([data-ui="paper-editorial"]) .usk-tooltip:after, :where([data-ui="paper-editorial"]) .ui-tooltip:after {
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    border-top: 6px solid var(--paper-sheet-ink);
    content: "";
    position: absolute;
    bottom: -6px;
    left: 18px;
  }

  .paper-swatch {
    min-width: 0;
  }

  .paper-swatch i {
    border: 1px solid var(--paper-sheet-rule);
    height: 23px;
    display: block;
  }

  .paper-swatch code {
    color: var(--paper-sheet-ink-faint);
    font: .52rem var(--paper-sheet-mono);
    text-overflow: ellipsis;
    margin-top: 3px;
    display: block;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="paper-editorial"] *, [data-ui="paper-editorial"] :before, [data-ui="paper-editorial"] :after {
      transition-duration: .001ms !important;
      animation-duration: .001ms !important;
    }
  }

  @media (max-width: 760px) {
    [data-ui="paper-editorial"] {
      font-size: 16px;
    }

    .paper-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .ui-button {
      min-height: 44px;
    }

    .paper-tabs, :where([data-ui="paper-editorial"]) .usk-tabs, :where([data-ui="paper-editorial"]) .ui-tabs {
      overflow-x: auto;
    }

    .paper-table, :where([data-ui="paper-editorial"]) .usk-table, :where([data-ui="paper-editorial"]) .ui-table {
      min-width: 650px;
    }
  }

  .paper-sheet {
    background: var(--paper-sheet-texture) repeat 0 0/280px 280px var(--paper-sheet-paper);
    background-blend-mode: soft-light;
    color: var(--paper-sheet-ink);
    border: 1px solid var(--paper-sheet-rule);
    border-radius: 8px;
    position: relative;
  }

  .paper-binding {
    color: var(--paper-sheet-ink-soft);
    border-right: 1px solid var(--paper-sheet-rule);
    font: 700 9px var(--paper-sheet-mono);
    writing-mode: vertical-rl;
    text-transform: uppercase;
  }

  .paper-binding i {
    border: 2px solid var(--paper-sheet-rule);
    background: #080a0a;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
  }

  .paper-masthead {
    border-bottom: 3px double var(--paper-sheet-rule);
  }

  .paper-manual-meta {
    border-right: 1px solid var(--paper-sheet-rule);
    font: 11px/1.7 var(--paper-sheet-mono);
  }

  .paper-manual-meta b {
    font: 700 18px var(--paper-sheet-serif);
  }

  .paper-manual-meta em {
    color: var(--paper-sheet-oxblood-ink);
    font-style: normal;
  }

  .paper-masthead-title {
    color: var(--paper-sheet-ink);
    font: 900 64px/1.06 var(--paper-sheet-display);
    text-transform: uppercase;
    margin: 12px 0;
  }

  .paper-property-stamp {
    border: 1px solid var(--paper-sheet-oxblood);
    font: 700 11px/1.6 var(--paper-sheet-serif);
    text-transform: uppercase;
    padding: 12px;
  }

  .paper-property-stamp strong {
    color: var(--paper-sheet-oxblood-ink);
    margin-top: 12px;
    display: block;
  }

  .paper-edition-stamp {
    border: 2px solid var(--paper-sheet-green);
    outline: 1px solid var(--paper-sheet-green);
    outline-offset: -8px;
    width: 104px;
    height: 104px;
    color: var(--paper-sheet-green);
    font: 700 11px var(--paper-sheet-serif);
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    display: flex;
    transform: rotate(-4deg);
  }

  .paper-edition-stamp b {
    color: var(--paper-sheet-oxblood-ink);
    font: 700 12px var(--paper-sheet-mono);
  }

  .paper-section-index {
    border-block: 1px solid var(--paper-sheet-rule);
  }

  .paper-section-index button {
    color: var(--paper-sheet-ink-soft);
    border: 0;
    border-right: 1px solid var(--paper-sheet-rule);
    box-shadow: none;
    min-height: 32px;
    font: 700 10px var(--paper-sheet-sans);
    text-transform: uppercase;
    background: none;
    border-radius: 0;
  }

  .paper-section-index button.is-active {
    color: var(--paper-sheet-oxblood-ink);
  }

  .paper-file-upload, :where([data-ui="paper-editorial"]) .usk-file-upload, :where([data-ui="paper-editorial"]) .ui-file-upload {
    border: 1px dashed var(--paper-sheet-rule);
    min-height: 116px;
    font: 12px var(--paper-sheet-serif);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex;
    position: relative;
  }

  .paper-file-upload input, :where([data-ui="paper-editorial"]) .usk-file-upload input, :where([data-ui="paper-editorial"]) .ui-file-upload input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    position: absolute;
    inset: 0;
  }

  .paper-file-upload:focus-within, :where([data-ui="paper-editorial"]) .usk-file-upload:focus-within, :where([data-ui="paper-editorial"]) .ui-file-upload:focus-within {
    outline: 2px solid var(--paper-sheet-focus);
    outline-offset: 2px;
  }

  .paper-input-icon {
    inset-inline-start: 8px;
    width: 18px;
    height: 18px;
    color: var(--paper-sheet-blue-ink);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .paper-search {
    display: block;
  }

  .paper-search:before {
    content: none;
  }

  .paper-panel, .paper-card, .paper-feature-strip, .paper-card-service, .paper-callout-bar, :where([data-ui="paper-editorial"]) .usk-card, :where([data-ui="paper-editorial"]) .ui-card {
    background: var(--paper-sheet-paper-raised);
    box-shadow: none;
    border-radius: 1px;
  }

  [data-ui="paper-editorial"][data-mode] :where(fieldset, article, aside) {
    background-image: none;
  }

  .paper-button, .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-icon-button {
    box-shadow: none;
    clip-path: none;
    font-family: var(--paper-sheet-sans);
    text-shadow: none;
    border-radius: 1px;
  }

  .paper-button-primary:is(:hover,.is-hovered), :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="primary"]):is(:hover,.is-hovered), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="primary"]):is(:hover,.is-hovered) {
    background: var(--paper-primary-hover);
    color: var(--paper-on-primary);
  }

  .paper-button-secondary, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="secondary"]) {
    color: var(--paper-sheet-blue-ink);
    border-color: var(--paper-sheet-blue);
    background: none;
  }

  .paper-button-danger, :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="danger"]) {
    color: var(--paper-sheet-danger);
    border-color: var(--paper-sheet-danger);
    background: none;
  }

  .paper-button-danger:is(:hover,.is-hovered), :where([data-ui="paper-editorial"]) .usk-button:where([data-ui-variant="danger"]):is(:hover,.is-hovered), :where([data-ui="paper-editorial"]) .ui-button:where([data-ui-variant="danger"]):is(:hover,.is-hovered) {
    background: var(--paper-danger);
    color: var(--paper-on-danger);
  }

  .paper-button-text {
    color: var(--paper-sheet-blue-ink);
  }

  .paper-button-loading:before {
    aspect-ratio: 1;
    flex: 0 0 12px;
  }

  .paper-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"]:after {
    content: none;
  }

  .paper-kicker, .paper-section-index button.is-active {
    color: var(--paper-sheet-oxblood-ink);
  }

  .paper-section-title {
    color: var(--paper-sheet-ink);
    padding-right: 48px;
    font-size: 14px;
    line-height: 1.3;
  }

  .paper-section-title b {
    flex: 0 0 22px;
    height: 22px;
  }

  .paper-input, .paper-select, .paper-textarea, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .usk-select, :where([data-ui="paper-editorial"]) .usk-textarea, :where([data-ui="paper-editorial"]) .ui-input, :where([data-ui="paper-editorial"]) .ui-select, :where([data-ui="paper-editorial"]) .ui-textarea {
    box-shadow: none;
    font-family: var(--paper-sheet-serif);
  }

  .paper-check input:not(:has(+:is(.paper-check-control,[class~="usk-check-control"],[class~="ui-check-control"]))), .paper-radio input:not(:has(+:is(.paper-radio-control,[class~="usk-radio-control"],[class~="ui-radio-control"]))), :where([data-ui="paper-editorial"]) .usk-check input:not(:has(+.usk-check-control)), :where([data-ui="paper-editorial"]) .usk-radio input:not(:has(+.usk-radio-control)), :where([data-ui="paper-editorial"]) .ui-check input:not(:has(+.ui-check-control)), :where([data-ui="paper-editorial"]) .ui-radio input:not(:has(+.ui-radio-control)) {
    opacity: 1;
    pointer-events: auto;
    background-image: none;
    flex: 0 0 15px;
    position: relative;
  }

  .paper-check input:checked:after, :where([data-ui="paper-editorial"]) .usk-check input:checked:after, :where([data-ui="paper-editorial"]) .ui-check input:checked:after {
    border-color: var(--paper-sheet-on-blue);
  }

  .paper-switch:has(>input):before, .paper-switch:has(>input):after, :where([data-ui="paper-editorial"]) .usk-switch:has(>input):before, :where([data-ui="paper-editorial"]) .usk-switch:has(>input):after, :where([data-ui="paper-editorial"]) .ui-switch:has(>input):before, :where([data-ui="paper-editorial"]) .ui-switch:has(>input):after {
    content: none;
  }

  .paper-switch:has(>input), :where([data-ui="paper-editorial"]) .usk-switch:has(>input), :where([data-ui="paper-editorial"]) .ui-switch:has(>input) {
    width: auto;
    height: auto;
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .paper-switch>input, :where([data-ui="paper-editorial"]) .usk-switch>input, :where([data-ui="paper-editorial"]) .ui-switch>input {
    opacity: 1;
    background: none;
    border: 0;
    min-width: 39px;
  }

  .paper-switch input:checked:after, :where([data-ui="paper-editorial"]) .usk-switch input:checked:after, :where([data-ui="paper-editorial"]) .ui-switch input:checked:after {
    background: var(--paper-sheet-on-blue);
  }

  .paper-switch input:disabled, :where([data-ui="paper-editorial"]) .usk-switch input:disabled, :where([data-ui="paper-editorial"]) .ui-switch input:disabled {
    opacity: .5;
  }

  .paper-badge, :where([data-ui="paper-editorial"]) .usk-badge, :where([data-ui="paper-editorial"]) .ui-badge {
    box-shadow: none;
    background: none;
    border-radius: 0;
    min-height: 22px;
    font-size: 10px;
  }

  .paper-badge-primary, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--paper-sheet-blue);
    color: var(--paper-sheet-on-blue);
    border-color: var(--paper-sheet-blue);
  }

  .paper-badge-success, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="success"]) {
    color: var(--paper-success);
    border-color: currentColor;
  }

  .paper-badge-warning, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="warning"]) {
    color: var(--paper-warning);
    border-color: currentColor;
  }

  .paper-badge-danger, :where([data-ui="paper-editorial"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="paper-editorial"]) .ui-badge:where([data-ui-variant="danger"]) {
    color: var(--paper-danger);
    border-color: currentColor;
  }

  .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
    background: var(--paper-sheet-paper-raised);
    box-shadow: none;
    color: var(--paper-sheet-ink);
    border-radius: 0;
  }

  .paper-alert:before, :where([data-ui="paper-editorial"]) .usk-alert:before, :where([data-ui="paper-editorial"]) .ui-alert:before {
    flex: 0 0 14px;
  }

  .paper-alert p, :where([data-ui="paper-editorial"]) .usk-alert p, :where([data-ui="paper-editorial"]) .ui-alert p {
    margin-left: 22px;
  }

  .paper-alert button, :where([data-ui="paper-editorial"]) .usk-alert button, :where([data-ui="paper-editorial"]) .ui-alert button {
    min-width: 24px;
    min-height: 24px;
    box-shadow: none;
    padding: 0;
  }

  .paper-table-wrap, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .ui-table-wrap {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
    overflow-x: auto;
  }

  .paper-table, .paper-table th, .paper-table td, :where([data-ui="paper-editorial"]) .usk-table, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .usk-table td, :where([data-ui="paper-editorial"]) .ui-table, :where([data-ui="paper-editorial"]) .ui-table th, :where([data-ui="paper-editorial"]) .ui-table td {
    box-shadow: none;
    background: none;
    border-inline: 0;
  }

  .paper-table th, :where([data-ui="paper-editorial"]) .usk-table th, :where([data-ui="paper-editorial"]) .ui-table th {
    text-transform: uppercase;
  }

  .paper-progress, .paper-meter, :where([data-ui="paper-editorial"]) .usk-progress, :where([data-ui="paper-editorial"]) .ui-progress {
    box-shadow: none;
    border-radius: 0;
  }

  .paper-progress-bar, :where([data-ui="paper-editorial"]) .usk-progress-bar, :where([data-ui="paper-editorial"]) .ui-progress-bar {
    background: var(--paper-sheet-blue);
    border-radius: 0;
  }

  .paper-stage {
    border: 1px solid var(--paper-sheet-rule);
    justify-content: center;
    align-items: center;
    min-height: 48px;
    margin: 0;
    padding: 10px;
    font-size: 10px;
    display: flex;
  }

  .paper-stage:not(:last-child) {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  }

  .paper-stage.is-active {
    background: var(--paper-sheet-blue);
    color: var(--paper-sheet-on-blue);
  }

  .paper-spinner, :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
    width: 24px;
    min-width: 24px;
    height: 24px;
    box-shadow: none;
    clip-path: none;
    background: none;
    padding: 0;
  }

  .paper-spinner:before, .paper-spinner:after, :where([data-ui="paper-editorial"]) .usk-spinner:before, :where([data-ui="paper-editorial"]) .usk-spinner:after, :where([data-ui="paper-editorial"]) .ui-spinner:before, :where([data-ui="paper-editorial"]) .ui-spinner:after {
    content: none;
  }

  .paper-dialog {
    border-radius: 1px;
  }

  dialog.paper-dialog {
    margin: auto;
  }

  dialog.paper-dialog:not([open]) {
    display: none;
  }

  .paper-dialog h3 {
    font: 700 16px var(--paper-sheet-display);
    text-transform: uppercase;
    margin: 0;
  }

  .paper-tooltip, [data-ui="paper-editorial"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="paper-editorial"]) .usk-tooltip, :where([data-ui="paper-editorial"]) .ui-tooltip {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .paper-dropcap {
    display: flow-root;
  }

  .paper-marginalia {
    background: none;
  }

  [data-ui="paper-editorial"] .paper-section-index button {
    border: 0;
    border-right: 1px solid var(--paper-sheet-rule);
    box-shadow: none;
    color: var(--paper-sheet-ink-soft);
    background: none;
  }

  [data-ui="paper-editorial"] .paper-section-index button.is-active {
    color: var(--paper-sheet-oxblood-ink);
  }

  [data-ui="paper-editorial"] :is(.paper-chip,.paper-alert) button, :where([data-ui="paper-editorial"]) :is(.usk-chip,.usk-alert) button, :where([data-ui="paper-editorial"]) :is(.ui-chip,.ui-alert) button {
    color: inherit;
    box-shadow: none;
    background: none;
    border: 0;
    min-height: 24px;
    padding: 0;
  }

  [data-ui="paper-editorial"] :is(.paper-input,.paper-select,.paper-textarea), :where([data-ui="paper-editorial"]) :is(.usk-input,.usk-select,.usk-textarea), :where([data-ui="paper-editorial"]) :is(.ui-input,.ui-select,.ui-textarea) {
    font-weight: 400;
  }

  [data-ui="paper-editorial"][data-mode] .paper-radio input:before, :where([data-ui="paper-editorial"])[data-mode] .usk-radio input:before, :where([data-ui="paper-editorial"])[data-mode] .ui-radio input:before {
    content: none;
  }

  [data-ui="paper-editorial"][data-mode] .paper-radio input:not(:has(+:is(.paper-radio-control,[class~="usk-radio-control"],[class~="ui-radio-control"]))), :where([data-ui="paper-editorial"])[data-mode] .usk-radio input:not(:has(+.usk-radio-control)), :where([data-ui="paper-editorial"])[data-mode] .ui-radio input:not(:has(+.ui-radio-control)) {
    background: var(--paper-sheet-paper);
    border-color: var(--paper-sheet-rule);
    box-shadow: none;
  }

  [data-ui="paper-editorial"][data-mode] .paper-radio input:after, :where([data-ui="paper-editorial"])[data-mode] .usk-radio input:after, :where([data-ui="paper-editorial"])[data-mode] .ui-radio input:after {
    content: none;
  }

  [data-ui="paper-editorial"][data-mode] .paper-radio input:checked:after, :where([data-ui="paper-editorial"])[data-mode] .usk-radio input:checked:after, :where([data-ui="paper-editorial"])[data-mode] .ui-radio input:checked:after {
    content: "";
    background: var(--paper-sheet-blue);
    width: auto;
    height: auto;
    inset: 3px;
    transform: none;
  }

  .paper-select-wrap {
    display: block;
  }

  .paper-empty-state, :where([data-ui="paper-editorial"]) .usk-empty-state, :where([data-ui="paper-editorial"]) .ui-empty-state {
    min-height: 0;
    box-shadow: none;
    background: none;
    border: 0;
  }

  .paper-pullquote {
    background: none;
    border-inline: 0;
  }

  .paper-swatch code {
    background: none;
    border: 0;
    padding: 0;
  }

  .paper-table caption, :where([data-ui="paper-editorial"]) .usk-table caption, :where([data-ui="paper-editorial"]) .ui-table caption {
    caption-side: top;
  }

  .paper-nav, :where([data-ui="paper-editorial"]) .usk-nav, :where([data-ui="paper-editorial"]) .ui-nav {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid var(--paper-sheet-rule);
    background: none;
  }

  .paper-nav-link, :where([data-ui="paper-editorial"]) .usk-nav-link, :where([data-ui="paper-editorial"]) .ui-nav-link {
    color: var(--paper-sheet-ink);
    border: 0;
    box-shadow: none;
    background: none;
    border-bottom: 3px solid #0000;
    border-radius: 0;
  }

  .paper-nav-link:is(.is-active,[aria-current="page"]), :where([data-ui="paper-editorial"]) .usk-nav-link:is(.is-active,[aria-current="page"]), :where([data-ui="paper-editorial"]) .ui-nav-link:is(.is-active,[aria-current="page"]) {
    color: var(--paper-sheet-ink);
    border-bottom-color: var(--paper-primary);
    background: none;
  }

  .paper-tabs, :where([data-ui="paper-editorial"]) .usk-tabs, :where([data-ui="paper-editorial"]) .ui-tabs {
    border: 1px solid var(--paper-sheet-rule);
  }

  .paper-tab, :where([data-ui="paper-editorial"]) .usk-tab, :where([data-ui="paper-editorial"]) .ui-tab {
    border-right: 1px solid var(--paper-sheet-rule);
    border-bottom: 0;
    margin: 0;
  }

  .paper-tab:is(.is-active,[aria-selected="true"]), :where([data-ui="paper-editorial"]) .usk-tab:is(.is-active,[aria-selected="true"]), :where([data-ui="paper-editorial"]) .ui-tab:is(.is-active,[aria-selected="true"]) {
    color: var(--paper-on-primary);
    background: var(--paper-primary);
  }

  .paper-meter {
    background: linear-gradient(to right,var(--paper-sheet-green)0 40%,var(--paper-sheet-ochre) 40% 70%,var(--paper-sheet-danger) 70% 100%);
  }

  .paper-meter::-webkit-meter-bar {
    background: inherit;
  }

  .paper-meter::-webkit-meter-optimum-value {
    background: none;
  }

  .paper-meter::-webkit-meter-suboptimum-value {
    background: none;
  }

  .paper-meter::-webkit-meter-even-less-good-value {
    background: none;
  }

  .paper-meter::-moz-meter-bar {
    background: none;
  }

  .paper-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right,var(--paper-sheet-blue)0 var(--paper-slider-value, 50%),var(--paper-sheet-rule) var(--paper-slider-value, 50%) 100%);
    height: 3px;
  }

  .paper-slider::-webkit-slider-thumb {
    margin-top: -7px;
  }

  [data-ui="paper-editorial"][data-mode] {
    --usk-native-choice-background: var(--paper-sheet-paper);
    --usk-native-choice-shadow: none;
    --usk-native-choice-checked-background: var(--paper-sheet-blue);
    --usk-native-choice-mark-color: var(--paper-sheet-on-blue);
  }

  .paper-check input:checked+.paper-check-control, :where([data-ui="paper-editorial"]) .usk-check input:checked+.usk-check-control, :where([data-ui="paper-editorial"]) .ui-check input:checked+.ui-check-control {
    background: var(--paper-sheet-blue);
    border-color: var(--paper-sheet-blue);
    box-shadow: none;
  }

  .paper-check input:checked+.paper-check-control:after, :where([data-ui="paper-editorial"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="paper-editorial"]) .ui-check input:checked+.ui-check-control:after {
    color: var(--paper-sheet-on-blue);
  }

  .paper-radio input:checked+.paper-radio-control, :where([data-ui="paper-editorial"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="paper-editorial"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--paper-sheet-paper);
    border-color: var(--paper-sheet-blue);
    box-shadow: none;
  }

  .paper-radio input:checked+.paper-radio-control:after, :where([data-ui="paper-editorial"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="paper-editorial"]) .ui-radio input:checked+.ui-radio-control:after {
    background: var(--paper-sheet-blue);
  }

  .paper-switch input:checked+.paper-switch-track, :where([data-ui="paper-editorial"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="paper-editorial"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--paper-sheet-blue);
    border-color: var(--paper-sheet-blue);
  }

  .paper-switch input:checked+.paper-switch-track .paper-switch-thumb, :where([data-ui="paper-editorial"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="paper-editorial"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--paper-sheet-on-blue);
  }

  .paper-switch input:has(+.paper-switch-track), :where([data-ui="paper-editorial"]) .usk-switch input:has(+.usk-switch-track), :where([data-ui="paper-editorial"]) .ui-switch input:has(+.ui-switch-track) {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .paper-switch input:not(:has(+:is(.paper-switch-track,[class~="usk-switch-track"],[class~="ui-switch-track"]))), :where([data-ui="paper-editorial"]) .usk-switch input:not(:has(+.usk-switch-track)), :where([data-ui="paper-editorial"]) .ui-switch input:not(:has(+.ui-switch-track)) {
    pointer-events: auto;
  }

  .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: .25rem .5rem;
    padding-inline-start: 2.75rem;
    display: grid;
    position: relative;
  }

  .paper-alert:before, :where([data-ui="paper-editorial"]) .usk-alert:before, :where([data-ui="paper-editorial"]) .ui-alert:before {
    place-items: center;
    block-size: 1.5rem;
    min-block-size: 0;
    inline-size: 1.5rem;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    font: 700 1.25rem / 1 Segoe UI Symbol, Arial, sans-serif;
    display: grid;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: .75rem;
    transform: translateY(-50%);
  }

  .paper-alert>:is(p,strong,span,div), :where([data-ui="paper-editorial"]) .usk-alert>:is(p,strong,span,div), :where([data-ui="paper-editorial"]) .ui-alert>:is(p,strong,span,div) {
    min-inline-size: 0;
    width: auto;
    margin: 0;
  }

  .paper-alert:has(>button), :where([data-ui="paper-editorial"]) .usk-alert:has(>button), :where([data-ui="paper-editorial"]) .ui-alert:has(>button) {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .paper-alert>button, :where([data-ui="paper-editorial"]) .usk-alert>button, :where([data-ui="paper-editorial"]) .ui-alert>button {
    align-self: center;
    margin: 0;
  }

  .paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
    block-size: 24px;
    inline-size: 24px;
    border: 2px solid var(--paper-sheet-rule-soft);
    border-right-color: var(--paper-sheet-blue);
    min-width: 24px;
    box-shadow: none;
    clip-path: none;
    background: none;
    border-radius: 50%;
    padding: 0;
    animation: .75s linear infinite paper-sheet-spin;
  }

  :is(.paper-spinner,.paper-loading-spinner).paper-spinner-sm, :where([data-ui="paper-editorial"]) :is(.usk-spinner,.paper-loading-spinner).paper-spinner-sm, :where([data-ui="paper-editorial"]) :is(.ui-spinner,.paper-loading-spinner).paper-spinner-sm {
    width: 16px;
    height: 16px;
    block-size: 16px;
    inline-size: 16px;
    min-width: 16px;
  }

  :is(.paper-spinner,.paper-loading-spinner).paper-spinner-lg, :where([data-ui="paper-editorial"]) :is(.usk-spinner,.paper-loading-spinner).paper-spinner-lg, :where([data-ui="paper-editorial"]) :is(.ui-spinner,.paper-loading-spinner).paper-spinner-lg {
    width: 48px;
    height: 48px;
    block-size: 48px;
    inline-size: 48px;
  }

  .paper-button[aria-busy="true"]:not(.paper-button-loading):after, .paper-icon-button[aria-busy="true"]:after, [data-ui="paper-editorial"] :where(button[aria-busy="true"]:not(.paper-button-loading)):after, :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"]:not(.paper-button-loading):after, :where([data-ui="paper-editorial"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"]:not(.paper-button-loading):after, :where([data-ui="paper-editorial"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    width: 12px;
    height: 12px;
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px solid;
    border-right-color: #0000;
    border-radius: 50%;
    animation: .75s linear infinite paper-sheet-spin;
  }

  [data-ui="paper-editorial"] :is(.paper-pagination,.paper-segmented) button, :where([data-ui="paper-editorial"]) :is(.usk-pagination,.paper-segmented) button, :where([data-ui="paper-editorial"]) :is(.ui-pagination,.paper-segmented) button {
    box-shadow: none;
    color: var(--paper-sheet-ink);
    border: 1px solid var(--paper-sheet-rule);
    background: none;
    border-radius: 0;
  }

  [data-ui="paper-editorial"] :is(.paper-pagination button[aria-current="page"],.paper-segmented button[aria-pressed="true"]), :where([data-ui="paper-editorial"]) :is(.usk-pagination button[aria-current="page"],.paper-segmented button[aria-pressed="true"]), :where([data-ui="paper-editorial"]) :is(.ui-pagination button[aria-current="page"],.paper-segmented button[aria-pressed="true"]) {
    background: var(--paper-primary);
    color: var(--paper-on-primary);
  }

  @media (prefers-reduced-motion: reduce) {
    .paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), .paper-skeleton, .paper-button-loading:before, .paper-button[aria-busy="true"]:not(.paper-button-loading):after, .paper-icon-button[aria-busy="true"]:after, [data-ui="paper-editorial"] :where(button[aria-busy="true"]):after, :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .usk-skeleton, :where([data-ui="paper-editorial"]) .usk-button[aria-busy="true"]:not(.paper-button-loading):after, :where([data-ui="paper-editorial"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="paper-editorial"]) .ui-spinner, :where([data-ui="paper-editorial"]) .ui-skeleton, :where([data-ui="paper-editorial"]) .ui-button[aria-busy="true"]:not(.paper-button-loading):after, :where([data-ui="paper-editorial"]) .ui-icon-button[aria-busy="true"]:after {
      animation-name: none;
    }
  }

  @media (pointer: coarse) {
    .paper-button, .paper-icon-button, .paper-tab, .paper-section-index button, .paper-pagination button, .paper-segmented button, .paper-check, .paper-radio, .paper-switch, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .usk-tab, :where([data-ui="paper-editorial"]) .usk-pagination button, :where([data-ui="paper-editorial"]) .usk-check, :where([data-ui="paper-editorial"]) .usk-radio, :where([data-ui="paper-editorial"]) .usk-switch, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-icon-button, :where([data-ui="paper-editorial"]) .ui-tab, :where([data-ui="paper-editorial"]) .ui-pagination button, :where([data-ui="paper-editorial"]) .ui-check, :where([data-ui="paper-editorial"]) .ui-radio, :where([data-ui="paper-editorial"]) .ui-switch {
      min-height: 44px;
    }
  }

  @media (forced-colors: active) {
    .paper-sheet {
      background-image: none;
    }

    .paper-button, .paper-input, .paper-check input, .paper-radio input, :where([data-ui="paper-editorial"]) .usk-button, :where([data-ui="paper-editorial"]) .usk-input, :where([data-ui="paper-editorial"]) .usk-check input, :where([data-ui="paper-editorial"]) .usk-radio input, :where([data-ui="paper-editorial"]) .ui-button, :where([data-ui="paper-editorial"]) .ui-input, :where([data-ui="paper-editorial"]) .ui-check input, :where([data-ui="paper-editorial"]) .ui-radio input {
      border-color: buttontext;
    }
  }

  [data-ui="paper-editorial"][data-mode] .paper-button.paper-button-warning, :where([data-ui="paper-editorial"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="paper-editorial"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    background: var(--paper-warning);
    color: var(--paper-on-warning);
    border-color: var(--paper-warning);
    text-shadow: none;
  }
}


/* styles/neo-noir.css (visual paint) */
@layer ui-style-kit.presets {
  :root {
    --noir-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --noir-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
    --noir-font-body: var(--noir-font-sans);
    --noir-font-heading: var(--noir-font-display);
    --noir-font-control: var(--noir-font-display);
    --noir-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --noir-radius-xs: .25rem;
    --noir-radius-sm: .5rem;
    --noir-radius-md: .75rem;
    --noir-radius-lg: 1.125rem;
    --noir-radius-xl: calc(1.125rem + .5rem);
    --noir-radius-pill: 999px;
    --noir-space-1: .25rem;
    --noir-space-2: .5rem;
    --noir-space-3: .75rem;
    --noir-space-4: 1rem;
    --noir-space-5: 1.25rem;
    --noir-space-6: 1.5rem;
    --noir-space-8: 2rem;
    --noir-transition-fast: .15s ease;
    --noir-transition-base: .24s ease;
  }

  [data-ui="neo-noir"][data-mode="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --noir-fallback-bg-rgb: 244 245 248;
    --noir-fallback-surface-rgb: 255 255 255;
    --noir-fallback-surface-strong-rgb: 251 252 255;
    --noir-fallback-surface-soft-rgb: 230 232 240;
    --noir-fallback-text-rgb: 20 17 28;
    --noir-fallback-text-muted-rgb: 95 90 104;
    --noir-fallback-border-rgb: 198 199 209;
    --noir-fallback-primary-rgb: 140 26 120;
    --noir-fallback-primary-hover-rgb: 114 21 98;
    --noir-fallback-primary-text-rgb: 255 255 255;
    --noir-fallback-secondary-rgb: 33 58 85;
    --noir-fallback-secondary-hover-rgb: 23 42 62;
    --noir-fallback-secondary-text-rgb: 255 255 255;
    --noir-fallback-accent-rgb: 46 117 144;
    --noir-fallback-accent-text-rgb: 255 255 255;
    --noir-fallback-success-rgb: 47 114 82;
    --noir-fallback-success-text-rgb: 255 255 255;
    --noir-fallback-warning-rgb: 152 100 0;
    --noir-fallback-warning-text-rgb: 255 255 255;
    --noir-fallback-danger-rgb: 168 40 90;
    --noir-fallback-danger-text-rgb: 255 255 255;
    --noir-fallback-link-rgb: 114 21 98;
    --noir-fallback-focus-rgb: 168 48 160;
    --noir-panel-alpha: .98;
    --noir-panel-soft-alpha: .78;
    --noir-border-alpha: .58;
    --noir-shadow-alpha: .12;
    --noir-focus-alpha: .34;
  }

  [data-ui="neo-noir"][data-mode="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --noir-fallback-bg-rgb: 9 7 20;
    --noir-fallback-surface-rgb: 17 11 27;
    --noir-fallback-surface-strong-rgb: 27 16 43;
    --noir-fallback-surface-soft-rgb: 13 9 22;
    --noir-fallback-text-rgb: 246 244 250;
    --noir-fallback-text-muted-rgb: 188 179 199;
    --noir-fallback-border-rgb: 75 50 92;
    --noir-fallback-primary-rgb: 226 74 196;
    --noir-fallback-primary-hover-rgb: 255 114 223;
    --noir-fallback-primary-text-rgb: 0 0 0;
    --noir-fallback-secondary-rgb: 75 166 201;
    --noir-fallback-secondary-hover-rgb: 120 197 226;
    --noir-fallback-secondary-text-rgb: 0 0 0;
    --noir-fallback-accent-rgb: 255 122 225;
    --noir-fallback-accent-text-rgb: 0 0 0;
    --noir-fallback-success-rgb: 138 214 175;
    --noir-fallback-success-text-rgb: 0 0 0;
    --noir-fallback-warning-rgb: 255 210 122;
    --noir-fallback-warning-text-rgb: 0 0 0;
    --noir-fallback-danger-rgb: 255 122 159;
    --noir-fallback-danger-text-rgb: 0 0 0;
    --noir-fallback-link-rgb: 255 122 225;
    --noir-fallback-focus-rgb: 255 122 225;
    --noir-panel-alpha: .92;
    --noir-panel-soft-alpha: .64;
    --noir-border-alpha: .52;
    --noir-shadow-alpha: .34;
    --noir-focus-alpha: .42;
  }

  [data-ui="neo-noir"][data-mode="contrast"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --noir-fallback-bg-rgb: 0 0 0;
    --noir-fallback-surface-rgb: 9 5 18;
    --noir-fallback-surface-strong-rgb: 22 10 36;
    --noir-fallback-surface-soft-rgb: 0 0 0;
    --noir-fallback-text-rgb: 255 255 255;
    --noir-fallback-text-muted-rgb: 248 242 255;
    --noir-fallback-border-rgb: 255 255 255;
    --noir-fallback-primary-rgb: 255 89 215;
    --noir-fallback-primary-hover-rgb: 255 255 255;
    --noir-fallback-primary-text-rgb: 0 0 0;
    --noir-fallback-secondary-rgb: 0 215 255;
    --noir-fallback-secondary-hover-rgb: 255 255 255;
    --noir-fallback-secondary-text-rgb: 0 0 0;
    --noir-fallback-accent-rgb: 255 146 230;
    --noir-fallback-accent-text-rgb: 0 0 0;
    --noir-fallback-success-rgb: 0 255 144;
    --noir-fallback-success-text-rgb: 0 0 0;
    --noir-fallback-warning-rgb: 255 212 0;
    --noir-fallback-warning-text-rgb: 0 0 0;
    --noir-fallback-danger-rgb: 255 102 139;
    --noir-fallback-danger-text-rgb: 0 0 0;
    --noir-fallback-link-rgb: 255 123 224;
    --noir-fallback-focus-rgb: 255 255 255;
    --noir-panel-alpha: 1;
    --noir-panel-soft-alpha: .92;
    --noir-border-alpha: 1;
    --noir-shadow-alpha: .5;
    --noir-focus-alpha: .72;
  }

  [data-ui="neo-noir"][data-theme][data-mode] {
    --noir-bg-rgb: var(--usk-bg-rgb);
    --noir-surface-rgb: var(--usk-surface-rgb);
    --noir-surface-strong-rgb: var(--usk-surface-strong-rgb);
    --noir-surface-soft-rgb: var(--usk-surface-soft-rgb);
    --noir-text-rgb: var(--usk-text-rgb);
    --noir-text-muted-rgb: var(--usk-text-muted-rgb);
    --noir-border-rgb: var(--usk-border-rgb);
    --noir-primary-rgb: var(--usk-primary-rgb);
    --noir-primary-hover-rgb: var(--usk-primary-hover-rgb);
    --noir-primary-text-rgb: var(--usk-primary-text-rgb);
    --noir-secondary-rgb: var(--usk-secondary-rgb);
    --noir-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
    --noir-secondary-text-rgb: var(--usk-secondary-text-rgb);
    --noir-accent-rgb: var(--usk-accent-rgb);
    --noir-accent-text-rgb: var(--usk-accent-text-rgb);
    --noir-success-rgb: var(--usk-success-rgb);
    --noir-success-text-rgb: var(--usk-success-text-rgb);
    --noir-warning-rgb: var(--usk-warning-rgb);
    --noir-warning-text-rgb: var(--usk-warning-text-rgb);
    --noir-danger-rgb: var(--usk-danger-rgb);
    --noir-danger-text-rgb: var(--usk-danger-text-rgb);
    --noir-link-rgb: var(--usk-link-rgb);
    --noir-focus-rgb: var(--usk-focus-rgb);
  }

  [data-ui="neo-noir"][data-mode] {
    --usk-native-bg: var(--noir-bg);
    --noir-bg-rgb: var(--usk-bg-rgb, var(--noir-fallback-bg-rgb));
    --noir-surface-rgb: var(--usk-surface-rgb, var(--noir-fallback-surface-rgb));
    --noir-surface-strong-rgb: var(--usk-surface-strong-rgb, var(--noir-fallback-surface-strong-rgb));
    --noir-surface-soft-rgb: var(--usk-surface-soft-rgb, var(--noir-fallback-surface-soft-rgb));
    --noir-text-rgb: var(--usk-text-rgb, var(--noir-fallback-text-rgb));
    --noir-text-muted-rgb: var(--usk-text-muted-rgb, var(--noir-fallback-text-muted-rgb));
    --noir-border-rgb: var(--usk-border-rgb, var(--noir-fallback-border-rgb));
    --noir-primary-rgb: var(--usk-primary-rgb, var(--noir-fallback-primary-rgb));
    --noir-primary-hover-rgb: var(--usk-primary-hover-rgb, var(--noir-fallback-primary-hover-rgb));
    --noir-primary-text-rgb: var(--usk-primary-text-rgb, var(--noir-fallback-primary-text-rgb));
    --noir-secondary-rgb: var(--usk-secondary-rgb, var(--noir-fallback-secondary-rgb));
    --noir-secondary-hover-rgb: var(--usk-secondary-hover-rgb, var(--noir-fallback-secondary-hover-rgb));
    --noir-secondary-text-rgb: var(--usk-secondary-text-rgb, var(--noir-fallback-secondary-text-rgb));
    --noir-accent-rgb: var(--usk-accent-rgb, var(--noir-fallback-accent-rgb));
    --noir-accent-text-rgb: var(--usk-accent-text-rgb, var(--noir-fallback-accent-text-rgb));
    --noir-success-rgb: var(--usk-success-rgb, var(--noir-fallback-success-rgb));
    --noir-success-text-rgb: var(--usk-success-text-rgb, var(--noir-fallback-success-text-rgb));
    --noir-warning-rgb: var(--usk-warning-rgb, var(--noir-fallback-warning-rgb));
    --noir-warning-text-rgb: var(--usk-warning-text-rgb, var(--noir-fallback-warning-text-rgb));
    --noir-danger-rgb: var(--usk-danger-rgb, var(--noir-fallback-danger-rgb));
    --noir-danger-text-rgb: var(--usk-danger-text-rgb, var(--noir-fallback-danger-text-rgb));
    --noir-link-rgb: var(--usk-link-rgb, var(--noir-fallback-link-rgb));
    --noir-focus-rgb: var(--usk-focus-rgb, var(--noir-fallback-focus-rgb));
    --usk-native-surface: var(--noir-surface);
    --usk-native-surface-strong: var(--noir-surface-strong);
    --usk-native-surface-soft: var(--noir-surface-soft);
    --usk-native-card-bg: var(--noir-card-bg);
    --usk-native-control-bg: var(--noir-control-bg);
    --usk-native-text: var(--noir-text);
    --usk-native-text-muted: var(--noir-text-muted);
    --usk-native-border: var(--noir-border);
    --usk-native-primary: var(--noir-primary);
    --usk-native-primary-hover: var(--noir-primary-hover);
    --usk-native-on-primary: var(--noir-on-primary);
    --usk-native-secondary: var(--noir-secondary);
    --usk-native-on-secondary: var(--noir-on-secondary);
    --usk-native-accent: var(--noir-accent);
    --usk-native-on-accent: var(--noir-on-accent);
    --usk-native-on-success: var(--noir-on-success);
    --usk-native-on-warning: var(--noir-on-warning);
    --usk-native-on-danger: var(--noir-on-danger);
    --usk-native-focus: var(--noir-focus);
    --usk-native-success: var(--noir-success);
    --usk-native-warning: var(--noir-warning);
    --usk-native-danger: var(--noir-danger);
    --usk-native-link: var(--noir-link);
    --usk-native-font-body: var(--noir-font-body);
    --usk-native-font-heading: var(--noir-font-heading);
    --usk-native-font-control: var(--noir-font-control);
    --usk-native-font-mono: var(--noir-font-mono);
    --usk-native-radius-sm: var(--noir-radius-sm);
    --usk-native-radius: var(--noir-radius-md);
    --usk-native-radius-lg: var(--noir-radius-lg);
    --usk-native-shadow: var(--noir-shadow-sm, none);
    --usk-native-shadow-md: var(--noir-shadow-md, var(--usk-native-shadow));
    --usk-native-focus-ring: var(--noir-focus-ring, 0 0 0 3px rgb(var(--noir-focus-rgb) / .28));
    --usk-native-border-width: 1px;
    --usk-native-field-gap: .5rem;
    --usk-native-panel-padding: var(--noir-space-5);
    --usk-native-control-min-block-size: 3rem;
    --usk-native-control-padding-block: .74rem;
    --usk-native-control-padding-inline: 1rem;
    --usk-native-subcontrol-padding-block: .58rem;
    --usk-native-subcontrol-padding-inline: .8rem;
    --usk-native-choice-size: 1.45rem;
    --usk-native-choice-background: var(--noir-control-bg);
    --usk-native-choice-border: 1px solid var(--noir-border);
    --usk-native-checkbox-radius: .08rem .38rem;
    --usk-native-radio-radius: 44% 56%;
    --usk-native-choice-shadow: 0 0 12px var(--noir-primary);
    --usk-native-choice-checked-background: var(--noir-primary);
    --usk-native-choice-mark-color: var(--noir-on-primary);
    --usk-native-select-indicator-image: linear-gradient(84deg, transparent 50%, var(--noir-primary) 50%), linear-gradient(96deg, var(--noir-primary) 50%, transparent 50%);
    --usk-native-select-indicator-size: .5rem .5rem, .5rem .5rem;
    --usk-native-select-indicator-position: calc(100% - 1.24rem) 50%, calc(100% - .9rem) 50%;
    --usk-native-select-padding-inline-end: 2.7rem;
    --usk-native-range-track-size: .42rem;
    --usk-native-range-track-background: var(--noir-surface-soft);
    --usk-native-range-track-border: 1px solid var(--noir-border);
    --usk-native-range-track-radius: 0 .28rem;
    --usk-native-range-track-shadow: 0 0 12px var(--noir-primary);
    --usk-native-range-progress-background: var(--noir-primary);
    --usk-native-range-thumb-size: 1.35rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--noir-border);
    --usk-native-range-thumb-radius: 44% 56%;
    --usk-native-range-thumb-shadow: 0 0 12px var(--noir-primary);
    --usk-native-progress-size: .68rem;
    --usk-native-progress-track-background: var(--noir-surface-soft);
    --usk-native-progress-track-border: 1px solid var(--noir-border);
    --usk-native-progress-track-radius: 0 .3rem;
    --usk-native-progress-track-shadow: 0 0 12px var(--noir-primary);
    --usk-native-progress-value-background: var(--noir-primary);
    --usk-native-progress-value-radius: 0 .3rem;
    --usk-native-progress-value-shadow: 0 0 12px var(--noir-primary);
    --usk-native-meter-optimum-background: var(--noir-success);
    --usk-native-meter-suboptimum-background: var(--noir-warning);
    --usk-native-meter-critical-background: var(--noir-danger);
    --usk-native-file-button-background: var(--noir-primary);
    --usk-native-file-button-border: 1px solid var(--noir-border);
    --usk-native-file-button-radius: .08rem .38rem;
    --usk-native-file-button-shadow: 0 0 12px var(--noir-primary);
    --usk-native-color-swatch-border: 1px solid var(--noir-border);
    --usk-native-color-swatch-radius: .08rem .38rem;
    --usk-native-indicator-opacity: .92;
    --usk-native-indicator-filter: none;
    --usk-native-scrollbar-size: .72rem;
    --usk-native-scrollbar-track: var(--noir-surface-soft);
    --usk-native-scrollbar-thumb: var(--noir-primary);
    --usk-native-scrollbar-radius: 0 .3rem;
    --noir-bg: rgb(var(--noir-bg-rgb));
    --noir-surface: rgb(var(--noir-surface-rgb) / var(--noir-panel-alpha));
    --noir-surface-strong: rgb(var(--noir-surface-strong-rgb) / var(--noir-panel-alpha));
    --noir-surface-soft: rgb(var(--noir-surface-soft-rgb) / var(--noir-panel-soft-alpha));
    --noir-text: rgb(var(--noir-text-rgb));
    --noir-text-muted: rgb(var(--noir-text-muted-rgb));
    --noir-fg: var(--noir-text);
    --noir-surface-fg: var(--noir-text);
    --noir-muted: var(--noir-text-muted);
    --noir-border: rgb(var(--noir-border-rgb) / max(var(--noir-border-alpha), var(--usk-border-min-alpha)));
    --noir-control-fg: var(--noir-text);
    --noir-primary: rgb(var(--noir-primary-rgb));
    --noir-primary-hover: rgb(var(--noir-primary-hover-rgb));
    --noir-primary-text: rgb(var(--noir-primary-text-rgb));
    --noir-secondary: rgb(var(--noir-secondary-rgb));
    --noir-secondary-hover: rgb(var(--noir-secondary-hover-rgb));
    --noir-secondary-text: rgb(var(--noir-secondary-text-rgb));
    --noir-on-primary: var(--noir-primary-text);
    --noir-on-secondary: var(--noir-secondary-text);
    --noir-on-accent: rgb(var(--noir-accent-text-rgb));
    --noir-on-success: rgb(var(--noir-success-text-rgb));
    --noir-on-warning: rgb(var(--noir-warning-text-rgb));
    --noir-on-danger: rgb(var(--noir-danger-text-rgb));
    --noir-accent: rgb(var(--noir-accent-rgb));
    --noir-success: rgb(var(--noir-success-rgb));
    --noir-warning: rgb(var(--noir-warning-rgb));
    --noir-danger: rgb(var(--noir-danger-rgb));
    --noir-link: rgb(var(--noir-link-rgb));
    --noir-focus: rgb(var(--noir-focus-rgb));
    --noir-focus-ring: 0 0 0 3px rgb(var(--noir-focus-rgb) / var(--noir-focus-alpha));
    --noir-theme-bg-size: auto;
    --noir-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--noir-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--noir-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--noir-secondary-rgb) / .1), transparent 34rem), var(--noir-bg);
    --noir-card-bg: linear-gradient(135deg, rgb(var(--noir-primary-rgb) / .1), rgb(var(--noir-accent-rgb) / .055) 42%, rgb(var(--noir-surface-strong-rgb) / var(--noir-panel-alpha)) 100%), var(--noir-surface);
    --noir-control-bg: linear-gradient(180deg, rgb(var(--noir-surface-strong-rgb) / var(--noir-panel-alpha)), rgb(var(--noir-surface-soft-rgb) / var(--noir-panel-soft-alpha)));
    --noir-spinner-track: rgb(var(--noir-border-rgb) / max(.28, calc(var(--noir-border-alpha) * .7)));
    --noir-spinner-stroke: var(--noir-primary);
    --noir-spinner-accent: var(--noir-accent);
  }

  @supports (color: color-mix(in srgb,black,white)) {
    [data-ui="neo-noir"][data-mode] {
      --noir-border: color-mix(in srgb, rgb(var(--noir-border-rgb) / max(var(--noir-border-alpha), var(--usk-border-min-alpha))), var(--noir-text) var(--usk-border-text-mix));
    }
  }

  [data-ui="neo-noir"] {
    background: linear-gradient(180deg,rgb(var(--noir-primary-rgb)/.04),transparent 22rem),var(--noir-bg);
    color: var(--noir-text);
    font-family: var(--noir-font-body);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
  }

  [data-ui="neo-noir"] *, [data-ui="neo-noir"] :before, [data-ui="neo-noir"] :after {
    box-sizing: border-box;
  }

  [data-ui="neo-noir"][data-mode] {
    background: var(--noir-theme-bg);
    background-size: var(--noir-theme-bg-size);
  }

  .noir-title, .noir-heading, .noir-kicker, .noir-button, .noir-badge, .noir-nav-link, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-badge, :where([data-ui="neo-noir"]) .usk-nav-link, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-badge, :where([data-ui="neo-noir"]) .ui-nav-link {
    font-family: var(--noir-font-heading);
  }

  .noir-title {
    color: var(--noir-text);
    letter-spacing: -.045em;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.7rem);
    line-height: 1.02;
  }

  .noir-heading {
    color: var(--noir-text);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    line-height: 1.15;
  }

  .noir-kicker {
    color: var(--usk-primary-ink, var(--noir-primary));
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: .82rem;
    font-weight: 850;
  }

  .noir-subtitle, .noir-copy {
    color: var(--noir-text-muted);
    margin: 0;
    line-height: 1.65;
  }

  .noir-text-muted {
    color: var(--noir-text-muted);
  }

  .noir-divider {
    background: var(--noir-border);
    border: 0;
    width: 100%;
    height: 1px;
  }

  .noir-surface, .noir-card, .noir-panel, .noir-toolbar, .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-card, :where([data-ui="neo-noir"]) .ui-toolbar, :where([data-ui="neo-noir"]) .ui-table-wrap {
    background: linear-gradient(180deg,#ffffff0d,#fff0),var(--noir-surface);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    box-shadow: 0 10px 30px rgb(15 23 42 / var(--noir-shadow-alpha));
    transition: transform var(--noir-transition-base),box-shadow var(--noir-transition-base),border-color var(--noir-transition-base),background var(--noir-transition-base);
    position: relative;
  }

  .noir-card, .noir-panel, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .ui-card {
    padding: var(--noir-space-6);
  }

  .noir-toolbar, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .ui-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--noir-space-4);
    padding: var(--noir-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .noir-surface-sm {
    border-radius: var(--noir-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--noir-shadow-alpha)*.72));
  }

  .noir-surface-lg {
    border-radius: var(--noir-radius-xl);
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--noir-shadow-alpha) + .08));
  }

  .noir-well, .noir-inset {
    background: var(--noir-surface-soft);
    color: var(--noir-text);
    border: 1px solid rgb(var(--noir-border-rgb)/calc(var(--noir-border-alpha)*.7));
    border-radius: var(--noir-radius-md);
    padding: var(--noir-space-5);
    box-shadow: inset 0 1px 3px #00000014;
  }

  .noir-hover-lift:hover {
    box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--noir-shadow-alpha) + .12));
    transform: translateY(-2px);
  }

  .noir-button, .noir-icon-button, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-icon-button {
    appearance: none;
    justify-content: center;
    align-items: center;
    gap: var(--noir-space-2);
    background: var(--noir-surface);
    min-height: 2.75rem;
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-md);
    box-shadow: 0 6px 18px rgb(0 0 0 / var(--noir-shadow-alpha));
    font: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color var(--noir-transition-fast),background var(--noir-transition-fast),border-color var(--noir-transition-fast),box-shadow var(--noir-transition-fast),transform var(--noir-transition-fast);
    padding: .75rem 1.1rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .noir-button:hover, .noir-icon-button:hover, :where([data-ui="neo-noir"]) .usk-button:hover, :where([data-ui="neo-noir"]) .usk-icon-button:hover, :where([data-ui="neo-noir"]) .ui-button:hover, :where([data-ui="neo-noir"]) .ui-icon-button:hover {
    border-color: var(--noir-primary);
    transform: translateY(-1px);
  }

  .noir-button:active, .noir-icon-button:active, .noir-button[aria-pressed="true"], .noir-icon-button[aria-pressed="true"], .noir-button.is-active, .noir-icon-button.is-active, :where([data-ui="neo-noir"]) .usk-button:active, :where([data-ui="neo-noir"]) .usk-icon-button:active, :where([data-ui="neo-noir"]) .usk-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .usk-icon-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .usk-button.is-active, :where([data-ui="neo-noir"]) .usk-icon-button.is-active, :where([data-ui="neo-noir"]) .ui-button:active, :where([data-ui="neo-noir"]) .ui-icon-button:active, :where([data-ui="neo-noir"]) .ui-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .ui-button.is-active, :where([data-ui="neo-noir"]) .ui-icon-button.is-active {
    transform: translateY(1px);
    box-shadow: inset 0 3px 10px #0000002e;
  }

  .noir-button-primary:hover, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="primary"]):hover {
    background: var(--noir-primary-hover);
    border-color: var(--noir-primary-hover);
  }

  .noir-button-secondary:hover, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="secondary"]):hover, :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="secondary"]):hover {
    background: var(--noir-secondary-hover);
    border-color: var(--noir-secondary-hover);
  }

  .noir-button-ghost, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--noir-text);
    box-shadow: none;
    background: none;
  }

  .noir-icon-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-icon-button {
    border-radius: var(--noir-radius-pill);
    width: 2.75rem;
    padding: 0;
  }

  .noir-button:disabled, .noir-icon-button:disabled, .noir-disabled, :where([data-ui="neo-noir"]) .usk-button:disabled, :where([data-ui="neo-noir"]) .usk-icon-button:disabled, :where([data-ui="neo-noir"]) .ui-button:disabled, :where([data-ui="neo-noir"]) .ui-icon-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
  }

  .noir-card, .noir-panel, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .ui-card {
    background: var(--noir-card-bg);
  }

  .noir-toolbar, .noir-table-wrap, .noir-button:where(:not(:is(.noir-button-primary,[class~="usk-button"]:where([data-ui-variant="primary"]),[class~="ui-button"]:where([data-ui-variant="primary"]))):not(:is(.noir-button-secondary,[class~="usk-button"]:where([data-ui-variant="secondary"]),[class~="ui-button"]:where([data-ui-variant="secondary"]))):not(:is(.noir-button-danger,[class~="usk-button"]:where([data-ui-variant="danger"]),[class~="ui-button"]:where([data-ui-variant="danger"]))):not(:is(.noir-button-warning,[class~="usk-button"]:where([data-ui-variant="warning"]),[class~="ui-button"]:where([data-ui-variant="warning"]))):not(:is(.noir-button-ghost,[class~="usk-button"]:where([data-ui-variant="ghost"]),[class~="ui-button"]:where([data-ui-variant="ghost"]))):not(.noir-button-outline-heavy)), .noir-icon-button, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .usk-button:where(:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.noir-button-outline-heavy)), :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-toolbar, :where([data-ui="neo-noir"]) .ui-table-wrap, :where([data-ui="neo-noir"]) .ui-button:where(:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.noir-button-outline-heavy)), :where([data-ui="neo-noir"]) .ui-icon-button {
    background: var(--noir-control-bg);
  }

  .noir-button, .noir-icon-button, .noir-badge, .noir-nav-link, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .usk-badge, :where([data-ui="neo-noir"]) .usk-nav-link, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-icon-button, :where([data-ui="neo-noir"]) .ui-badge, :where([data-ui="neo-noir"]) .ui-nav-link {
    font-family: var(--noir-font-control);
  }

  .noir-field, :where([data-ui="neo-noir"]) .usk-field, :where([data-ui="neo-noir"]) .ui-field {
    gap: var(--noir-space-2);
    flex-direction: column;
    display: flex;
  }

  .noir-label, :where([data-ui="neo-noir"]) .usk-label, :where([data-ui="neo-noir"]) .ui-label {
    color: var(--noir-text);
    font-size: .925rem;
    font-weight: 800;
  }

  .noir-input, .noir-textarea, .noir-select, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .usk-textarea, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-input, :where([data-ui="neo-noir"]) .ui-textarea, :where([data-ui="neo-noir"]) .ui-select {
    background: var(--noir-surface-soft);
    width: 100%;
    min-height: 2.875rem;
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-md);
    font: inherit;
    transition: background var(--noir-transition-fast),border-color var(--noir-transition-fast),box-shadow var(--noir-transition-fast);
    outline: none;
    padding: .75rem 1rem;
  }

  .noir-textarea, :where([data-ui="neo-noir"]) .usk-textarea, :where([data-ui="neo-noir"]) .ui-textarea {
    resize: vertical;
    min-height: 8rem;
  }

  .noir-input::placeholder, .noir-textarea::placeholder, :where([data-ui="neo-noir"]) .usk-input::placeholder, :where([data-ui="neo-noir"]) .usk-textarea::placeholder, :where([data-ui="neo-noir"]) .ui-input::placeholder, :where([data-ui="neo-noir"]) .ui-textarea::placeholder {
    color: var(--noir-text-muted);
    opacity: .82;
  }

  .noir-input:hover, .noir-textarea:hover, .noir-select:hover, :where([data-ui="neo-noir"]) .usk-input:hover, :where([data-ui="neo-noir"]) .usk-textarea:hover, :where([data-ui="neo-noir"]) .usk-select:hover, :where([data-ui="neo-noir"]) .ui-input:hover, :where([data-ui="neo-noir"]) .ui-textarea:hover, :where([data-ui="neo-noir"]) .ui-select:hover {
    border-color: rgb(var(--noir-primary-rgb)/.58);
  }

  .noir-input:focus, .noir-textarea:focus, .noir-select:focus, :where([data-ui="neo-noir"]) .usk-input:focus, :where([data-ui="neo-noir"]) .usk-textarea:focus, :where([data-ui="neo-noir"]) .usk-select:focus, :where([data-ui="neo-noir"]) .ui-input:focus, :where([data-ui="neo-noir"]) .ui-textarea:focus, :where([data-ui="neo-noir"]) .ui-select:focus {
    border-color: var(--noir-focus);
    box-shadow: var(--noir-focus-ring);
  }

  .noir-help-text, :where([data-ui="neo-noir"]) .usk-help-text, :where([data-ui="neo-noir"]) .ui-help-text {
    color: var(--noir-text-muted);
    font-size: .875rem;
    line-height: 1.45;
  }

  .noir-check, .noir-radio, :where([data-ui="neo-noir"]) .usk-check, :where([data-ui="neo-noir"]) .usk-radio, :where([data-ui="neo-noir"]) .ui-check, :where([data-ui="neo-noir"]) .ui-radio {
    align-items: center;
    gap: var(--noir-space-2);
    color: var(--noir-text);
    cursor: pointer;
    display: inline-flex;
  }

  .noir-check input, .noir-radio input, :where([data-ui="neo-noir"]) .usk-check input, :where([data-ui="neo-noir"]) .usk-radio input, :where([data-ui="neo-noir"]) .ui-check input, :where([data-ui="neo-noir"]) .ui-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .noir-check-control, .noir-radio-control, :where([data-ui="neo-noir"]) .usk-check-control, :where([data-ui="neo-noir"]) .usk-radio-control, :where([data-ui="neo-noir"]) .ui-check-control, :where([data-ui="neo-noir"]) .ui-radio-control {
    background: var(--noir-surface-soft);
    border: 1px solid var(--noir-border);
    width: 1.35rem;
    height: 1.35rem;
    transition: background var(--noir-transition-fast),box-shadow var(--noir-transition-fast);
    place-items: center;
    display: inline-grid;
  }

  .noir-check input:checked+.noir-check-control, .noir-radio input:checked+.noir-radio-control, :where([data-ui="neo-noir"]) .usk-check input:checked+.usk-check-control, :where([data-ui="neo-noir"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="neo-noir"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neo-noir"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--noir-primary);
    border-color: var(--noir-primary);
    box-shadow: var(--noir-focus-ring);
  }

  .noir-check input:checked+.noir-check-control:after, :where([data-ui="neo-noir"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="neo-noir"]) .ui-check input:checked+.ui-check-control:after {
    content: "✓";
    color: var(--noir-on-primary);
    font-size: .9rem;
    font-weight: 900;
  }

  .noir-radio input:checked+.noir-radio-control:after, :where([data-ui="neo-noir"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="neo-noir"]) .ui-radio input:checked+.ui-radio-control:after {
    content: "";
    background: var(--noir-on-primary);
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
  }

  .noir-switch, :where([data-ui="neo-noir"]) .usk-switch, :where([data-ui="neo-noir"]) .ui-switch {
    align-items: center;
    gap: var(--noir-space-3);
    color: var(--noir-text);
    cursor: pointer;
    display: inline-flex;
  }

  .noir-switch input, :where([data-ui="neo-noir"]) .usk-switch input, :where([data-ui="neo-noir"]) .ui-switch input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .noir-switch-track, :where([data-ui="neo-noir"]) .usk-switch-track, :where([data-ui="neo-noir"]) .ui-switch-track {
    background: var(--noir-surface-soft);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-pill);
    width: 3.5rem;
    height: 1.9rem;
    transition: background var(--noir-transition-fast),box-shadow var(--noir-transition-fast);
    position: relative;
  }

  .noir-switch-thumb, :where([data-ui="neo-noir"]) .usk-switch-thumb, :where([data-ui="neo-noir"]) .ui-switch-thumb {
    background: var(--noir-surface-strong);
    border: 1px solid var(--noir-border);
    width: 1.34rem;
    height: 1.34rem;
    box-shadow: 0 4px 12px rgb(0 0 0 / var(--noir-shadow-alpha));
    transition: left var(--noir-transition-fast),background var(--noir-transition-fast);
    border-radius: 50%;
    position: absolute;
    top: .22rem;
    left: .22rem;
  }

  .noir-switch input:checked+.noir-switch-track, :where([data-ui="neo-noir"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="neo-noir"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--noir-primary);
    border-color: var(--noir-primary);
  }

  .noir-switch input:checked+.noir-switch-track .noir-switch-thumb, :where([data-ui="neo-noir"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="neo-noir"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--noir-on-primary);
    left: calc(100% - 1.56rem);
  }

  .noir-badge, :where([data-ui="neo-noir"]) .usk-badge, :where([data-ui="neo-noir"]) .ui-badge {
    align-items: center;
    gap: var(--noir-space-1);
    background: var(--noir-surface-soft);
    min-height: 1.75rem;
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-pill);
    padding: .35rem .7rem;
    font-size: .8125rem;
    font-weight: 850;
    line-height: 1;
    display: inline-flex;
  }

  .noir-badge-primary, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="primary"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="primary"]) {
    background: var(--noir-primary);
    color: var(--noir-on-primary);
    border-color: var(--noir-primary);
  }

  .noir-badge-secondary, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="secondary"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="secondary"]) {
    background: var(--noir-secondary);
    color: var(--noir-on-secondary);
    border-color: var(--noir-secondary);
  }

  .noir-badge-success, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="success"]) {
    background: var(--noir-success);
    color: var(--noir-on-success);
    border-color: var(--noir-success);
  }

  .noir-badge-warning, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="warning"]) {
    background: var(--noir-warning);
    color: var(--noir-on-warning);
    border-color: var(--noir-warning);
  }

  .noir-badge-danger, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="danger"]) {
    background: var(--noir-danger);
    color: var(--noir-on-danger);
    border-color: var(--noir-danger);
  }

  .noir-nav, :where([data-ui="neo-noir"]) .usk-nav, :where([data-ui="neo-noir"]) .ui-nav {
    align-items: center;
    gap: var(--noir-space-2);
    padding: var(--noir-space-2);
    background: var(--noir-surface);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-xl);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--noir-shadow-alpha));
    flex-wrap: wrap;
    display: flex;
  }

  .noir-nav-link, :where([data-ui="neo-noir"]) .usk-nav-link, :where([data-ui="neo-noir"]) .ui-nav-link {
    min-height: 2.5rem;
    color: var(--noir-text-muted);
    border-radius: var(--noir-radius-pill);
    transition: color var(--noir-transition-fast),background var(--noir-transition-fast),box-shadow var(--noir-transition-fast);
    justify-content: center;
    align-items: center;
    padding: .65rem 1rem;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .noir-nav-link:hover, :where([data-ui="neo-noir"]) .usk-nav-link:hover, :where([data-ui="neo-noir"]) .ui-nav-link:hover {
    color: var(--noir-text);
    background: var(--noir-surface-soft);
  }

  .noir-nav-link[aria-current="page"], .noir-nav-link.is-active, :where([data-ui="neo-noir"]) .usk-nav-link[aria-current="page"], :where([data-ui="neo-noir"]) .usk-nav-link.is-active, :where([data-ui="neo-noir"]) .ui-nav-link[aria-current="page"], :where([data-ui="neo-noir"]) .ui-nav-link.is-active {
    color: var(--noir-on-primary);
    background: var(--noir-primary);
  }

  .noir-tooltip, [data-ui="neo-noir"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="neo-noir"]) .usk-tooltip, :where([data-ui="neo-noir"]) .ui-tooltip {
    background: var(--noir-text);
    max-inline-size: 16rem;
    color: var(--noir-bg);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-md);
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.35;
    display: inline-flex;
    box-shadow: 0 .75rem 1.6rem #0f172a3d;
  }

  .noir-tooltip-arrow {
    opacity: .9;
    background: currentColor;
    border-radius: .12rem;
    flex: none;
    block-size: .55rem;
    inline-size: .55rem;
    transform: rotate(45deg);
  }

  .noir-progress, :where([data-ui="neo-noir"]) .usk-progress, :where([data-ui="neo-noir"]) .ui-progress {
    background: var(--noir-surface-soft);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-pill);
    width: 100%;
    height: .9rem;
    overflow: hidden;
  }

  .noir-progress-bar, :where([data-ui="neo-noir"]) .usk-progress-bar, :where([data-ui="neo-noir"]) .ui-progress-bar {
    height: 100%;
    width: var(--noir-progress-value, 50%);
    background: linear-gradient(90deg,var(--noir-primary),var(--noir-accent));
    border-radius: inherit;
  }

  .noir-alert, :where([data-ui="neo-noir"]) .usk-alert, :where([data-ui="neo-noir"]) .ui-alert {
    gap: var(--noir-space-2);
    padding: var(--noir-space-4);
    background: var(--noir-surface);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    box-shadow: 0 10px 30px rgb(0 0 0 / var(--noir-shadow-alpha));
    display: grid;
  }

  .noir-alert-success, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="success"]) {
    border-left-color: var(--noir-success);
  }

  .noir-alert-warning, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="warning"]) {
    border-left-color: var(--noir-warning);
  }

  .noir-alert-danger, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="danger"]) {
    border-left-color: var(--noir-danger);
  }

  .noir-alert-title, :where([data-ui="neo-noir"]) .usk-alert-title, :where([data-ui="neo-noir"]) .ui-alert-title {
    margin: 0;
    font-weight: 900;
  }

  .noir-alert-body, :where([data-ui="neo-noir"]) .usk-alert-body, :where([data-ui="neo-noir"]) .ui-alert-body {
    color: var(--noir-text-muted);
    margin: 0;
    line-height: 1.55;
  }

  .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-table-wrap {
    overflow: auto;
  }

  .noir-table, :where([data-ui="neo-noir"]) .usk-table, :where([data-ui="neo-noir"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
  }

  .noir-table th, .noir-table td, :where([data-ui="neo-noir"]) .usk-table th, :where([data-ui="neo-noir"]) .usk-table td, :where([data-ui="neo-noir"]) .ui-table th, :where([data-ui="neo-noir"]) .ui-table td {
    text-align: left;
    border-bottom: 1px solid var(--noir-border);
    padding: .95rem 1rem;
  }

  .noir-table th, :where([data-ui="neo-noir"]) .usk-table th, :where([data-ui="neo-noir"]) .ui-table th {
    color: var(--noir-text);
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgb(var(--noir-primary-rgb)/.08);
    font-size: .82rem;
    font-weight: 900;
  }

  .noir-table td, :where([data-ui="neo-noir"]) .usk-table td, :where([data-ui="neo-noir"]) .ui-table td {
    color: var(--noir-text-muted);
  }

  .noir-table tr:hover td, :where([data-ui="neo-noir"]) .usk-table tr:hover td, :where([data-ui="neo-noir"]) .ui-table tr:hover td {
    background: rgb(var(--noir-primary-rgb)/.045);
  }

  .noir-text-primary {
    color: var(--usk-primary-ink, var(--noir-primary));
  }

  .noir-text-secondary {
    color: var(--noir-secondary);
  }

  .noir-text-accent {
    color: var(--usk-accent-ink, var(--noir-accent));
  }

  .noir-text-success {
    color: var(--noir-success);
  }

  .noir-text-warning {
    color: var(--noir-warning);
  }

  .noir-text-danger {
    color: var(--noir-danger);
  }

  .noir-bg-primary {
    background: var(--noir-primary);
    color: var(--noir-on-primary);
  }

  .noir-bg-secondary {
    background: var(--noir-secondary);
    color: var(--noir-on-secondary);
  }

  .noir-border {
    border: 1px solid var(--noir-border);
  }

  .noir-rounded {
    border-radius: var(--noir-radius-md);
  }

  .noir-rounded-lg {
    border-radius: var(--noir-radius-lg);
  }

  .noir-rounded-xl {
    border-radius: var(--noir-radius-xl);
  }

  .noir-pill {
    border-radius: var(--noir-radius-pill);
  }

  .noir-sr-only, .noir-visually-hidden {
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .noir-skip-link {
    z-index: 9999;
    background: var(--noir-primary);
    color: var(--noir-on-primary);
    border-radius: var(--noir-radius-md);
    padding: .75rem 1rem;
    font-weight: 900;
    position: absolute;
    top: 1rem;
    left: 1rem;
    transform: translateY(-150%);
  }

  .noir-skip-link:focus {
    transform: translateY(0);
  }

  .noir-metric, :where([data-ui="neo-noir"]) .usk-metric, :where([data-ui="neo-noir"]) .ui-metric {
    padding: var(--noir-space-5);
    background: var(--noir-surface);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    gap: .25rem;
    display: grid;
  }

  .noir-metric-value, :where([data-ui="neo-noir"]) .usk-metric-value, :where([data-ui="neo-noir"]) .ui-metric-value {
    color: var(--noir-text);
    letter-spacing: -.04em;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 850;
    line-height: 1;
  }

  .noir-metric-label, :where([data-ui="neo-noir"]) .usk-metric-label, :where([data-ui="neo-noir"]) .ui-metric-label {
    color: var(--noir-text-muted);
    font-size: .9rem;
    font-weight: 700;
  }

  .noir-empty-state, :where([data-ui="neo-noir"]) .usk-empty-state, :where([data-ui="neo-noir"]) .ui-empty-state {
    place-items: center;
    gap: var(--noir-space-3);
    min-height: 14rem;
    padding: var(--noir-space-6);
    text-align: center;
    background: var(--noir-surface-soft);
    border: 1px dashed var(--noir-border);
    border-radius: var(--noir-radius-lg);
    display: grid;
  }

  .noir-spinner, .noir-loading-spinner, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="neo-noir"]) .usk-spinner, :where([data-ui="neo-noir"]) .ui-spinner {
    border: .25rem solid var(--noir-spinner-track);
    border-block-start-color: var(--noir-spinner-stroke);
    border-inline-end-color: var(--noir-spinner-accent);
    vertical-align: -.2em;
    border-radius: 50%;
    block-size: 2rem;
    inline-size: 2rem;
    animation: .75s linear infinite noir-spin;
    display: inline-block;
  }

  .noir-spinner-sm {
    border-width: .16rem;
    block-size: 1rem;
    inline-size: 1rem;
  }

  .noir-spinner-lg {
    border-width: .32rem;
    block-size: 3rem;
    inline-size: 3rem;
  }

  .noir-button[aria-busy="true"], .noir-icon-button[aria-busy="true"], [data-ui="neo-noir"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]), :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"], :where([data-ui="neo-noir"]) .usk-icon-button[aria-busy="true"], :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"], :where([data-ui="neo-noir"]) .ui-icon-button[aria-busy="true"] {
    cursor: progress;
    gap: .55rem;
  }

  .noir-button[aria-busy="true"]:after, .noir-icon-button[aria-busy="true"]:after, [data-ui="neo-noir"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-icon-button[aria-busy="true"]:after {
    content: "";
    border: .16em solid rgb(var(--noir-primary-text-rgb)/.42);
    border-block-start-color: currentColor;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .75s linear infinite noir-spin;
    display: inline-block;
  }

  @keyframes noir-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .noir-card-media {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1px solid rgb(var(--noir-border-rgb)/.72);
    border-radius: var(--noir-radius-lg);
    inline-size: 100%;
    display: block;
  }

  .noir-card-service {
    gap: var(--noir-space-3);
    text-align: center;
    align-content: start;
    display: grid;
    position: relative;
    overflow: visible;
  }

  .noir-card-service > .noir-icon-medallion {
    z-index: 2;
    justify-self: center;
    margin-block-start: -2.15rem;
    position: relative;
  }

  .noir-card-service > .noir-card-media + .noir-icon-medallion {
    margin-block-start: -2.15rem;
  }

  .noir-card-feature {
    gap: var(--noir-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    display: grid;
  }

  .noir-card-accent-edge {
    border-inline-start: .35rem solid var(--noir-primary);
  }

  .noir-icon-medallion {
    background: var(--noir-primary);
    block-size: 3.75rem;
    inline-size: 3.75rem;
    color: var(--noir-on-primary);
    border: 2px solid rgb(var(--noir-border-rgb)/.82);
    border-radius: 50%;
    flex: none;
    place-items: center;
    padding: .7rem;
    line-height: 1;
    display: inline-grid;
  }

  .noir-icon-medallion > :where(svg, img) {
    object-fit: contain;
    block-size: 100%;
    inline-size: 100%;
  }

  .noir-button.noir-button-cut, .noir-button-cut, :where([data-ui="neo-noir"]) .usk-button.noir-button-cut, :where([data-ui="neo-noir"]) .ui-button.noir-button-cut {
    clip-path: polygon(.6rem 0, 100% 0, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0 100%, 0 .6rem);
    border-radius: 0;
  }

  .noir-button.noir-button-cut:focus-visible, .noir-button-cut:focus-visible, :where([data-ui="neo-noir"]) .usk-button.noir-button-cut:focus-visible, :where([data-ui="neo-noir"]) .ui-button.noir-button-cut:focus-visible {
    outline-offset: -3px;
  }

  .noir-button.noir-button-outline-heavy, .noir-button-outline-heavy, :where([data-ui="neo-noir"]) .usk-button.noir-button-outline-heavy, :where([data-ui="neo-noir"]) .ui-button.noir-button-outline-heavy {
    color: var(--usk-primary-ink, var(--noir-text));
    border-style: solid;
    border-width: 2px;
    border-color: var(--noir-primary);
    box-shadow: none;
    background: none;
  }

  .noir-button.noir-button-outline-heavy:hover, .noir-button-outline-heavy:hover, :where([data-ui="neo-noir"]) .usk-button.noir-button-outline-heavy:hover, :where([data-ui="neo-noir"]) .ui-button.noir-button-outline-heavy:hover {
    color: var(--noir-on-primary);
    border-color: var(--noir-primary-hover);
    --noir-action-fill: var(--noir-primary);
    --noir-action-line: var(--noir-primary-hover);
    background: none;
  }

  .noir-badge-seal {
    aspect-ratio: 1;
    background: var(--noir-surface-strong);
    inline-size: 5rem;
    min-inline-size: 5rem;
    color: var(--noir-text);
    border: 2px solid var(--noir-primary);
    text-align: center;
    font-family: var(--noir-font-heading);
    letter-spacing: .04em;
    border-radius: 50%;
    align-content: center;
    place-items: center;
    padding: .65rem;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.05;
    display: inline-grid;
  }

  .noir-feature-strip {
    background: var(--noir-card-bg);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    display: grid;
  }

  .noir-feature-item {
    align-items: center;
    gap: var(--noir-space-3);
    min-inline-size: 0;
    padding: var(--noir-space-4);
    border-inline-end: 1px solid rgb(var(--noir-border-rgb)/.62);
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }

  .noir-feature-item:last-child {
    border-inline-end: 0;
  }

  .noir-feature-item > :where(p, small) {
    color: var(--noir-text-muted);
    margin: 0;
  }

  .noir-callout-bar {
    align-items: center;
    gap: var(--noir-space-4);
    padding: var(--noir-space-4) var(--noir-space-5);
    background: var(--noir-card-bg);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .noir-callout-bar > :where(p, div) {
    min-inline-size: 0;
  }

  .noir-callout-bar>:where(.noir-button,a,button):last-child, :where([data-ui="neo-noir"]) .noir-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="neo-noir"]) .noir-callout-bar>:where(.ui-button,a,button):last-child {
    justify-self: end;
  }

  .noir-eyebrow {
    color: var(--usk-primary-ink, var(--noir-primary));
    font-family: var(--noir-font-heading);
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .noir-media-scrim {
    isolation: isolate;
    background: var(--noir-surface-soft);
    border: 1px solid var(--noir-border);
    border-radius: var(--noir-radius-lg);
    min-block-size: 12rem;
    position: relative;
    overflow: hidden;
  }

  .noir-media-scrim > :where(img, picture, video) {
    block-size: 100%;
    inline-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    display: block;
  }

  .noir-media-scrim > :where(figcaption, [data-media-caption]) {
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, #000000e6, #00000094 56%, #0000);
    padding: clamp(1rem, 4vw, 2rem);
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .noir-media-scrim > :where(figcaption, [data-media-caption]) * {
    color: inherit;
  }

  @media (max-width: 42rem) {
    .noir-callout-bar {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .noir-callout-bar>:where(.noir-button,a,button):last-child, :where([data-ui="neo-noir"]) .noir-callout-bar>:where(.usk-button,a,button):last-child, :where([data-ui="neo-noir"]) .noir-callout-bar>:where(.ui-button,a,button):last-child {
      justify-self: stretch;
    }

    .noir-feature-item {
      border-inline-end: 0;
      border-block-end: 1px solid rgb(var(--noir-border-rgb)/.62);
    }

    .noir-feature-item:last-child {
      border-block-end: 0;
    }
  }

  .noir-card-service, .noir-card-feature, .noir-feature-strip, .noir-callout-bar {
    box-shadow: 0 .9rem 2rem rgb(15 23 42 / calc(var(--noir-shadow-alpha) + .03));
  }

  .noir-card-accent-edge {
    border-inline-start-width: .3rem;
  }

  .noir-icon-medallion {
    box-shadow: 0 .55rem 1.2rem rgb(15 23 42 / calc(var(--noir-shadow-alpha) + .05));
  }

  :root {
    --noir-font-display: "Bahnschrift Condensed", "Arial Narrow", sans-serif;
    --noir-font-body: Inter, ui-sans-serif, system-ui, sans-serif;
    --noir-font-heading: var(--noir-font-display);
    --noir-font-control: var(--noir-font-display);
    --noir-radius-xs: .1rem;
    --noir-radius-sm: .25rem;
    --noir-radius-md: .45rem;
    --noir-radius-lg: .65rem;
    --noir-radius-xl: .9rem;
  }

  [data-ui="neo-noir"][data-mode] {
    --noir-card-bg: linear-gradient(145deg, rgb(var(--noir-primary-rgb) / .08), rgb(var(--noir-surface-rgb) / var(--noir-panel-alpha)) 45%, rgb(var(--noir-secondary-rgb) / .08));
  }

  [data-ui="neo-noir"][data-mode="light"][data-theme] {
    --noir-theme-bg: linear-gradient(135deg, rgb(var(--noir-primary-rgb) / .06), transparent 40%), linear-gradient(315deg, rgb(var(--noir-secondary-rgb) / .06), transparent 45%), var(--noir-bg);
  }

  [data-ui="neo-noir"][data-mode="dark"][data-theme], [data-ui="neo-noir"][data-mode="contrast"][data-theme] {
    --noir-theme-bg: radial-gradient(circle at 85% 10%, rgb(var(--noir-primary-rgb) / .18), transparent 26rem), radial-gradient(circle at 10% 90%, rgb(var(--noir-secondary-rgb) / .14), transparent 30rem), linear-gradient(160deg, #0000002e, transparent 42%), var(--noir-bg);
  }

  .noir-title {
    letter-spacing: -.045em;
    font-size: clamp(2.6rem, 6vw, 5.2rem);
    font-weight: 850;
    line-height: .95;
  }

  .noir-heading {
    letter-spacing: -.025em;
    font-weight: 800;
  }

  .noir-kicker, .noir-eyebrow {
    letter-spacing: .14em;
  }

  .noir-surface, .noir-card, .noir-panel, .noir-toolbar, .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-card, :where([data-ui="neo-noir"]) .ui-toolbar, :where([data-ui="neo-noir"]) .ui-table-wrap {
    border-color: rgb(var(--noir-primary-rgb)/.36);
    box-shadow: 0 1rem 2.8rem rgb(0 0 0 / calc(var(--noir-shadow-alpha)*.8));
  }

  [data-ui="neo-noir"][data-mode="dark"] :where(.noir-title, .noir-heading, .noir-kicker, .noir-eyebrow) {
    text-shadow: 0 0 1rem rgb(var(--noir-primary-rgb)/.18);
  }

  .noir-button, .noir-icon-button, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-icon-button {
    border-radius: var(--noir-radius-sm);
    box-shadow: inset 0 0 0 1px #ffffff0d;
  }

  .noir-nav, :where([data-ui="neo-noir"]) .usk-nav, :where([data-ui="neo-noir"]) .ui-nav {
    border-color: rgb(var(--noir-primary-rgb)/.3);
  }

  .noir-nav-link[aria-current="page"], .noir-nav-link.is-active, :where([data-ui="neo-noir"]) .usk-nav-link[aria-current="page"], :where([data-ui="neo-noir"]) .usk-nav-link.is-active, :where([data-ui="neo-noir"]) .ui-nav-link[aria-current="page"], :where([data-ui="neo-noir"]) .ui-nav-link.is-active {
    box-shadow: inset 0-2px 0 var(--noir-primary),0 0 1rem rgb(var(--noir-primary-rgb)/.18);
  }

  .noir-input, .noir-textarea, .noir-select, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .usk-textarea, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-input, :where([data-ui="neo-noir"]) .ui-textarea, :where([data-ui="neo-noir"]) .ui-select {
    background: rgb(var(--noir-surface-strong-rgb)/.68);
  }

  .noir-card-media {
    border-color: rgb(var(--noir-primary-rgb)/.25);
  }

  .noir-media-scrim > :where(figcaption, [data-media-caption]) {
    background: linear-gradient(to top,#000000f5,rgb(var(--noir-primary-rgb)/.18) 54%,transparent);
  }

  .noir-icon-medallion {
    color: var(--usk-primary-ink, var(--noir-link));
    border-color: var(--noir-primary);
    box-shadow: 0 0 1.2rem rgb(var(--noir-primary-rgb)/.18);
    background: none;
  }

  .noir-badge-seal {
    border-color: var(--noir-primary);
    background: none;
  }

  .noir-card-accent-edge {
    border-inline-start-color: var(--noir-primary);
  }

  [data-ui="neo-noir"][data-mode="contrast"] :where(.noir-surface,.noir-card,.noir-panel,.noir-toolbar,.noir-table-wrap,.noir-icon-medallion), :where([data-ui="neo-noir"])[data-mode="contrast"] :where(.noir-surface,.usk-card,.noir-panel,.usk-toolbar,.usk-table-wrap,.noir-icon-medallion), :where([data-ui="neo-noir"])[data-mode="contrast"] :where(.noir-surface,.ui-card,.noir-panel,.ui-toolbar,.ui-table-wrap,.noir-icon-medallion) {
    box-shadow: none;
    text-shadow: none;
  }

  .noir-button.noir-button-cut, .noir-button-cut, :where([data-ui="neo-noir"]) .usk-button.noir-button-cut, :where([data-ui="neo-noir"]) .ui-button.noir-button-cut {
    clip-path: polygon(.85rem 0, 100% 0, calc(100% - .85rem) 100%, 0 100%);
    justify-content: center;
    justify-self: end;
    min-block-size: 2.75rem;
    inline-size: min(100%, 16rem);
    min-inline-size: 6rem;
    max-inline-size: 100%;
  }

  .noir-button.noir-button-outline-heavy, .noir-button-outline-heavy, :where([data-ui="neo-noir"]) .usk-button.noir-button-outline-heavy, :where([data-ui="neo-noir"]) .ui-button.noir-button-outline-heavy {
    clip-path: polygon(0 0, calc(100% - .85rem) 0, 100% 100%, .85rem 100%);
    box-shadow: -.22rem 0 .65rem rgb(var(--noir-primary-rgb)/.34),inset 1px 0 0 rgb(var(--noir-surface-strong-rgb)/.76);
    border-width: 1px;
    border-radius: 0;
  }

  .noir-card-service, .noir-media-scrim, .noir-feature-strip, .noir-callout-bar, .noir-metric, :where([data-ui="neo-noir"]) .usk-metric, :where([data-ui="neo-noir"]) .ui-metric {
    background: linear-gradient(145deg,rgb(var(--noir-primary-rgb)/.09),rgb(var(--noir-surface-rgb)/.74),rgb(var(--noir-secondary-rgb)/.08));
    border: 1px solid rgb(var(--noir-primary-rgb)/.52);
    border-radius: var(--noir-radius-sm);
    box-shadow: -.2rem 0 .8rem rgb(var(--noir-primary-rgb)/.24),0 .9rem 1.8rem rgb(var(--noir-text-rgb)/.22);
  }

  [data-ui="neo-noir"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 1px solid var(--noir-primary);
    border-radius: var(--noir-radius-sm);
    box-shadow: -.18rem 0 .62rem rgb(var(--noir-primary-rgb)/.3),inset 1px 0 0 rgb(var(--noir-surface-strong-rgb)/.74);
  }

  [data-ui="neo-noir"][data-mode] :where(dialog) {
    background-color: var(--noir-surface-strong);
    background-image: linear-gradient(145deg,rgb(var(--noir-primary-rgb)/.1),rgb(var(--noir-surface-strong-rgb)/.82),rgb(var(--noir-secondary-rgb)/.08));
    border: 1px solid rgb(var(--noir-primary-rgb)/.56);
    border-radius: var(--noir-radius-sm);
    box-shadow: -.22rem 0 .85rem rgb(var(--noir-primary-rgb)/.28),0 1rem 2.2rem rgb(var(--noir-text-rgb)/.28);
    padding: 1.25rem;
  }

  .noir-spinner, .noir-loading-spinner, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="neo-noir"]) .usk-spinner, :where([data-ui="neo-noir"]) .ui-spinner {
    background: conic-gradient(from 70deg,var(--noir-spinner-stroke),transparent 38%,var(--noir-spinner-accent),transparent 72%);
    box-shadow: .28rem .14rem .75rem rgb(var(--noir-accent-rgb)/.45),inset .16rem 0 .3rem #ffffff24;
    clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    border-radius: 0;
    animation: .88s cubic-bezier(.55, 0, .25, 1) infinite noir-spin;
  }

  .noir-button[aria-busy="true"]:after, .noir-icon-button[aria-busy="true"]:after, [data-ui="neo-noir"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-icon-button[aria-busy="true"]:after {
    border: .1em solid;
    clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    background: conic-gradient(from 70deg, currentColor, #0000 40%, currentColor, #0000 74%);
    border-block-start-color: #0000;
    border-radius: 0;
    animation: .88s cubic-bezier(.55, 0, .25, 1) infinite noir-spin;
    box-shadow: .16em .08em .3em;
  }

  [data-ui="neo-noir"][data-mode] {
    --usk-native-font-control: var(--noir-font-heading);
    --usk-native-control-min-block-size: 2.65rem;
    --usk-native-control-padding-block: .58rem;
    --usk-native-control-padding-inline: 1.05rem;
    --usk-native-border-width: 1px;
    --usk-native-radius-sm: 0 .18rem 0 .18rem;
    --usk-native-radius: 0 .28rem 0 .28rem;
    --usk-native-radius-lg: 0 .42rem 0 .42rem;
    --usk-native-shadow: -.16rem 0 .58rem rgb(var(--noir-focus-rgb) / .3), inset 1px 0 0 rgb(var(--noir-surface-strong-rgb) / .72);
    --usk-native-shadow-md: -.28rem 0 .9rem rgb(var(--noir-primary-rgb) / .28), .42rem .58rem 1.35rem rgb(var(--noir-text-rgb) / .22);
    --usk-native-focus-ring: 0 0 0 1px var(--noir-focus), -.22rem 0 .72rem rgb(var(--noir-focus-rgb) / .5);
    --usk-native-subcontrol-padding-block: .36rem;
    --usk-native-subcontrol-padding-inline: .66rem;
    --usk-native-choice-size: 1.14rem;
    --usk-native-choice-background: linear-gradient(135deg, rgb(var(--noir-primary-rgb) / .08), var(--noir-control-bg));
    --usk-native-choice-border: 1px solid var(--noir-focus);
    --usk-native-checkbox-radius: 0 .12rem 0 .12rem;
    --usk-native-radio-radius: 50% 42% 50% 42%;
    --usk-native-choice-shadow: -.1rem 0 .4rem rgb(var(--noir-focus-rgb) / .34);
    --usk-native-choice-checked-background: linear-gradient(135deg, var(--noir-warning), var(--noir-primary));
    --usk-native-choice-mark-color: var(--noir-on-primary);
    --usk-native-select-indicator-image: linear-gradient(65deg, transparent 45%, var(--noir-warning) 46% 54%, transparent 55%), linear-gradient(115deg, transparent 45%, var(--noir-warning) 46% 54%, transparent 55%);
    --usk-native-select-indicator-size: .46rem .58rem, .46rem .58rem;
    --usk-native-select-indicator-position: calc(100% - 1.3rem) 46%, calc(100% - .94rem) 54%;
    --usk-native-select-padding-inline-end: 2.95rem;
    --usk-native-range-track-size: .22rem;
    --usk-native-range-track-background: linear-gradient(90deg, var(--noir-focus), var(--noir-warning), var(--noir-danger));
    --usk-native-range-track-border: 1px solid rgb(var(--noir-primary-rgb) / .58);
    --usk-native-range-track-radius: 0 .16rem 0 .16rem;
    --usk-native-range-track-shadow: 0 0 .62rem rgb(var(--noir-warning-rgb) / .34);
    --usk-native-range-progress-background: linear-gradient(90deg, var(--noir-warning), var(--noir-primary));
    --usk-native-range-thumb-size: 1.26rem;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-border: 1px solid var(--noir-warning);
    --usk-native-range-thumb-radius: 0 .18rem 0 .18rem;
    --usk-native-range-thumb-shadow: -.2rem 0 .62rem rgb(var(--noir-focus-rgb) / .42);
    --usk-native-progress-size: .44rem;
    --usk-native-progress-track-background: linear-gradient(100deg, rgb(var(--noir-primary-rgb) / .08), rgb(var(--noir-surface-strong-rgb) / .7));
    --usk-native-progress-track-border: 1px solid rgb(var(--noir-primary-rgb) / .48);
    --usk-native-progress-track-radius: 0 .14rem 0 .14rem;
    --usk-native-progress-track-shadow: inset 0 0 .4rem rgb(var(--noir-text-rgb) / .22);
    --usk-native-progress-value-background: repeating-linear-gradient(120deg, var(--noir-warning) 0 .55rem, var(--noir-primary) .55rem .66rem);
    --usk-native-progress-value-radius: 0 .1rem 0 .1rem;
    --usk-native-progress-value-shadow: .18rem 0 .48rem rgb(var(--noir-warning-rgb) / .36);
    --usk-native-scrollbar-size: .5rem;
    --usk-native-scrollbar-track: linear-gradient(180deg, var(--noir-surface-soft), var(--noir-surface-strong));
    --usk-native-scrollbar-thumb: linear-gradient(180deg, var(--noir-warning), var(--noir-focus));
    --usk-native-scrollbar-radius: 0 .14rem 0 .14rem;
  }

  .noir-title {
    letter-spacing: max(.055em, .5px);
    margin-block: .75rem;
    font-weight: 800;
  }

  .noir-label, :where([data-ui="neo-noir"]) .usk-label, :where([data-ui="neo-noir"]) .ui-label {
    font-size: .64rem;
    font-weight: 700;
  }

  .noir-button, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .ui-button {
    background: linear-gradient(115deg,var(--noir-warning),var(--noir-primary));
    min-height: 2.65rem;
    box-shadow: -.16rem 0 .58rem rgb(var(--noir-focus-rgb)/.3);
    border-radius: 0 .18rem;
    padding: .58rem 1.05rem;
    font-weight: 750;
  }

  .noir-input, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .ui-input {
    border-radius: 0 .14rem;
    min-height: 2.6rem;
    padding: .54rem .9rem;
  }

  .noir-card, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .ui-card {
    background: linear-gradient(145deg,rgb(var(--noir-primary-rgb)/.1),rgb(var(--noir-surface-rgb)/.78),rgb(var(--noir-danger-rgb)/.06));
    border: 1px solid rgb(var(--noir-primary-rgb)/.54);
    box-shadow: -.24rem 0 .82rem rgb(var(--noir-focus-rgb)/.24),.4rem .58rem 1.3rem rgb(var(--noir-text-rgb)/.2);
    border-radius: 0 .38rem;
    padding: 1.22rem;
  }

  .noir-well {
    background: repeating-linear-gradient(112deg,rgb(var(--noir-primary-rgb)/.04)0 1px,transparent 1px .72rem),var(--noir-surface-soft);
    border: 1px solid rgb(var(--noir-focus-rgb)/.5);
    box-shadow: inset -.32rem 0 0 rgb(var(--noir-warning-rgb)/.12);
  }

  .noir-badge, :where([data-ui="neo-noir"]) .usk-badge, :where([data-ui="neo-noir"]) .ui-badge {
    border-radius: 0 .22rem;
    min-height: 1.48rem;
    padding: .14rem .52rem;
  }

  .noir-alert, :where([data-ui="neo-noir"]) .usk-alert, :where([data-ui="neo-noir"]) .ui-alert {
    background: linear-gradient(105deg,rgb(var(--noir-warning-rgb)/.12),transparent 38%),var(--noir-card-bg);
    border: 1px solid rgb(var(--noir-primary-rgb)/.58);
    box-shadow: -.16rem 0 .62rem rgb(var(--noir-focus-rgb)/.26);
    border-radius: 0 .24rem;
  }

  .noir-progress, :where([data-ui="neo-noir"]) .usk-progress, :where([data-ui="neo-noir"]) .ui-progress {
    background: linear-gradient(100deg,rgb(var(--noir-primary-rgb)/.08),rgb(var(--noir-surface-strong-rgb)/.7));
    height: .44rem;
  }

  .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-table-wrap {
    background: linear-gradient(145deg,rgb(var(--noir-primary-rgb)/.08),rgb(var(--noir-surface-rgb)/.82));
    box-shadow: -.2rem 0 .72rem rgb(var(--noir-focus-rgb)/.22);
    border-radius: 0 .32rem;
  }

  .noir-table th, :where([data-ui="neo-noir"]) .usk-table th, :where([data-ui="neo-noir"]) .ui-table th {
    background: linear-gradient(100deg,rgb(var(--noir-warning-rgb)/.2),rgb(var(--noir-primary-rgb)/.14));
    padding: .6rem .82rem;
    font-weight: 750;
  }

  .noir-table td, :where([data-ui="neo-noir"]) .usk-table td, :where([data-ui="neo-noir"]) .ui-table td {
    padding: .57rem .8rem;
  }

  .noir-nav, .noir-panel, .noir-toolbar, .noir-tooltip, [data-ui="neo-noir"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), .noir-card-service, .noir-feature-strip, .noir-callout-bar, :where([data-ui="neo-noir"]) .usk-nav, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .usk-tooltip, :where([data-ui="neo-noir"]) .ui-nav, :where([data-ui="neo-noir"]) .ui-toolbar, :where([data-ui="neo-noir"]) .ui-tooltip {
    border: 1px solid rgb(var(--noir-primary-rgb)/.54);
    box-shadow: -.2rem 0 .72rem rgb(var(--noir-focus-rgb)/.22);
    clip-path: polygon(.36rem 0, 100% 0, calc(100% - .36rem) 100%, 0 100%);
    border-radius: 0 .32rem;
  }

  .noir-panel, .noir-card-service, .noir-feature-strip, .noir-callout-bar {
    background: linear-gradient(118deg,transparent 0 68%,rgb(var(--noir-danger-rgb)/.1) 68% 82%,transparent 82%),repeating-linear-gradient(112deg,rgb(var(--noir-text-rgb)/.028)0 1px,transparent 1px .72rem),var(--noir-card-bg);
  }

  .noir-button, .noir-icon-button, .noir-input, .noir-textarea, .noir-select, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .usk-textarea, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-icon-button, :where([data-ui="neo-noir"]) .ui-input, :where([data-ui="neo-noir"]) .ui-textarea, :where([data-ui="neo-noir"]) .ui-select {
    clip-path: polygon(.42rem 0, 100% 0, calc(100% - .42rem) 100%, 0 100%);
  }

  .noir-progress-bar, :where([data-ui="neo-noir"]) .usk-progress-bar, :where([data-ui="neo-noir"]) .ui-progress-bar {
    background: repeating-linear-gradient(120deg,var(--noir-warning)0 .55rem,var(--noir-primary) .55rem .66rem);
  }

  @media (prefers-reduced-motion: reduce) {
    [data-ui="neo-noir"] *, [data-ui="neo-noir"] :before, [data-ui="neo-noir"] :after {
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    [data-ui="neo-noir"] {
      --noir-border-alpha: 1;
      --noir-focus-alpha: .75;
    }
  }

  @media (forced-colors: active) {
    @supports (forced-color-adjust: auto) {
      [data-ui="neo-noir"] * {
        forced-color-adjust: auto;
      }
    }

    [data-ui="neo-noir"] :where(:focus-visible) {
      outline: 3px solid canvastext;
    }
  }

  @media print {
    [data-ui="neo-noir"] {
      color: #000 !important;
      background: #fff !important;
    }

    [data-ui="neo-noir"] * {
      box-shadow: none !important;
      text-shadow: none !important;
    }

    [data-ui="neo-noir"] a {
      text-decoration: underline;
      color: #000 !important;
    }
  }

  .noir-input[aria-invalid="true"], .noir-textarea[aria-invalid="true"], .noir-select[aria-invalid="true"], :where([data-ui="neo-noir"]) .usk-input[aria-invalid="true"], :where([data-ui="neo-noir"]) .usk-textarea[aria-invalid="true"], :where([data-ui="neo-noir"]) .usk-select[aria-invalid="true"], :where([data-ui="neo-noir"]) .ui-input[aria-invalid="true"], :where([data-ui="neo-noir"]) .ui-textarea[aria-invalid="true"], :where([data-ui="neo-noir"]) .ui-select[aria-invalid="true"] {
    border-color: var(--noir-danger);
    box-shadow: 0 0 0 2px rgb(var(--noir-danger-rgb)/.2);
  }

  .noir-input[readonly], .noir-textarea[readonly], :where([data-ui="neo-noir"]) .usk-input[readonly], :where([data-ui="neo-noir"]) .usk-textarea[readonly], :where([data-ui="neo-noir"]) .ui-input[readonly], :where([data-ui="neo-noir"]) .ui-textarea[readonly] {
    filter: saturate(.72);
    opacity: .78;
    border-style: dashed;
  }

  .noir-button-primary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="primary"]) {
    background: linear-gradient(112deg,var(--noir-warning),var(--noir-primary));
    color: var(--noir-on-primary);
    border-color: var(--noir-warning);
  }

  .noir-button-secondary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="secondary"]) {
    background: linear-gradient(112deg,var(--noir-secondary),var(--noir-focus));
    color: var(--noir-on-secondary);
    border-color: var(--noir-focus);
  }

  .noir-button-danger, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="danger"]) {
    background: linear-gradient(112deg,var(--noir-danger),rgb(var(--noir-danger-rgb)/.68));
    color: var(--noir-on-danger);
    border-color: var(--noir-danger);
  }

  .noir-button-ghost, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="ghost"]) {
    color: var(--usk-primary-ink, var(--noir-primary));
    background: none;
    border-color: #0000;
  }

  .noir-feature-item > .noir-icon-medallion {
    font-size: 1.5rem;
    line-height: 1;
  }

  .noir-callout-bar > .noir-icon-medallion {
    min-block-size: 4.5rem;
    min-inline-size: 4.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
  }

  [data-ui="neo-noir"][data-mode="light"] {
    --noir-fallback-bg-rgb: 242 241 237;
    --noir-fallback-surface-rgb: 248 247 243;
    --noir-fallback-surface-strong-rgb: 248 247 243;
    --noir-fallback-surface-soft-rgb: 220 221 218;
    --noir-fallback-text-rgb: 16 20 23;
    --noir-fallback-text-muted-rgb: 85 90 92;
    --noir-fallback-border-rgb: 133 137 138;
    --noir-fallback-primary-rgb: 241 195 94;
    --noir-fallback-primary-hover-rgb: 230 177 58;
    --noir-fallback-primary-text-rgb: 16 20 23;
    --noir-fallback-secondary-rgb: 10 107 122;
    --noir-fallback-secondary-hover-rgb: 8 86 98;
    --noir-fallback-secondary-text-rgb: 255 255 255;
    --noir-fallback-accent-rgb: 104 67 143;
    --noir-fallback-accent-text-rgb: 255 255 255;
    --noir-fallback-success-rgb: 24 113 89;
    --noir-fallback-success-text-rgb: 255 255 255;
    --noir-fallback-warning-rgb: 138 87 0;
    --noir-fallback-warning-text-rgb: 255 255 255;
    --noir-fallback-danger-rgb: 187 26 42;
    --noir-fallback-danger-text-rgb: 255 255 255;
    --noir-fallback-link-rgb: 10 107 122;
    --noir-fallback-focus-rgb: 21 158 180;
    --noir-grain: url("./assets/neo-noir-texture-light.png");
    --noir-corner: url("./assets/neo-noir-corner-light.png");
  }

  [data-ui="neo-noir"][data-mode="dark"] {
    --noir-fallback-bg-rgb: 7 13 17;
    --noir-fallback-surface-rgb: 8 15 20;
    --noir-fallback-surface-strong-rgb: 10 17 22;
    --noir-fallback-surface-soft-rgb: 34 42 46;
    --noir-fallback-text-rgb: 221 214 199;
    --noir-fallback-text-muted-rgb: 160 160 153;
    --noir-fallback-border-rgb: 112 96 60;
    --noir-fallback-primary-rgb: 242 189 75;
    --noir-fallback-primary-hover-rgb: 255 208 110;
    --noir-fallback-primary-text-rgb: 7 13 17;
    --noir-fallback-secondary-rgb: 54 184 200;
    --noir-fallback-secondary-hover-rgb: 94 211 222;
    --noir-fallback-secondary-text-rgb: 7 13 17;
    --noir-fallback-accent-rgb: 174 122 219;
    --noir-fallback-accent-text-rgb: 7 13 17;
    --noir-fallback-success-rgb: 63 166 134;
    --noir-fallback-success-text-rgb: 7 13 17;
    --noir-fallback-warning-rgb: 242 189 75;
    --noir-fallback-warning-text-rgb: 7 13 17;
    --noir-fallback-danger-rgb: 255 87 101;
    --noir-fallback-danger-text-rgb: 7 13 17;
    --noir-fallback-link-rgb: 54 184 200;
    --noir-fallback-focus-rgb: 54 184 200;
    --noir-grain: url("./assets/neo-noir-texture-dark.png");
    --noir-corner: url("./assets/neo-noir-corner-dark.png");
  }

  [data-ui="neo-noir"][data-mode] {
    --noir-font-display: "Arial Narrow", Impact, sans-serif;
    --noir-font-heading: "Arial Narrow", "Bahnschrift Condensed", Arial, sans-serif;
    --noir-font-control: var(--noir-font-heading);
    --noir-font-body: Arial, sans-serif;
    --noir-font-mono: "IBM Plex Mono", Consolas, monospace;
    --noir-radius-xs: 0;
    --noir-radius-sm: 0;
    --noir-radius-md: 0;
    --noir-radius-lg: 0;
    --noir-radius-xl: 0;
    --noir-theme-bg: var(--noir-bg);
    --noir-card-bg: var(--noir-surface);
    --noir-control-bg: var(--noir-surface-strong);
    --noir-border-alpha: .65;
    --noir-shadow-sm: none;
    --noir-shadow-md: none;
    --noir-shadow-lg: none;
    --noir-focus-ring: 0 0 0 2px var(--noir-focus);
    --usk-native-radius-sm: 0;
    --usk-native-radius: 0;
    --usk-native-radius-lg: 0;
    --usk-native-shadow: none;
    --usk-native-shadow-md: none;
    --usk-native-focus-ring: 0 0 0 2px var(--noir-focus);
    --usk-native-choice-background: var(--noir-control-bg);
    --usk-native-choice-border: 1px solid var(--noir-border);
    --usk-native-choice-shadow: none;
    --usk-native-choice-checked-background: var(--noir-primary);
    --usk-native-checkbox-radius: 0;
    --usk-native-radio-radius: 50%;
    --usk-native-range-track-background: var(--noir-border);
    --usk-native-range-track-shadow: none;
    --usk-native-range-track-radius: 0;
    --usk-native-range-thumb-background: var(--usk-native-primary);
    --usk-native-range-thumb-shadow: none;
    --usk-native-progress-track-background: var(--noir-surface-soft);
    --usk-native-progress-track-shadow: none;
    --usk-native-progress-track-radius: 0;
    --usk-native-progress-value-background: var(--noir-primary);
    --usk-native-progress-value-shadow: none;
    --usk-native-progress-value-radius: 0;
    background: var(--noir-bg);
    color: var(--noir-text);
  }

  [data-ui="neo-noir"] :where(h1, h2, h3, h4, p, button, input, label, span, a, th, td) {
    letter-spacing: 0;
    text-shadow: none;
  }

  .noir-sheet {
    isolation: isolate;
    border: 1px solid var(--noir-border);
    background: linear-gradient(rgb(var(--noir-bg-rgb)/.975),rgb(var(--noir-bg-rgb)/.975)),var(--noir-grain) center/30rem repeat,var(--noir-bg);
    color: var(--noir-text);
    font: 12px/1.45 var(--noir-font-body);
    padding: 0;
    position: relative;
  }

  .noir-sheet:before {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: var(--noir-corner) right top/28rem auto no-repeat;
    opacity: .15;
    position: absolute;
    inset: 0;
  }

  .noir-identity {
    padding: 1.25rem;
  }

  .noir-brand-line {
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1rem;
    display: flex;
  }

  .noir-title {
    font: 400 3.75rem/1.1 var(--noir-font-display);
    text-transform: uppercase;
    margin: 0;
  }

  .noir-edition {
    color: var(--noir-warning);
    font: 400 2rem/1.2 var(--noir-font-display);
    text-transform: uppercase;
  }

  .noir-subtitle {
    border-top: 1px solid var(--noir-border);
    font: 12px/1.5 var(--noir-font-mono);
    text-transform: uppercase;
    margin-top: 1.5rem;
    padding-top: 1rem;
  }

  .noir-section-title {
    border-bottom: 1px solid rgb(var(--noir-border-rgb)/.35);
    font: 700 14px/1.25 var(--noir-font-heading);
    text-transform: uppercase;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 1rem;
    padding-bottom: .5rem;
    display: flex;
  }

  .noir-section-number {
    color: var(--noir-warning);
    font: 11px var(--noir-font-mono);
  }

  .noir-label, :where([data-ui="neo-noir"]) .usk-label, :where([data-ui="neo-noir"]) .ui-label {
    color: var(--noir-text-muted);
    font: 11px/1.4 var(--noir-font-control);
    text-transform: uppercase;
  }

  .noir-card, .noir-panel, .noir-toolbar, .noir-nav, .noir-table-wrap, .noir-well, .noir-card-service, .noir-feature-strip, .noir-callout-bar, .noir-metric, :where([data-ui="neo-noir"]) .usk-card, :where([data-ui="neo-noir"]) .usk-toolbar, :where([data-ui="neo-noir"]) .usk-nav, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .usk-metric, :where([data-ui="neo-noir"]) .ui-card, :where([data-ui="neo-noir"]) .ui-toolbar, :where([data-ui="neo-noir"]) .ui-nav, :where([data-ui="neo-noir"]) .ui-table-wrap, :where([data-ui="neo-noir"]) .ui-metric {
    background: var(--noir-card-bg);
    border: 1px solid var(--noir-border);
    box-shadow: none;
    clip-path: none;
    border-radius: 0;
  }

  .noir-button, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .ui-button {
    --noir-action-fill: var(--noir-surface);
    --noir-action-line: var(--noir-border);
    isolation: isolate;
    min-height: 36px;
    color: var(--noir-text);
    box-shadow: none;
    clip-path: none;
    font: 400 12px/1.3 var(--noir-font-control);
    text-transform: uppercase;
    background: none;
    border: 0;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: .45rem 1rem;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    transform: none;
  }

  .noir-button:before, :where([data-ui="neo-noir"]) .usk-button:before, :where([data-ui="neo-noir"]) .ui-button:before {
    content: "";
    z-index: -1;
    border: 1px solid var(--noir-action-line);
    background: var(--noir-action-fill);
    position: absolute;
    inset: 0 8px;
    transform: skewX(-16deg);
  }

  .noir-button-primary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="primary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="primary"]) {
    --noir-action-fill: var(--noir-primary);
    --noir-action-line: var(--noir-warning);
    color: var(--noir-on-primary);
  }

  .noir-button-secondary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="secondary"]) {
    --noir-action-fill: var(--noir-secondary);
    --noir-action-line: var(--noir-secondary);
  }

  .noir-button-outline, .noir-button-ghost, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="ghost"]) {
    --noir-action-fill: var(--noir-surface);
    color: var(--noir-text);
  }

  .noir-button-danger, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="danger"]) {
    --noir-action-line: var(--noir-danger);
    color: var(--noir-danger);
  }

  .noir-button:hover, .noir-button[data-noir-state="hover"], :where([data-ui="neo-noir"]) .usk-button:hover, :where([data-ui="neo-noir"]) .usk-button[data-noir-state="hover"], :where([data-ui="neo-noir"]) .ui-button:hover, :where([data-ui="neo-noir"]) .ui-button[data-noir-state="hover"] {
    color: var(--noir-text);
    box-shadow: none;
    filter: none;
    background: none;
    transform: none;
  }

  .noir-button-primary:hover, .noir-button-primary[data-noir-state="hover"], :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="primary"]):hover, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="primary"])[data-noir-state="hover"], :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="primary"]):hover, :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="primary"])[data-noir-state="hover"] {
    --noir-action-fill: var(--noir-primary-hover);
    color: var(--noir-on-primary);
  }

  .noir-button:active, .noir-button.is-active, .noir-button[aria-pressed="true"], .noir-button[data-noir-state="pressed"], :where([data-ui="neo-noir"]) .usk-button:active, :where([data-ui="neo-noir"]) .usk-button.is-active, :where([data-ui="neo-noir"]) .usk-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .usk-button[data-noir-state="pressed"], :where([data-ui="neo-noir"]) .ui-button:active, :where([data-ui="neo-noir"]) .ui-button.is-active, :where([data-ui="neo-noir"]) .ui-button[aria-pressed="true"], :where([data-ui="neo-noir"]) .ui-button[data-noir-state="pressed"] {
    box-shadow: none;
    background: none;
    transform: none;
  }

  .noir-button:active:before, .noir-button.is-active:before, .noir-button[aria-pressed="true"]:before, .noir-button[data-noir-state="pressed"]:before, :where([data-ui="neo-noir"]) .usk-button:active:before, :where([data-ui="neo-noir"]) .usk-button.is-active:before, :where([data-ui="neo-noir"]) .usk-button[aria-pressed="true"]:before, :where([data-ui="neo-noir"]) .usk-button[data-noir-state="pressed"]:before, :where([data-ui="neo-noir"]) .ui-button:active:before, :where([data-ui="neo-noir"]) .ui-button.is-active:before, :where([data-ui="neo-noir"]) .ui-button[aria-pressed="true"]:before, :where([data-ui="neo-noir"]) .ui-button[data-noir-state="pressed"]:before {
    box-shadow: inset 0 2px 0 rgb(var(--noir-text-rgb)/.3);
  }

  .noir-button[data-noir-state="focus"]:before, :where([data-ui="neo-noir"]) .usk-button[data-noir-state="focus"]:before, :where([data-ui="neo-noir"]) .ui-button[data-noir-state="focus"]:before {
    border: 2px solid var(--noir-focus);
  }

  .noir-button:disabled, :where([data-ui="neo-noir"]) .usk-button:disabled, :where([data-ui="neo-noir"]) .ui-button:disabled {
    opacity: .42;
    cursor: not-allowed;
    filter: none;
  }

  .noir-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"]:after {
    width: .8rem;
    height: .8rem;
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px solid;
    border-right-color: #0000;
    border-radius: 0;
    margin-left: .5rem;
    position: static;
  }

  .noir-icon-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-icon-button {
    background: var(--noir-control-bg);
    min-width: 32px;
    min-height: 32px;
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    clip-path: none;
    box-shadow: none;
    border-radius: 0;
    padding: .4rem;
  }

  .noir-icon-button svg, :where([data-ui="neo-noir"]) .usk-icon-button svg, :where([data-ui="neo-noir"]) .ui-icon-button svg {
    width: 16px;
    height: 16px;
    display: block;
  }

  .noir-input, .noir-textarea, .noir-select, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .usk-textarea, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-input, :where([data-ui="neo-noir"]) .ui-textarea, :where([data-ui="neo-noir"]) .ui-select {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    color: var(--noir-text);
    background: var(--noir-control-bg);
    border: 1px solid var(--noir-border);
    clip-path: none;
    box-shadow: none;
    font: 11px/1.4 var(--noir-font-mono);
    border-radius: 0;
    margin: 0;
    padding: .4rem .65rem;
  }

  .noir-select, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-select {
    appearance: auto;
    background-image: none;
    padding-right: .5rem;
  }

  .noir-input:focus, .noir-textarea:focus, .noir-select:focus, .noir-field-row[data-noir-state="focus"] :is(input,textarea), :where([data-ui="neo-noir"]) .usk-input:focus, :where([data-ui="neo-noir"]) .usk-textarea:focus, :where([data-ui="neo-noir"]) .usk-select:focus, :where([data-ui="neo-noir"]) .ui-input:focus, :where([data-ui="neo-noir"]) .ui-textarea:focus, :where([data-ui="neo-noir"]) .ui-select:focus {
    border-color: var(--noir-focus);
    box-shadow: none;
    outline: 2px solid var(--noir-focus);
    outline-offset: 1px;
  }

  .noir-input[aria-invalid="true"], .noir-textarea[aria-invalid="true"], :where([data-ui="neo-noir"]) .usk-input[aria-invalid="true"], :where([data-ui="neo-noir"]) .usk-textarea[aria-invalid="true"], :where([data-ui="neo-noir"]) .ui-input[aria-invalid="true"], :where([data-ui="neo-noir"]) .ui-textarea[aria-invalid="true"] {
    border-color: var(--noir-danger);
    color: var(--noir-danger);
    box-shadow: none;
  }

  .noir-field-row[data-noir-state="success"] input {
    border-color: var(--noir-success);
    color: var(--noir-success);
  }

  .noir-input:disabled, .noir-textarea:disabled, :where([data-ui="neo-noir"]) .usk-input:disabled, :where([data-ui="neo-noir"]) .usk-textarea:disabled, :where([data-ui="neo-noir"]) .ui-input:disabled, :where([data-ui="neo-noir"]) .ui-textarea:disabled {
    background: var(--noir-surface-soft);
    opacity: .55;
  }

  .noir-field-row {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-block: .45rem;
    display: grid;
  }

  .noir-field-row > span {
    font: 10px/1.4 var(--noir-font-control);
    text-transform: uppercase;
  }

  .noir-file-zone {
    border: 1px dashed var(--noir-border);
    text-align: center;
    place-items: center;
    min-height: 125px;
    padding: 1rem;
    display: grid;
    position: relative;
  }

  .noir-file-zone input {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .noir-file-zone:focus-within {
    outline: 2px solid var(--noir-focus);
    outline-offset: 2px;
  }

  .noir-file-zone svg {
    width: 24px;
    height: 24px;
  }

  .noir-file-state {
    border: 1px solid var(--noir-border);
    font: 10px/1.5 var(--noir-font-mono);
    overflow-wrap: break-word;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .65rem;
    padding: .65rem;
    display: flex;
  }

  .noir-file-state[data-status="success"] {
    color: var(--noir-success);
    border-color: currentColor;
  }

  .noir-file-state[data-status="error"] {
    color: var(--noir-danger);
    border-color: currentColor;
  }

  .noir-breadcrumbs {
    color: var(--noir-text-muted);
    font: 11px var(--noir-font-mono);
    flex-wrap: wrap;
    gap: .4rem;
    display: flex;
  }

  .noir-tabs, .noir-pagination, .noir-segmented, :where([data-ui="neo-noir"]) .usk-tabs, :where([data-ui="neo-noir"]) .usk-pagination, :where([data-ui="neo-noir"]) .ui-tabs, :where([data-ui="neo-noir"]) .ui-pagination {
    flex-wrap: wrap;
    gap: 2px;
    display: flex;
  }

  .noir-tab, .noir-pagination button, .noir-segmented button, :where([data-ui="neo-noir"]) .usk-tab, :where([data-ui="neo-noir"]) .usk-pagination button, :where([data-ui="neo-noir"]) .ui-tab, :where([data-ui="neo-noir"]) .ui-pagination button {
    border: 1px solid var(--noir-border);
    background: var(--noir-surface);
    min-height: 32px;
    color: var(--noir-text);
    font: 11px var(--noir-font-control);
    text-transform: uppercase;
    flex: 1;
    padding: .4rem .7rem;
  }

  .noir-tab[aria-selected="true"], .noir-pagination [aria-current="page"], .noir-segmented [aria-pressed="true"], :where([data-ui="neo-noir"]) .usk-tab[aria-selected="true"], :where([data-ui="neo-noir"]) .usk-pagination [aria-current="page"], :where([data-ui="neo-noir"]) .ui-tab[aria-selected="true"], :where([data-ui="neo-noir"]) .ui-pagination [aria-current="page"] {
    background: var(--noir-primary);
    color: var(--noir-on-primary);
  }

  .noir-tab-panel, :where([data-ui="neo-noir"]) .usk-tab-panel, :where([data-ui="neo-noir"]) .ui-tab-panel {
    color: var(--noir-text-muted);
    font: 11px var(--noir-font-mono);
    padding-block: .5rem;
  }

  .noir-stepper-track {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .noir-step, :where([data-ui="neo-noir"]) .usk-step, :where([data-ui="neo-noir"]) .ui-step {
    min-width: 0;
    font: 10px var(--noir-font-control);
    text-transform: uppercase;
    flex: 1;
    justify-items: center;
    gap: 12px;
    display: grid;
    position: relative;
  }

  .noir-step:before, :where([data-ui="neo-noir"]) .usk-step:before, :where([data-ui="neo-noir"]) .ui-step:before {
    content: "";
    background: var(--noir-border);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 14px;
    left: -50%;
  }

  .noir-step:first-child:before, :where([data-ui="neo-noir"]) .usk-step:first-child:before, :where([data-ui="neo-noir"]) .ui-step:first-child:before {
    display: none;
  }

  .noir-step-marker, :where([data-ui="neo-noir"]) .usk-step-marker, :where([data-ui="neo-noir"]) .ui-step-marker {
    z-index: 1;
    background: var(--noir-surface);
    border: 1px solid var(--noir-border);
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid;
    position: relative;
    transform: rotate(45deg);
  }

  .noir-step-marker>span, :where([data-ui="neo-noir"]) .usk-step-marker>span, :where([data-ui="neo-noir"]) .ui-step-marker>span {
    transform: rotate(-45deg);
  }

  .noir-step[aria-current="step"] .noir-step-marker, :where([data-ui="neo-noir"]) .usk-step[aria-current="step"] .usk-step-marker, :where([data-ui="neo-noir"]) .ui-step[aria-current="step"] .ui-step-marker {
    background: var(--noir-primary);
    color: var(--noir-on-primary);
    border-color: var(--noir-warning);
  }

  .noir-listbox, :where([data-ui="neo-noir"]) .usk-listbox, :where([data-ui="neo-noir"]) .ui-listbox {
    border: 1px solid var(--noir-border);
    background: var(--noir-surface);
    padding: .35rem 0;
  }

  .noir-option {
    width: 100%;
    color: var(--noir-text);
    font: 11px var(--noir-font-mono);
    text-align: left;
    background: none;
    border: 0;
    padding: .5rem .65rem;
    display: block;
  }

  .noir-option[aria-selected="true"] {
    color: var(--noir-on-secondary);
    background: var(--noir-secondary);
  }

  .noir-chips {
    flex-wrap: wrap;
    gap: .4rem;
    display: flex;
  }

  .noir-chip, :where([data-ui="neo-noir"]) .usk-chip, :where([data-ui="neo-noir"]) .ui-chip {
    border: 1px solid var(--noir-secondary);
    min-height: 28px;
    color: var(--noir-secondary);
    font: 11px var(--noir-font-mono);
    align-items: center;
    gap: .4rem;
    padding: .3rem .5rem;
    display: inline-flex;
  }

  .noir-chip button, :where([data-ui="neo-noir"]) .usk-chip button, :where([data-ui="neo-noir"]) .ui-chip button {
    width: 20px;
    height: 20px;
    color: inherit;
    background: none;
    border: 0;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .noir-chip svg, :where([data-ui="neo-noir"]) .usk-chip svg, :where([data-ui="neo-noir"]) .ui-chip svg {
    width: 12px;
    height: 12px;
  }

  .noir-check, .noir-radio, :where([data-ui="neo-noir"]) .usk-check, :where([data-ui="neo-noir"]) .usk-radio, :where([data-ui="neo-noir"]) .ui-check, :where([data-ui="neo-noir"]) .ui-radio {
    min-height: 32px;
    color: var(--noir-text);
    font: 11px var(--noir-font-control);
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .noir-check-control, .noir-radio-control, :where([data-ui="neo-noir"]) .usk-check-control, :where([data-ui="neo-noir"]) .usk-radio-control, :where([data-ui="neo-noir"]) .ui-check-control, :where([data-ui="neo-noir"]) .ui-radio-control {
    border: 1px solid var(--noir-border);
    background: var(--noir-control-bg);
    width: 16px;
    height: 16px;
    box-shadow: none;
    flex-shrink: 0;
    position: relative;
    transform: none;
  }

  .noir-check-control, :where([data-ui="neo-noir"]) .usk-check-control, :where([data-ui="neo-noir"]) .ui-check-control {
    border-radius: 0;
  }

  .noir-radio-control, :where([data-ui="neo-noir"]) .usk-radio-control, :where([data-ui="neo-noir"]) .ui-radio-control {
    border-radius: 50%;
  }

  .noir-check input:checked+.noir-check-control, .noir-radio input:checked+.noir-radio-control, :where([data-ui="neo-noir"]) .usk-check input:checked+.usk-check-control, :where([data-ui="neo-noir"]) .usk-radio input:checked+.usk-radio-control, :where([data-ui="neo-noir"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neo-noir"]) .ui-radio input:checked+.ui-radio-control {
    background: var(--noir-primary);
    border-color: var(--noir-border);
    box-shadow: none;
    color: var(--noir-on-primary);
  }

  .noir-check input:checked+.noir-check-control:after, :where([data-ui="neo-noir"]) .usk-check input:checked+.usk-check-control:after, :where([data-ui="neo-noir"]) .ui-check input:checked+.ui-check-control:after {
    content: "";
    border-top: 0;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-right: 0;
    width: 8px;
    height: 4px;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .noir-radio input:checked+.noir-radio-control:after, :where([data-ui="neo-noir"]) .usk-radio input:checked+.usk-radio-control:after, :where([data-ui="neo-noir"]) .ui-radio input:checked+.ui-radio-control:after {
    background: var(--noir-on-primary);
    box-shadow: none;
  }

  .noir-switch, :where([data-ui="neo-noir"]) .usk-switch, :where([data-ui="neo-noir"]) .ui-switch {
    min-height: 32px;
    font: 11px var(--noir-font-control);
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .noir-switch-track, :where([data-ui="neo-noir"]) .usk-switch-track, :where([data-ui="neo-noir"]) .ui-switch-track {
    border: 1px solid var(--noir-border);
    background: var(--noir-surface-soft);
    width: 40px;
    height: 20px;
    box-shadow: none;
    border-radius: 0;
  }

  .noir-switch-thumb, :where([data-ui="neo-noir"]) .usk-switch-thumb, :where([data-ui="neo-noir"]) .ui-switch-thumb {
    background: var(--noir-text-muted);
    width: 12px;
    height: 12px;
    box-shadow: none;
    border-radius: 50%;
    top: 3px;
    left: 3px;
  }

  .noir-switch input:checked+.noir-switch-track, :where([data-ui="neo-noir"]) .usk-switch input:checked+.usk-switch-track, :where([data-ui="neo-noir"]) .ui-switch input:checked+.ui-switch-track {
    background: var(--noir-primary);
    border-color: var(--noir-warning);
    box-shadow: none;
  }

  .noir-switch input:checked+.noir-switch-track .noir-switch-thumb, :where([data-ui="neo-noir"]) .usk-switch input:checked+.usk-switch-track .usk-switch-thumb, :where([data-ui="neo-noir"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
    background: var(--noir-on-primary);
    left: 3px;
    transform: translateX(20px);
  }

  .noir-range {
    appearance: none;
    background: repeating-linear-gradient(90deg,var(--noir-border)0 1px,transparent 1px 10%) center/calc(100% - 24px) 16px no-repeat;
    cursor: pointer;
    border: 0;
    width: 100%;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
  }

  .noir-range::-webkit-slider-runnable-track {
    background: linear-gradient(90deg,var(--noir-primary) var(--noir-value, 63%),var(--noir-border) var(--noir-value, 63%));
    height: 4px;
    box-shadow: none;
    border-radius: 2px;
  }

  .noir-range::-moz-range-track {
    background: var(--noir-border);
    height: 4px;
    box-shadow: none;
    border-radius: 2px;
  }

  .noir-range::-moz-range-progress {
    background: var(--noir-primary);
    border-radius: 2px;
    height: 4px;
  }

  .noir-range::-webkit-slider-thumb {
    appearance: none;
    box-sizing: border-box;
    border: 2px solid var(--noir-primary);
    background: linear-gradient(var(--noir-primary),var(--noir-primary)) center/2px 12px no-repeat var(--noir-surface-strong);
    width: 24px;
    height: 28px;
    box-shadow: none;
    clip-path: none;
    border-radius: 3px;
    margin-top: -12px;
  }

  .noir-range::-moz-range-thumb {
    box-sizing: border-box;
    border: 2px solid var(--noir-primary);
    background: linear-gradient(var(--noir-primary),var(--noir-primary)) center/2px 12px no-repeat var(--noir-surface-strong);
    width: 24px;
    height: 28px;
    box-shadow: none;
    clip-path: none;
    border-radius: 3px;
  }

  .noir-slider-value {
    width: 48px;
    left: calc(12px + (100% - 24px)*var(--noir-position, .63));
    text-align: center;
    color: var(--noir-on-primary);
    background: var(--noir-primary);
    font: 12px var(--noir-font-mono);
    margin-left: 0;
    padding: .4rem;
    display: block;
    position: relative;
    transform: translateX(-50%);
  }

  .noir-range-scale {
    height: 16px;
    font: 10px var(--noir-font-mono);
    color: var(--noir-text-muted);
    grid-template-columns: repeat(10, minmax(0, 1fr)) 0;
    margin-inline: 12px;
    display: grid;
  }

  .noir-range-scale > span {
    white-space: nowrap;
    justify-self: start;
    transform: translateX(-50%);
  }

  .noir-range-legend {
    font: 10px var(--noir-font-control);
    color: var(--noir-text-muted);
    text-transform: uppercase;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem;
    margin-top: 2rem;
    display: flex;
  }

  .noir-progress, :where([data-ui="neo-noir"]) .usk-progress, :where([data-ui="neo-noir"]) .ui-progress {
    border: 1px solid var(--noir-border);
    background: var(--noir-surface);
    height: 12px;
    box-shadow: none;
    border-radius: 0;
  }

  .noir-progress-bar, :where([data-ui="neo-noir"]) .usk-progress-bar, :where([data-ui="neo-noir"]) .ui-progress-bar {
    background: var(--noir-primary);
    height: 100%;
    box-shadow: none;
    border-radius: 0;
    display: block;
  }

  .noir-progress:not([aria-valuenow]) .noir-progress-bar, :where([data-ui="neo-noir"]) .usk-progress:not([aria-valuenow]) .usk-progress-bar, :where([data-ui="neo-noir"]) .ui-progress:not([aria-valuenow]) .ui-progress-bar {
    width: 32%;
    animation: 2s ease-in-out infinite alternate noir-scan;
  }

  .noir-segments {
    gap: .3rem;
    display: flex;
  }

  .noir-segments > i {
    border: 1px solid var(--noir-border);
    background: var(--noir-surface);
    flex: 1;
    height: 12px;
  }

  .noir-segments > .is-done {
    background: var(--noir-primary);
  }

  .noir-workflow {
    gap: .25rem;
    display: flex;
  }

  .noir-workflow .noir-button, :where([data-ui="neo-noir"]) .noir-workflow .usk-button, :where([data-ui="neo-noir"]) .noir-workflow .ui-button {
    flex: 1;
    min-width: 0;
    padding-inline: .6rem;
    font-size: 10px;
  }

  .noir-threshold {
    background: linear-gradient(90deg,var(--noir-success)0 33.33%,var(--noir-warning) 33.33% 66.67%,var(--noir-danger) 66.67%);
    height: 10px;
    position: relative;
  }

  .noir-threshold:after {
    content: "";
    top: -5px;
    left: var(--noir-value, 72%);
    background: var(--noir-text);
    width: 2px;
    height: 20px;
    position: absolute;
  }

  .noir-threshold-labels {
    text-align: center;
    font: 10px var(--noir-font-control);
    text-transform: uppercase;
    grid-template-columns: repeat(3, 1fr);
    margin-top: .5rem;
    display: grid;
  }

  .noir-badge, :where([data-ui="neo-noir"]) .usk-badge, :where([data-ui="neo-noir"]) .ui-badge {
    min-height: 24px;
    color: var(--noir-text-muted);
    font: 10px/1.4 var(--noir-font-control);
    text-transform: uppercase;
    box-shadow: none;
    background: none;
    border: 1px solid;
    border-radius: 0;
    padding: .2rem .5rem;
  }

  .noir-badge-success, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="success"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="success"]) {
    color: var(--noir-success);
    background: none;
  }

  .noir-badge-warning, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="warning"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="warning"]) {
    color: var(--noir-warning);
    background: none;
  }

  .noir-badge-danger, :where([data-ui="neo-noir"]) .usk-badge:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-badge:where([data-ui-variant="danger"]) {
    color: var(--noir-danger);
    background: none;
  }

  .noir-badge-review {
    color: var(--usk-accent-ink, var(--noir-accent));
  }

  .noir-alert, :where([data-ui="neo-noir"]) .usk-alert, :where([data-ui="neo-noir"]) .ui-alert {
    background: var(--noir-surface);
    color: var(--noir-text);
    border: 1px solid var(--noir-secondary);
    box-shadow: none;
    font: 11px var(--noir-font-mono);
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .45rem .65rem;
    display: flex;
  }

  .noir-alert-success, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="success"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="success"]) {
    color: var(--noir-success);
    border-color: currentColor;
  }

  .noir-alert-warning, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="warning"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="warning"]) {
    color: var(--noir-warning);
    border-color: currentColor;
  }

  .noir-alert-danger, :where([data-ui="neo-noir"]) .usk-alert:where([data-ui-variant="danger"]), :where([data-ui="neo-noir"]) .ui-alert:where([data-ui-variant="danger"]) {
    color: var(--noir-danger);
    border-color: currentColor;
  }

  .noir-alert-close {
    min-width: 28px;
    min-height: 28px;
    color: inherit;
    background: none;
    border: 0;
    padding: .2rem;
  }

  .noir-alert-close svg {
    width: 14px;
    height: 14px;
    margin: auto;
    display: block;
  }

  .noir-tooltip, [data-ui="neo-noir"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]), :where([data-ui="neo-noir"]) .usk-tooltip, :where([data-ui="neo-noir"]) .ui-tooltip {
    background: var(--noir-surface-strong);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    box-shadow: none;
    clip-path: none;
    font: 11px/1.5 var(--noir-font-mono);
    border-radius: 0;
    padding: 1rem;
  }

  .noir-tooltip, :where([data-ui="neo-noir"]) .usk-tooltip, :where([data-ui="neo-noir"]) .ui-tooltip {
    position: relative;
    overflow: visible;
  }

  .noir-tooltip-arrow {
    display: none;
  }

  .noir-tooltip:after, :where([data-ui="neo-noir"]) .usk-tooltip:after, :where([data-ui="neo-noir"]) .ui-tooltip:after {
    content: "";
    background: var(--noir-surface-strong);
    border: 1px solid var(--noir-border);
    pointer-events: none;
    border-top: 0;
    border-left: 0;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    inset: auto auto -5px calc(50% - 4px);
    transform: rotate(45deg);
  }

  .noir-tooltip-right:after {
    inset: calc(50% - 4px) auto auto -5px;
    transform: rotate(135deg);
  }

  .noir-tooltip-bottom:after {
    inset: -5px auto auto calc(50% - 4px);
    transform: rotate(225deg);
  }

  .noir-tooltip-left:after {
    inset: calc(50% - 4px) -5px auto auto;
    transform: rotate(-45deg);
  }

  .noir-processing {
    border: 1px solid var(--noir-accent);
    min-height: 110px;
    color: var(--usk-accent-ink, var(--noir-accent));
    font: 12px var(--noir-font-control);
    align-content: center;
    justify-items: center;
    gap: .4rem;
    padding: 1rem;
    display: grid;
  }

  [data-ui="neo-noir"] .noir-processing strong {
    font: 400 28px var(--noir-font-display);
    color: inherit;
  }

  .noir-processing:after {
    content: "";
    background: currentColor;
    width: 60%;
    height: 2px;
    animation: 1.5s ease-in-out infinite alternate noir-pulse;
  }

  .noir-spinner, .noir-loading-spinner, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]), :where([data-ui="neo-noir"]) .usk-spinner, :where([data-ui="neo-noir"]) .ui-spinner {
    border: 1px solid var(--noir-spinner-track);
    box-shadow: none;
    clip-path: none;
    background: none;
    border-radius: 50%;
    flex-shrink: 0;
    animation: none;
    position: relative;
  }

  .noir-spinner:before, .noir-loading-spinner:before, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, :where([data-ui="neo-noir"]) .usk-spinner:before, :where([data-ui="neo-noir"]) .ui-spinner:before {
    content: "";
    border: 2px dashed var(--noir-spinner-stroke);
    border-radius: 50%;
    animation: 1.8s linear infinite noir-spin;
    position: absolute;
    inset: 9%;
  }

  @supports (mask-image: radial-gradient(black,transparent)) {
    .noir-spinner:before, .noir-loading-spinner:before, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, :where([data-ui="neo-noir"]) .usk-spinner:before, :where([data-ui="neo-noir"]) .ui-spinner:before {
      background: repeating-conic-gradient(var(--noir-spinner-stroke) 0deg 42deg,transparent 42deg 60deg);
      border: 0;
      mask-image: radial-gradient(circle, #0000 42%, #000 44%);
    }
  }

  .noir-spinner:after, .noir-loading-spinner:after, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):after, :where([data-ui="neo-noir"]) .usk-spinner:after, :where([data-ui="neo-noir"]) .ui-spinner:after {
    content: "";
    border: 1px solid var(--noir-spinner-accent);
    position: absolute;
    inset: 39%;
    transform: rotate(45deg);
  }

  .noir-button[aria-busy="true"]:after, .noir-icon-button[aria-busy="true"]:after, [data-ui="neo-noir"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after, :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-icon-button[aria-busy="true"]:after {
    box-shadow: none;
    clip-path: none;
    background: none;
    border: 2px dashed;
    border-radius: 50%;
    animation: 1.8s linear infinite noir-spin;
  }

  .noir-card-service > .noir-icon-medallion {
    font-size: 28px;
    line-height: 1;
  }

  .noir-callout-bar > .noir-icon-medallion > svg {
    width: 32px;
    height: 32px;
    display: block;
  }

  .noir-badge-seal {
    letter-spacing: 0;
    gap: 2px;
  }

  .noir-badge-seal > strong {
    font-size: 28px;
    line-height: 1;
  }

  .noir-badge-seal > small {
    font-size: 13px;
    line-height: 1;
  }

  .noir-icon-medallion, .noir-badge-seal {
    isolation: isolate;
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    position: relative;
  }

  .noir-icon-medallion:before, .noir-badge-seal:before, .noir-icon-medallion:after, .noir-badge-seal:after {
    content: "";
    z-index: -2;
    background: var(--noir-primary);
    clip-path: polygon(29.3% 0, 70.7% 0, 100% 29.3%, 100% 70.7%, 70.7% 100%, 29.3% 100%, 0 70.7%, 0 29.3%);
    position: absolute;
    inset: 0;
  }

  .noir-icon-medallion:after, .noir-badge-seal:after {
    z-index: -1;
    background: var(--noir-surface-strong);
    inset: 2px;
  }

  .noir-rounded {
    --noir-radius-md: 8px;
    border-radius: 8px;
  }

  .noir-rounded-lg {
    --noir-radius-lg: 12px;
    border-radius: 12px;
  }

  .noir-rounded-xl {
    --noir-radius-xl: 16px;
    border-radius: 16px;
  }

  [data-ui="neo-noir"][data-mode] input[type="checkbox"]:not(:where([class*="noir-check"] input, [class*="noir-switch"] input, [class*="ui-check"] input, [class*="ui-switch"] input)) {
    background-image: none;
    position: relative;
  }

  [data-ui="neo-noir"][data-mode] input[type="checkbox"]:not(:where([class*="noir-check"] input, [class*="noir-switch"] input, [class*="ui-check"] input, [class*="ui-switch"] input)):before {
    content: "";
    background: var(--usk-native-choice-mark-color);
    clip-path: polygon(0 44%, 14% 30%, 40% 57%, 85% 5%, 100% 19%, 41% 90%);
    opacity: 0;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  [data-ui="neo-noir"][data-mode] input[type="checkbox"]:not(:where([class*="noir-check"] input, [class*="noir-switch"] input, [class*="ui-check"] input, [class*="ui-switch"] input)):checked:before {
    opacity: 1;
  }

  [data-ui="neo-noir"][data-mode] input[type="checkbox"]:not(:where([class*="noir-check"] input, [class*="noir-switch"] input, [class*="ui-check"] input, [class*="ui-switch"] input)):indeterminate:before {
    opacity: 1;
    clip-path: none;
    height: 2px;
  }

  .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-table-wrap {
    border: 0;
    overflow: auto;
  }

  .noir-table, :where([data-ui="neo-noir"]) .usk-table, :where([data-ui="neo-noir"]) .ui-table {
    border-collapse: collapse;
    width: 100%;
    font: 10px/1.5 var(--noir-font-mono);
  }

  .noir-table th, :where([data-ui="neo-noir"]) .usk-table th, :where([data-ui="neo-noir"]) .ui-table th {
    text-align: left;
    border-bottom: 1px solid var(--noir-border);
    color: var(--noir-text);
    font: 700 10px var(--noir-font-control);
    background: none;
    padding: .55rem .4rem;
  }

  .noir-table td, :where([data-ui="neo-noir"]) .usk-table td, :where([data-ui="neo-noir"]) .ui-table td {
    border-bottom: 1px solid rgb(var(--noir-border-rgb)/.25);
    color: var(--noir-text-muted);
    background: none;
    padding: .5rem .4rem;
  }

  .noir-progress-cell {
    align-items: center;
    gap: .35rem;
    min-width: 72px;
    display: flex;
  }

  .noir-progress-cell .noir-progress, :where([data-ui="neo-noir"]) .noir-progress-cell .usk-progress, :where([data-ui="neo-noir"]) .noir-progress-cell .ui-progress {
    flex-shrink: 0;
    width: 42px;
    height: 6px;
  }

  .noir-dialog, [data-ui="neo-noir"][data-mode] dialog.noir-dialog {
    background: var(--noir-surface-strong);
    color: var(--noir-text);
    border: 1px solid var(--noir-border);
    box-shadow: none;
    border-radius: 0;
    max-width: min(34rem, 100% - 2rem);
    padding: 1.25rem;
  }

  .noir-dialog h3 {
    color: var(--noir-warning);
    font: 400 26px var(--noir-font-display);
    text-transform: uppercase;
    margin: 0 0 .65rem;
  }

  .noir-dialog-meta {
    border: 1px solid var(--noir-border);
    font: 10px var(--noir-font-mono);
    grid-template-columns: auto 1fr;
    gap: .7rem;
    margin-block: 1rem;
    padding: .75rem;
    display: grid;
  }

  .noir-dialog-meta dd {
    margin: 0;
  }

  .noir-dialog-actions {
    justify-content: flex-end;
    gap: .7rem;
    display: flex;
  }

  .noir-dialog::backdrop {
    background: #000000b8;
  }

  .noir-swatches {
    flex-wrap: wrap;
    gap: .4rem;
    display: flex;
  }

  .noir-swatch {
    border: 1px solid var(--noir-border);
    width: 30px;
    height: 36px;
    display: block;
  }

  .noir-display-sample {
    font: 400 34px/1.05 var(--noir-font-display);
    text-transform: uppercase;
    margin: 0;
  }

  .noir-alpha, .noir-mono-sample {
    font: 11px/1.7 var(--noir-font-mono);
    overflow-wrap: break-word;
  }

  .noir-geometry-row {
    flex-wrap: wrap;
    gap: 1rem;
    display: flex;
  }

  .noir-shape {
    border: 1px solid var(--noir-border);
    width: 54px;
    height: 24px;
  }

  .noir-shape:nth-child(2) {
    border-color: var(--noir-secondary);
    transform: skewX(-16deg);
  }

  .noir-shape:nth-child(3) {
    border-color: var(--noir-warning);
    transform: skewX(-16deg);
  }

  .noir-line-samples {
    gap: .5rem;
    display: grid;
  }

  .noir-line-samples i {
    background: var(--noir-border);
    height: 1px;
  }

  .noir-line-samples i:nth-child(2) {
    background: var(--noir-warning);
  }

  .noir-line-samples i:nth-child(3) {
    background: var(--noir-secondary);
  }

  .noir-line-samples i:nth-child(4) {
    background: var(--noir-danger);
  }

  .noir-texture-sample {
    border: 1px solid var(--noir-border);
    background: linear-gradient(rgb(var(--noir-surface-rgb)/.94),rgb(var(--noir-surface-rgb)/.94)),var(--noir-grain) center/cover,var(--noir-surface);
    min-height: 56px;
  }

  .noir-ratio {
    border: 1px solid var(--noir-border);
    font: 11px var(--noir-font-mono);
    padding: .5rem;
    display: inline-block;
  }

  .noir-focus-sample {
    color: var(--noir-text);
    background: var(--noir-surface);
    border: 1px solid var(--noir-focus);
    outline: 2px solid var(--noir-focus);
    outline-offset: 4px;
    padding: .75rem;
  }

  .noir-color-safe {
    gap: 3px;
    display: flex;
  }

  .noir-color-safe i {
    background: var(--noir-warning);
    width: 14px;
    height: 24px;
  }

  .noir-color-safe i:nth-child(2) {
    background: var(--noir-danger);
  }

  .noir-color-safe i:nth-child(3) {
    background: var(--noir-success);
  }

  .noir-color-safe i:nth-child(4) {
    background: var(--noir-accent);
  }

  .noir-details {
    font: 11px/1.5 var(--noir-font-mono);
    margin-top: .65rem;
  }

  .noir-empty-state, :where([data-ui="neo-noir"]) .usk-empty-state, :where([data-ui="neo-noir"]) .ui-empty-state {
    border: 1px dashed var(--noir-border);
    min-height: 72px;
    box-shadow: none;
    background: none;
    padding: 1rem;
  }

  [data-ui="neo-noir"] .noir-metric-value, :where([data-ui="neo-noir"]) .usk-metric-value, :where([data-ui="neo-noir"]) .ui-metric-value {
    font: 400 20px/1.3 var(--noir-font-mono);
    letter-spacing: 0;
  }

  .noir-metric-label, :where([data-ui="neo-noir"]) .usk-metric-label, :where([data-ui="neo-noir"]) .ui-metric-label {
    font: 11px/1.5 var(--noir-font-control);
    text-transform: uppercase;
  }

  [data-ui="neo-noir"] .noir-chip button, :where([data-ui="neo-noir"]) .usk-chip button, :where([data-ui="neo-noir"]) .ui-chip button {
    min-height: 20px;
    color: inherit;
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  [data-ui="neo-noir"] .noir-table, :where([data-ui="neo-noir"]) .usk-table, :where([data-ui="neo-noir"]) .ui-table {
    background: none;
    border: 0;
  }

  [data-ui="neo-noir"] .noir-table-wrap, :where([data-ui="neo-noir"]) .usk-table-wrap, :where([data-ui="neo-noir"]) .ui-table-wrap {
    background: none;
    padding: 0;
  }

  [data-ui="neo-noir"] .noir-details {
    background: none;
    border: 0;
    padding: 0;
  }

  [data-ui="neo-noir"][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
    border: 1px solid var(--noir-border);
    box-shadow: none;
    border-radius: 0;
  }

  [data-ui="neo-noir"] :where(:focus-visible) {
    outline: 2px solid var(--noir-focus);
    outline-offset: 3px;
  }

  @keyframes noir-scan {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(210%);
    }
  }

  @keyframes noir-pulse {
    from {
      transform: scaleX(.35);
    }

    to {
      transform: scaleX(1);
    }
  }

  @media (max-width: 700px), (pointer: coarse) {
    [data-ui="neo-noir"] .noir-chip button, :where([data-ui="neo-noir"]) .usk-chip button, :where([data-ui="neo-noir"]) .ui-chip button {
      min-width: 44px;
      min-height: 44px;
    }

    .noir-button, .noir-icon-button, .noir-tab, .noir-pagination button, .noir-segmented button, .noir-option, .noir-alert-close, .noir-chip button, .noir-check, .noir-radio, .noir-switch, .noir-input, .noir-select, :where([data-ui="neo-noir"]) .usk-button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .usk-tab, :where([data-ui="neo-noir"]) .usk-pagination button, :where([data-ui="neo-noir"]) .usk-chip button, :where([data-ui="neo-noir"]) .usk-check, :where([data-ui="neo-noir"]) .usk-radio, :where([data-ui="neo-noir"]) .usk-switch, :where([data-ui="neo-noir"]) .usk-input, :where([data-ui="neo-noir"]) .usk-select, :where([data-ui="neo-noir"]) .ui-button, :where([data-ui="neo-noir"]) .ui-icon-button, :where([data-ui="neo-noir"]) .ui-tab, :where([data-ui="neo-noir"]) .ui-pagination button, :where([data-ui="neo-noir"]) .ui-chip button, :where([data-ui="neo-noir"]) .ui-check, :where([data-ui="neo-noir"]) .ui-radio, :where([data-ui="neo-noir"]) .ui-switch, :where([data-ui="neo-noir"]) .ui-input, :where([data-ui="neo-noir"]) .ui-select {
      min-height: 44px;
    }

    .noir-chip button, .noir-icon-button, .noir-alert-close, :where([data-ui="neo-noir"]) .usk-chip button, :where([data-ui="neo-noir"]) .usk-icon-button, :where([data-ui="neo-noir"]) .ui-chip button, :where([data-ui="neo-noir"]) .ui-icon-button {
      min-width: 44px;
    }

    .noir-title {
      font-size: 44px;
    }

    .noir-edition {
      font-size: 28px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .noir-processing:after, .noir-progress-bar, .noir-spinner, .noir-loading-spinner, .noir-spinner:before, .noir-loading-spinner:before, [data-ui="neo-noir"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]):before, .noir-button[aria-busy="true"]:after, .noir-icon-button[aria-busy="true"]:after, [data-ui="neo-noir"] :where(button[aria-busy="true"],input[aria-busy="true"]):after, :where([data-ui="neo-noir"]) .usk-progress-bar, :where([data-ui="neo-noir"]) .usk-spinner, :where([data-ui="neo-noir"]) .usk-spinner:before, :where([data-ui="neo-noir"]) .usk-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-progress-bar, :where([data-ui="neo-noir"]) .ui-spinner, :where([data-ui="neo-noir"]) .ui-spinner:before, :where([data-ui="neo-noir"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neo-noir"]) .ui-icon-button[aria-busy="true"]:after {
      animation: none;
    }
  }

  [data-ui="neo-noir"][data-mode="contrast"] {
    --noir-grain: none;
    --noir-corner: none;
    --noir-border-alpha: 1;
  }

  [data-ui="neo-noir"][data-mode] .noir-button.noir-button-warning, :where([data-ui="neo-noir"])[data-mode] .usk-button.usk-button:where([data-ui-variant="warning"]), :where([data-ui="neo-noir"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]) {
    --noir-action-fill: var(--noir-warning);
    --noir-action-line: var(--noir-warning);
    color: var(--noir-on-warning);
    border-color: var(--noir-warning);
    text-shadow: none;
    background: none;
  }

  [data-ui="neo-noir"][data-mode] .noir-badge-seal > strong {
    font-size: 28px;
    line-height: 1;
  }
}

[data-ui="neo-noir"][data-mode] .noir-title {
  letter-spacing: max(.055em, .5px);
  margin-block: max(.75rem, 12px);
}

[data-ui="neo-noir"][data-mode] .noir-feature-item > .noir-icon-medallion {
  font-size: 1.5rem;
  line-height: 1;
}

[data-ui="neo-noir"][data-mode] .noir-callout-bar > .noir-icon-medallion {
  min-block-size: 4.5rem;
  min-inline-size: 4.5rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}