[data-kit-theme=classic]{--bm-bg:#f6efe3;--bm-surface:#fdfaf4;--bm-surface-2:#eee5d6;--bm-ink:#2a1a0e;--bm-ink-2:#706052;--bm-ink-3:#706052;--bm-line:#2a1a0e;--bm-line-2:#2a1a0e;--bm-accent:#dea645;--bm-accent-ink:#2c1f0d;--bm-shadow-card:0 4px 0 #2a1a0e;--bm-shadow-control:0 2px 0 #2a1a0e;--bm-shadow-pressable:0 2px 0 #2a1a0e;--bm-control-border:2px;--bm-control-weight:600;--bm-accent-border:#2a1a0e;--bm-field-bg:var(--bm-surface);--bm-focus-border:#2a1a0e;--bm-focus-ring:0 0 0 4px #dea64573;--bm-radius:.75rem;--bm-radius-control:.75rem;--bm-radius-panel:1.375rem;--bm-font-sans:"Banh Mi Sans", ui-sans-serif, system-ui, sans-serif;--bm-font-heading:"Banh Mi Hand", ui-rounded, cursive;--bm-font-mono:"Banh Mi Mono", ui-monospace, monospace;--bm-heading-weight:700;--bm-heading-tracking:-.01em;--bm-font-hand:"Banh Mi Hand", ui-rounded, cursive;--bm-ol:#2a1a0e;--bm-ink-on-fill:#2a1a0e;--bm-press:0 4px 0 var(--bm-ol);--bm-press-sm:0 2px 0 var(--bm-ol);--bm-shadow-float:8px 8px 0 var(--bm-ol);--bm-kind-flowchart:#ffcf5d;--bm-kind-mindmap:#c9b8f5;--bm-kind-sequence:#a8cdf7;--bm-kind-whiteboard:#9fe0b0;--bm-kind-wireframe:#ffab94;--bm-kind-checklist:#f7c6e0;--bm-kind-mix:42%;--bm-fleck:#57381d33;--bm-fleck-soft:#57381d1f}@supports (color:lab(0% 0 0)){[data-kit-theme=classic]{--bm-bg:lab(94.8496% .560939 6.89471);--bm-surface:lab(98.2924% .224292 3.04729);--bm-surface-2:lab(91.3683% 1.10546 8.40334);--bm-ink:lab(11.1286% 6.95196 10.7453);--bm-ink-2:lab(41.9402% 5.10854 10.4605);--bm-ink-3:lab(41.9402% 5.10854 10.4605);--bm-line:lab(11.1286% 6.95196 10.7453);--bm-line-2:lab(11.1286% 6.95196 10.7453);--bm-accent:lab(72.1607% 14.5394 56.7104);--bm-accent-ink:lab(12.9903% 4.39643 13.9678);--bm-shadow-card:0 4px 0 lab(11.1286% 6.95196 10.7453);--bm-shadow-control:0 2px 0 lab(11.1286% 6.95196 10.7453);--bm-shadow-pressable:0 2px 0 lab(11.1286% 6.95196 10.7453);--bm-accent-border:lab(11.1286% 6.95196 10.7453);--bm-focus-border:lab(11.1286% 6.95196 10.7453);--bm-focus-ring:0 0 0 4px lab(72.1607% 14.5394 56.7104/.45);--bm-ol:lab(11.1286% 6.95196 10.7453);--bm-ink-on-fill:lab(11.1286% 6.95196 10.7453);--bm-kind-flowchart:lab(85.7654% 8.9896 62.2391);--bm-kind-mindmap:lab(77.8602% 15.0809 -28.125);--bm-kind-sequence:lab(80.7975% -5.33426 -24.9502);--bm-kind-whiteboard:lab(83.8362% -28.6158 16.8964);--bm-kind-wireframe:lab(78.0722% 29.8818 25.1938);--bm-kind-checklist:lab(84.8479% 21.0295 -6.15966);--bm-fleck:lab(26.7027% 12.086 22.4812/.2);--bm-fleck-soft:lab(26.7027% 12.086 22.4812/.12)}}.dark [data-kit-theme=classic]{--bm-bg:#18130e;--bm-surface:#251f1a;--bm-surface-2:#1e1813;--bm-ink:#e5ddce;--bm-ink-2:#ada396;--bm-ink-3:#ada396;--bm-line:#080503;--bm-line-2:#080503;--bm-accent:#ebb25f;--bm-accent-ink:#201608;--bm-shadow-card:0 4px 0 #080503;--bm-shadow-control:0 2px 0 #080503;--bm-shadow-pressable:0 2px 0 #080503;--bm-control-border:2px;--bm-control-weight:600;--bm-accent-border:#080503;--bm-field-bg:var(--bm-surface);--bm-focus-border:#080503;--bm-focus-ring:0 0 0 4px #ebb25f73;--bm-radius:.75rem;--bm-radius-control:.75rem;--bm-radius-panel:1.375rem;--bm-font-sans:"Banh Mi Sans", ui-sans-serif, system-ui, sans-serif;--bm-font-heading:"Banh Mi Hand", ui-rounded, cursive;--bm-font-mono:"Banh Mi Mono", ui-monospace, monospace;--bm-heading-weight:700;--bm-heading-tracking:-.01em;--bm-font-hand:"Banh Mi Hand", ui-rounded, cursive;--bm-ol:#080503;--bm-ink-on-fill:#2a1a0e;--bm-press:0 4px 0 var(--bm-ol);--bm-press-sm:0 2px 0 var(--bm-ol);--bm-shadow-float:8px 8px 0 var(--bm-ol);--bm-kind-flowchart:#f2bf4a;--bm-kind-mindmap:#b3a1ea;--bm-kind-sequence:#90b9ea;--bm-kind-whiteboard:#86cf9a;--bm-kind-wireframe:#f09a82;--bm-kind-checklist:#e6aecb;--bm-kind-mix:78%;--bm-fleck:#f7dba117;--bm-fleck-soft:#f7dba10d}@supports (color:lab(0% 0 0)){.dark [data-kit-theme=classic]{--bm-bg:lab(6.1707% 1.86804 3.09714);--bm-surface:lab(12.3926% 2.37457 4.87273);--bm-surface-2:lab(8.91113% 2.27993 4.28999);--bm-ink:lab(88.483% .721097 8.45265);--bm-ink-2:lab(67.5505% 2.0383 8.23638);--bm-ink-3:lab(67.5505% 2.0383 8.23638);--bm-line:lab(1.55178% .640653 1.00339);--bm-line-2:lab(1.55178% .640653 1.00339);--bm-accent:lab(76.7578% 14.8254 49.9635);--bm-accent-ink:lab(8.3524% 3.65549 9.34418);--bm-shadow-card:0 4px 0 lab(1.55178% .640653 1.00339);--bm-shadow-control:0 2px 0 lab(1.55178% .640653 1.00339);--bm-shadow-pressable:0 2px 0 lab(1.55178% .640653 1.00339);--bm-accent-border:lab(1.55178% .640653 1.00339);--bm-focus-border:lab(1.55178% .640653 1.00339);--bm-focus-ring:0 0 0 4px lab(76.7578% 14.8254 49.9635/.45);--bm-ol:lab(1.55178% .640653 1.00339);--bm-ink-on-fill:lab(11.1286% 6.95196 10.7453);--bm-kind-flowchart:lab(80.4955% 10.2485 63.7016);--bm-kind-mindmap:lab(69.8296% 18.1334 -34.6622);--bm-kind-sequence:lab(73.5228% -5.15372 -29.1372);--bm-kind-whiteboard:lab(77.2444% -32.0575 18.9744);--bm-kind-wireframe:lab(72.117% 31.152 26.3727);--bm-kind-checklist:lab(77.0576% 24.2873 -6.62029);--bm-fleck:lab(88.6194% 4.04969 32.1325/.09);--bm-fleck-soft:lab(88.6194% 4.04969 32.1325/.05)}}
.kit-preview{border:1px solid var(--bm-line);border-radius:var(--bm-radius-panel);background:var(--bm-bg);color:var(--bm-ink);font-family:var(--bm-font-sans);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.kit-preview h3{font-family:var(--bm-font-heading);font-size:1.5rem;font-weight:var(--bm-heading-weight);letter-spacing:var(--bm-heading-tracking);margin:0;line-height:1.2}.kit-preview p{color:var(--bm-ink-2);margin:0;font-size:1rem}.kit-card{border:var(--bm-control-border) solid var(--bm-line-2);border-radius:var(--bm-radius-panel);background:var(--bm-surface);box-shadow:var(--bm-shadow-card);padding:1rem}.kit-card small{color:var(--bm-ink-3);font-size:.8125rem}.kit-actions{flex-wrap:wrap;gap:.5rem;display:flex}.kit-button{border:var(--bm-control-border) solid var(--bm-line-2);border-radius:var(--bm-radius-control);background:var(--bm-surface);min-height:2.75rem;box-shadow:var(--bm-shadow-control);color:var(--bm-ink);font:inherit;font-weight:var(--bm-control-weight);align-items:center;padding:0 1rem;display:inline-flex}.kit-button[data-primary]{border-color:var(--bm-accent-border);background:var(--bm-accent);box-shadow:var(--bm-shadow-pressable);color:var(--bm-accent-ink)}.kit-field{box-sizing:border-box;border:var(--bm-control-border) solid var(--bm-line-2);border-radius:var(--bm-radius-control);background:var(--bm-field-bg);width:100%;min-height:2.75rem;box-shadow:var(--bm-shadow-control);color:var(--bm-ink);font:inherit;outline:none;padding:0 .75rem}.kit-field::placeholder{color:var(--bm-ink-2)}.kit-field:focus-visible{border-color:var(--bm-focus-border);box-shadow:var(--bm-focus-ring), var(--bm-shadow-control)}.kit-swatches{gap:.375rem;display:flex}.kit-swatches i{border:1px solid var(--bm-line-2);border-radius:var(--bm-radius-control);width:1.5rem;height:1.5rem}
