:root{--bambi-color-white: oklch(100% 0 0);--bambi-color-black: oklch(0% 0 0);--bambi-neutral-50: oklch(97% .01 271);--bambi-neutral-100: oklch(95% .008 271);--bambi-neutral-200: oklch(90% .01 271);--bambi-neutral-300: oklch(83% .012 271);--bambi-neutral-400: oklch(68% .018 271);--bambi-neutral-500: oklch(55% .021 271);--bambi-neutral-600: oklch(45% .02 271);--bambi-neutral-700: oklch(36% .018 271);--bambi-neutral-800: oklch(28% .014 271);--bambi-neutral-900: oklch(21% .012 271);--bambi-neutral-950: oklch(9% 0 0);--bambi-primary-50: oklch(97% .018 271);--bambi-primary-100: oklch(94% .036 271);--bambi-primary-200: oklch(88% .072 271);--bambi-primary-300: oklch(78% .12 271);--bambi-primary-400: oklch(66% .18 271);--bambi-primary-500: oklch(55% .22 271);--bambi-primary-600: oklch(49% .23 271);--bambi-primary-700: oklch(42% .2 271);--bambi-primary-800: oklch(34% .16 271);--bambi-primary-900: oklch(27% .12 271);--bambi-primary-950: oklch(18% .08 271);--bambi-danger-50: oklch(97% .02 28);--bambi-danger-100: oklch(93% .045 28);--bambi-danger-200: oklch(86% .09 28);--bambi-danger-300: oklch(78% .15 28);--bambi-danger-400: oklch(71% .2 28);--bambi-danger-500: oklch(65% .233 28);--bambi-danger-600: oklch(58% .22 28);--bambi-danger-700: oklch(49% .19 28);--bambi-danger-800: oklch(40% .15 28);--bambi-danger-900: oklch(32% .11 28);--bambi-danger-950: oklch(22% .08 28);--bambi-success-50: oklch(97% .025 153);--bambi-success-100: oklch(93% .055 153);--bambi-success-200: oklch(87% .095 153);--bambi-success-300: oklch(80% .145 153);--bambi-success-400: oklch(76% .17 153);--bambi-success-500: oklch(73% .194 153);--bambi-success-600: oklch(64% .18 153);--bambi-success-700: oklch(54% .15 153);--bambi-success-800: oklch(43% .12 153);--bambi-success-900: oklch(33% .09 153);--bambi-success-950: oklch(22% .06 153);--bambi-warning-50: oklch(98% .025 74);--bambi-warning-100: oklch(95% .055 74);--bambi-warning-200: oklch(90% .09 74);--bambi-warning-300: oklch(84% .125 74);--bambi-warning-400: oklch(81% .145 74);--bambi-warning-500: oklch(78% .159 74);--bambi-warning-600: oklch(69% .15 74);--bambi-warning-700: oklch(58% .13 74);--bambi-warning-800: oklch(46% .1 74);--bambi-warning-900: oklch(35% .075 74);--bambi-warning-950: oklch(24% .055 74);--bambi-space-1: .25rem;--bambi-space-1-5: .375rem;--bambi-space-2: .5rem;--bambi-space-3: .75rem;--bambi-space-4: 1rem;--bambi-space-5: 1.25rem;--bambi-radius-sm: .375rem;--bambi-radius-md: .5rem;--bambi-radius-lg: .75rem;--bambi-radius-xl: 1rem;--bambi-radius-full: 9999px;--bambi-font-sans: system-ui, sans-serif;--bambi-font-mono: ui-monospace, monospace;--bambi-text-xs: .75rem;--bambi-text-sm: .875rem;--bambi-text-base: 1rem;--bambi-text-lg: 1.125rem;--bambi-font-weight-normal: 400;--bambi-font-weight-medium: 500;--bambi-font-weight-semibold: 600;--bambi-font-weight-bold: 700;--bambi-shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);--bambi-shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -2px oklch(0% 0 0 / .1);--bambi-shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -4px oklch(0% 0 0 / .1);--bambi-background: var(--bambi-neutral-50);--bambi-foreground: var(--bambi-neutral-950);--bambi-card: var(--bambi-color-white);--bambi-card-foreground: var(--bambi-neutral-950);--bambi-popover: var(--bambi-color-white);--bambi-popover-foreground: var(--bambi-neutral-950);--bambi-primary: var(--bambi-primary-500);--bambi-primary-foreground: var(--bambi-color-white);--bambi-secondary: var(--bambi-neutral-100);--bambi-secondary-foreground: var(--bambi-neutral-950);--bambi-accent: var(--bambi-neutral-100);--bambi-accent-foreground: var(--bambi-neutral-950);--bambi-muted: var(--bambi-neutral-100);--bambi-muted-foreground: var(--bambi-neutral-500);--bambi-danger: var(--bambi-danger-500);--bambi-danger-foreground: var(--bambi-color-white);--bambi-success: var(--bambi-success-500);--bambi-success-foreground: var(--bambi-neutral-950);--bambi-warning: var(--bambi-warning-500);--bambi-warning-foreground: var(--bambi-neutral-950);--bambi-border: var(--bambi-neutral-200);--bambi-input: var(--bambi-neutral-200);--bambi-input-background: var(--bambi-color-white);--bambi-input-foreground: var(--bambi-neutral-950);--bambi-input-placeholder: var(--bambi-neutral-500);--bambi-ring: var(--bambi-primary);--bambi-separator: var(--bambi-neutral-200);--bambi-intent-primary-bg: var(--bambi-primary);--bambi-intent-primary-fg: var(--bambi-primary-foreground);--bambi-intent-primary-hover-bg: var(--bambi-primary-600);--bambi-intent-secondary-bg: var(--bambi-secondary);--bambi-intent-secondary-fg: var(--bambi-secondary-foreground);--bambi-intent-secondary-hover-bg: var(--bambi-accent);--bambi-intent-danger-bg: var(--bambi-danger);--bambi-intent-danger-fg: var(--bambi-danger-foreground);--bambi-intent-danger-hover-bg: var(--bambi-danger-600);--bambi-intent-success-bg: var(--bambi-success);--bambi-intent-success-fg: var(--bambi-success-foreground);--bambi-intent-success-hover-bg: var(--bambi-success-600);--bambi-intent-warning-bg: var(--bambi-warning);--bambi-intent-warning-fg: var(--bambi-warning-foreground);--bambi-intent-warning-hover-bg: var(--bambi-warning-600);--bambi-state-hover-opacity: 1;--bambi-state-disabled-opacity: .5;--bambi-state-focus-ring: var(--bambi-ring);--bambi-state-focus-ring-width: 2px;--bambi-state-focus-ring-offset: 2px}[data-theme=dark],.dark{--bambi-background: var(--bambi-neutral-950);--bambi-foreground: var(--bambi-neutral-50);--bambi-card: var(--bambi-neutral-900);--bambi-card-foreground: var(--bambi-neutral-50);--bambi-popover: var(--bambi-neutral-900);--bambi-popover-foreground: var(--bambi-neutral-50);--bambi-primary: var(--bambi-primary-400);--bambi-primary-foreground: var(--bambi-neutral-950);--bambi-secondary: var(--bambi-neutral-800);--bambi-secondary-foreground: var(--bambi-neutral-50);--bambi-accent: var(--bambi-neutral-800);--bambi-accent-foreground: var(--bambi-neutral-50);--bambi-muted: var(--bambi-neutral-800);--bambi-muted-foreground: var(--bambi-neutral-400);--bambi-danger: var(--bambi-danger-600);--bambi-danger-foreground: var(--bambi-neutral-50);--bambi-success: var(--bambi-success-500);--bambi-success-foreground: var(--bambi-neutral-950);--bambi-warning: var(--bambi-warning-400);--bambi-warning-foreground: var(--bambi-neutral-950);--bambi-border: var(--bambi-neutral-800);--bambi-input: var(--bambi-neutral-800);--bambi-input-background: var(--bambi-neutral-900);--bambi-input-foreground: var(--bambi-neutral-50);--bambi-input-placeholder: var(--bambi-neutral-400);--bambi-ring: var(--bambi-primary);--bambi-separator: var(--bambi-neutral-800);--bambi-intent-primary-hover-bg: var(--bambi-primary-300);--bambi-intent-danger-hover-bg: var(--bambi-danger-400);--bambi-intent-success-hover-bg: var(--bambi-success-400);--bambi-intent-warning-hover-bg: var(--bambi-warning-300);--bambi-shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .3);--bambi-shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .4), 0 2px 4px -2px oklch(0% 0 0 / .4);--bambi-shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .4), 0 4px 6px -4px oklch(0% 0 0 / .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}h3{color:var(--bambi-primary);margin:0;font-size:1.25rem;font-family:var(--bambi-font-sans)}#drawer-left{position:fixed;left:0;top:0;bottom:0;width:220px;--bambi-sidebar-width: 220px;z-index:100;font-family:var(--bambi-font-sans)}.drawer-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.drawer-brand:hover .brand-name{color:var(--bambi-primary)}.brand-logo{width:22px;height:22px;background:var(--bambi-primary);border-radius:var(--bambi-radius-sm);flex-shrink:0}.brand-name{font-weight:var(--bambi-font-weight-bold);font-size:var(--bambi-text-sm);color:var(--bambi-foreground);letter-spacing:-.01em}#drawer-left .bambi-sidebar-rail{display:none}.nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border-radius:var(--bambi-radius-sm);border:none;background:transparent;cursor:pointer;font-family:var(--bambi-font-sans);font-size:var(--bambi-text-sm);color:var(--bambi-foreground);text-align:left;transition:background .1s,color .1s}.nav-item:hover{background:var(--bambi-accent)}.nav-item.active{background:color-mix(in oklch,var(--bambi-primary) 14%,transparent);color:var(--bambi-primary);font-weight:var(--bambi-font-weight-medium)}.nav-item svg{flex-shrink:0}#drawer-right .bambi-drawer-overlay{display:none}.token-drawer-content{--bambi-drawer-size-sm: 280px;--bambi-drawer-radius: 0;z-index:100}#token-list{padding:.75rem .75rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.token-group{display:flex;flex-direction:column;gap:.375rem}.token-group-label{font-size:10px;font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.07em;font-family:var(--bambi-font-sans);padding-bottom:.375rem;border-bottom:1px solid var(--bambi-separator);margin-bottom:.125rem}.token-row{display:flex;flex-direction:column;gap:.2rem}.token-name{font-family:var(--bambi-font-mono);font-size:10px;color:var(--bambi-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-input-wrap{display:flex;align-items:center;gap:.375rem}.token-color-swatch{width:22px;height:22px;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-border);flex-shrink:0}.token-input{flex:1;min-width:0;padding:.25rem .5rem;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-input);background:var(--bambi-input-background);color:var(--bambi-input-foreground);font-family:var(--bambi-font-mono);font-size:11px;outline:none;transition:border-color .15s}.token-input:focus{border-color:var(--bambi-ring);box-shadow:0 0 0 2px color-mix(in oklch,var(--bambi-ring) 25%,transparent)}.token-row.inherited .token-input{opacity:.4;pointer-events:none}.token-row.inherited .token-color-swatch{opacity:.5}.token-override-btn{font-size:9px;font-family:var(--bambi-font-sans);font-weight:var(--bambi-font-weight-medium);padding:.15rem .4rem;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-border);background:transparent;color:var(--bambi-muted-foreground);cursor:pointer;transition:background .1s,color .1s,border-color .1s;flex-shrink:0;white-space:nowrap;line-height:1.4}.token-override-btn:hover{background:var(--bambi-accent);color:var(--bambi-foreground)}.token-override-btn.active{background:color-mix(in oklch,var(--bambi-primary) 14%,transparent);color:var(--bambi-primary);border-color:color-mix(in oklch,var(--bambi-primary) 35%,transparent)}.gen-section{background:var(--bambi-background);border:1px solid var(--bambi-border);border-radius:var(--bambi-radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.625rem;margin-bottom:.25rem}.gen-row{display:flex;gap:.5rem;align-items:flex-end}.gen-field{display:flex;flex-direction:column;gap:.3rem;flex:1}.gen-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.07em;font-family:var(--bambi-font-sans)}.gen-value{font-family:var(--bambi-font-mono);font-weight:var(--bambi-font-weight-normal);text-transform:none;letter-spacing:0}.gen-slider-wrap{height:20px;border-radius:10px;overflow:hidden;position:relative;cursor:pointer}.gen-slider-wrap input[type=range],.gen-base-wrap input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:100%;background:transparent;margin:0;cursor:pointer}.gen-slider-wrap input[type=range]::-webkit-slider-thumb,.gen-base-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer}.gen-slider-wrap input[type=range]::-moz-range-thumb,.gen-base-wrap input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer;border:none}.gen-base-wrap{height:20px;border-radius:10px;overflow:hidden;position:relative;cursor:pointer}.gen-hex-wrap{display:flex;align-items:center;gap:.375rem;flex:0 0 auto}.gen-hex-swatch{width:20px;height:20px;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-border);flex-shrink:0}.gen-hex-input{width:72px;padding:.25rem .4rem;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-input);background:var(--bambi-input-background);color:var(--bambi-input-foreground);font-family:var(--bambi-font-mono);font-size:11px;outline:none;transition:border-color .15s}.gen-hex-input:focus{border-color:var(--bambi-ring)}.gen-pills{display:flex;gap:3px}.gen-pill{flex:1;padding:.25rem .125rem;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-border);background:transparent;color:var(--bambi-muted-foreground);font-size:10px;font-family:var(--bambi-font-sans);cursor:pointer;text-align:center;transition:all .1s}.gen-pill:hover:not(.active){background:var(--bambi-accent);color:var(--bambi-foreground)}.gen-pill.active{background:color-mix(in oklch,var(--bambi-primary) 14%,transparent);color:var(--bambi-primary);border-color:color-mix(in oklch,var(--bambi-primary) 35%,transparent)}.drawer-footer{margin-top:auto;padding:.75rem .75rem 1rem;border-top:1px solid var(--bambi-border);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.drawer-footer-label{font-size:10px;font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.07em;font-family:var(--bambi-font-sans)}.theme-switcher{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--bambi-muted);padding:3px;border-radius:var(--bambi-radius-md)}.theme-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .5rem;border-radius:calc(var(--bambi-radius-md) - 2px);border:none;background:transparent;cursor:pointer;font-family:var(--bambi-font-sans);font-size:var(--bambi-text-xs);color:var(--bambi-muted-foreground);transition:background .15s,color .15s,box-shadow .15s}.theme-btn.active{background:var(--bambi-card);color:var(--bambi-foreground);box-shadow:var(--bambi-shadow-sm)}.card{padding:1rem;gap:1rem;display:flex;flex-direction:column;align-items:start;width:max-content;min-width:0;max-width:min(720px,calc(100vw - 3rem))}.cardHeader{display:flex;align-items:center;justify-content:space-between;width:100%}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.col{display:flex;flex-direction:column;gap:.5rem;width:100%}.preview-section{display:flex;flex-direction:column;gap:.5rem;width:100%;padding-top:.75rem;border-top:1px solid var(--bambi-separator)}.preview-section:first-of-type{border-top:none;padding-top:0}.preview-section-label{font-size:var(--bambi-text-xs);font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-family:var(--bambi-font-sans)}.component-description{margin:.25rem 0 0;max-width:40rem;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);font-size:var(--bambi-text-sm);line-height:1.5}.component-preview-card{width:min(720px,calc(100vw - 3rem))}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;width:100%}.control-grid label,.form-row{display:flex;flex-direction:column;gap:.35rem;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);font-size:var(--bambi-text-xs);font-weight:var(--bambi-font-weight-medium)}.control-grid select,.form-row input,.form-row select{min-height:2rem;border:1px solid var(--bambi-input);border-radius:var(--bambi-radius-sm);background:var(--bambi-input-background);color:var(--bambi-input-foreground);padding:.35rem .5rem;font:inherit}.check-control{flex-direction:row!important;align-items:center;color:var(--bambi-foreground)}.sample-card,.link-card,.sidebar-content-card{width:100%}.metric-row,.preview-grid,.dashboard-grid{display:grid;gap:.75rem}.metric-row{grid-template-columns:4rem 1fr;align-items:baseline}.metric-row strong,.mini-card strong{color:var(--bambi-foreground);font-size:var(--bambi-text-lg)}.metric-row span,.mini-card span{color:var(--bambi-muted-foreground);font-size:var(--bambi-text-sm)}.preview-grid,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));width:100%}.mini-card{display:flex;flex-direction:column;gap:.35rem;padding:.875rem;min-height:5rem}.link-card{text-decoration:none}.usage-snippet{width:100%;margin:0;padding:.875rem;border:1px solid var(--bambi-border);border-radius:var(--bambi-radius-md);background:var(--bambi-muted);color:var(--bambi-foreground);overflow-x:auto;font-family:var(--bambi-font-mono);font-size:11px;line-height:1.5}.sidebar-stage{display:flex;min-height:22rem;width:100%;overflow:hidden;border:1px solid var(--bambi-border);border-radius:var(--bambi-radius-lg);background:var(--bambi-background)}#sidebar-live-preview{position:relative;z-index:1;height:auto;min-height:100%}#sidebar-live-preview[data-side=right]{order:2}.sidebar-canvas{flex:1;min-width:12rem;padding:1rem}.preview-drawer .bambi-drawer-body{display:flex;flex-direction:column;gap:.875rem}.color-group{display:flex;flex-direction:column;gap:.25rem}.color-group-label{font-size:var(--bambi-text-xs);color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);margin-bottom:.25rem}.swatches{display:flex;flex-wrap:wrap;gap:.375rem}.swatch{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:64px}.swatch-color{width:64px;height:32px;border-radius:var(--bambi-radius-sm);border:1px solid var(--bambi-border);flex-shrink:0}.swatch-name{font-size:9px;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-mono);text-align:center;line-height:1.2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.type-section-label{font-size:var(--bambi-text-xs);font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-family:var(--bambi-font-sans)}.type-row{display:flex;align-items:baseline;gap:1rem;padding:.375rem 0;border-bottom:1px solid var(--bambi-separator)}.type-row:last-child{border-bottom:none}.type-meta{font-family:var(--bambi-font-mono);font-size:10px;color:var(--bambi-muted-foreground);min-width:80px;flex-shrink:0}.type-sample{color:var(--bambi-foreground);font-family:var(--bambi-font-sans)}.type-sample.mono{font-family:var(--bambi-font-mono)}.studio-hero-card{width:min(460px,calc(100vw - 3rem))}.studio-hero-brand{display:flex;align-items:center;gap:.75rem}.studio-hero-brand-text{display:flex;flex-direction:column;line-height:1.15}.studio-hero-product{font-size:var(--bambi-text-lg);font-weight:var(--bambi-font-weight-bold);font-family:var(--bambi-font-sans);color:var(--bambi-foreground);letter-spacing:-.02em}.studio-hero-wordmark{font-size:var(--bambi-text-xs);font-family:var(--bambi-font-sans);color:var(--bambi-primary);font-weight:var(--bambi-font-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.studio-hero-desc{margin:0;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);font-size:var(--bambi-text-sm);line-height:1.5}.studio-hero-stats{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:.125rem}.hero-stat-num{font-size:var(--bambi-text-base);font-weight:var(--bambi-font-weight-bold);font-family:var(--bambi-font-sans);color:var(--bambi-foreground);line-height:1}.hero-stat-label{font-size:10px;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans)}.hero-stat-sep{width:1px;height:1.75rem;background:var(--bambi-separator);flex-shrink:0}.studio-hero-divider{width:100%;height:1px;background:var(--bambi-separator);flex-shrink:0}.studio-hero-section-label{font-size:10px;font-weight:var(--bambi-font-weight-semibold);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.07em;font-family:var(--bambi-font-sans)}.studio-hero-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.hero-category-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.625rem .75rem;border:1px solid var(--bambi-border);border-radius:var(--bambi-radius-md);background:transparent;cursor:pointer;text-align:left;transition:background .1s,border-color .1s}.hero-category-btn:hover{background:var(--bambi-accent);border-color:color-mix(in oklch,var(--bambi-primary) 40%,transparent)}.hero-category-label{font-size:var(--bambi-text-sm);font-weight:var(--bambi-font-weight-medium);font-family:var(--bambi-font-sans);color:var(--bambi-foreground);line-height:1.2}.hero-category-items{font-size:10px;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);line-height:1.3}.studio-hero-tips{display:flex;gap:.875rem;flex-wrap:wrap}.hero-tip{font-size:10px;color:var(--bambi-muted-foreground);font-family:var(--bambi-font-sans);display:flex;align-items:center;gap:.3rem}.hero-tip kbd{display:inline-block;padding:.1rem .3rem;border:1px solid var(--bambi-border);border-radius:3px;background:var(--bambi-muted);font-family:var(--bambi-font-mono);font-size:9px;color:var(--bambi-foreground);box-shadow:0 1px 0 var(--bambi-border);line-height:1.4}#canvas{position:fixed;inset:0;background-color:var(--bambi-background);background-size:1rem 1rem;cursor:grab;overflow:hidden}#canvas.panning{cursor:grabbing}#canvas-transform{position:absolute;top:0;left:0;display:grid;grid-template-columns:repeat(var(--builder-card-columns, 2),max-content);align-items:start;gap:1.5rem;padding:2.5rem;transform-origin:0 0;will-change:transform}.bambi-sidebar{--bambi-sidebar-width: 16rem;--bambi-sidebar-collapsed-width: 3.5rem;--bambi-sidebar-bg: var(--bambi-card);--bambi-sidebar-fg: var(--bambi-card-foreground);--bambi-sidebar-border: var(--bambi-border);--bambi-sidebar-transition: width .25s ease, transform .25s ease;--bambi-sidebar-focus-ring: var(--bambi-state-focus-ring);--bambi-sidebar-focus-ring-width: var(--bambi-state-focus-ring-width);--bambi-sidebar-focus-ring-offset: var(--bambi-state-focus-ring-offset);position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--bambi-sidebar-bg);color:var(--bambi-sidebar-fg);width:var(--bambi-sidebar-width);overflow:hidden;flex-shrink:0;transition:var(--bambi-sidebar-transition)}.bambi-sidebar[data-side=left]{border-right:1px solid var(--bambi-sidebar-border)}.bambi-sidebar[data-side=right]{border-left:1px solid var(--bambi-sidebar-border)}.bambi-sidebar[data-collapsible=icon][data-state=closed]{width:var(--bambi-sidebar-collapsed-width)}.bambi-sidebar[data-collapsible=offcanvas]{position:fixed;top:0;height:100dvh;z-index:40}.bambi-sidebar[data-collapsible=offcanvas][data-side=left]{left:0}.bambi-sidebar[data-collapsible=offcanvas][data-side=right]{right:0}.bambi-sidebar[data-collapsible=offcanvas][data-state=closed][data-side=left]{transform:translate(-100%)}.bambi-sidebar[data-collapsible=offcanvas][data-state=closed][data-side=right]{transform:translate(100%)}.bambi-sidebar-overlay{position:fixed;inset:0;z-index:39;background-color:#0006;opacity:0;pointer-events:none;transition:opacity .25s ease}.bambi-sidebar-overlay[data-state=open]{opacity:1;pointer-events:auto}.bambi-sidebar-header{display:flex;align-items:center;gap:var(--bambi-space-2);padding:var(--bambi-space-3) var(--bambi-space-4);border-bottom:1px solid var(--bambi-sidebar-border);min-height:3.5rem;flex-shrink:0;overflow:hidden}.bambi-sidebar-content{flex:1;overflow-y:auto;padding:var(--bambi-space-2)}.bambi-sidebar-footer{display:flex;align-items:center;gap:var(--bambi-space-2);padding:var(--bambi-space-3) var(--bambi-space-4);border-top:1px solid var(--bambi-sidebar-border);flex-shrink:0;overflow:hidden}.bambi-sidebar-group{display:flex;flex-direction:column;gap:var(--bambi-space-1);padding:var(--bambi-space-2) 0}.bambi-sidebar-group+.bambi-sidebar-group{border-top:1px solid var(--bambi-sidebar-border)}.bambi-sidebar-group-label{display:block;padding:var(--bambi-space-1) var(--bambi-space-2);font-size:var(--bambi-text-xs);font-weight:var(--bambi-font-weight-medium);color:var(--bambi-muted-foreground);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bambi-sidebar-menu{display:flex;flex-direction:column;gap:var(--bambi-space-1);list-style:none;margin:0;padding:0}.bambi-sidebar-menu-item{display:block}.bambi-sidebar-menu-button{display:flex;align-items:center;gap:var(--bambi-space-2);width:100%;padding:var(--bambi-space-2);border-radius:var(--bambi-radius-md);font-size:var(--bambi-text-sm);font-weight:var(--bambi-font-weight-normal);color:var(--bambi-sidebar-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;text-decoration:none;line-height:1.5;transition:background-color .15s ease,color .15s ease;outline:none;white-space:nowrap;overflow:hidden}.bambi-sidebar-menu-button:hover:not([data-disabled]){background-color:var(--bambi-accent);color:var(--bambi-accent-foreground)}.bambi-sidebar-menu-button[data-active]{background-color:var(--bambi-accent);color:var(--bambi-accent-foreground);font-weight:var(--bambi-font-weight-medium)}.bambi-sidebar-menu-button:focus-visible{outline:var(--bambi-sidebar-focus-ring-width) solid var(--bambi-sidebar-focus-ring);outline-offset:var(--bambi-sidebar-focus-ring-offset)}.bambi-sidebar-menu-button[data-disabled]{opacity:var(--bambi-state-disabled-opacity);pointer-events:none}.bambi-sidebar[data-collapsible=icon][data-state=closed] .bambi-sidebar-menu-button>span:not(:first-child),.bambi-sidebar[data-collapsible=icon][data-state=closed] .bambi-sidebar-group-label,.bambi-sidebar[data-collapsible=icon][data-state=closed] .bambi-sidebar-label{display:none}.bambi-sidebar[data-collapsible=icon][data-state=closed] .bambi-sidebar-menu-button{justify-content:center}.bambi-sidebar-rail{position:absolute;top:0;width:1px;height:100%;background-color:var(--bambi-sidebar-border);display:flex;align-items:center;justify-content:center;z-index:1}.bambi-sidebar[data-side=left] .bambi-sidebar-rail{right:0}.bambi-sidebar[data-side=right] .bambi-sidebar-rail{left:0}.bambi-sidebar-rail-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--bambi-radius-full);background-color:var(--bambi-card);border:1px solid var(--bambi-sidebar-border);color:var(--bambi-muted-foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease;outline:none;flex-shrink:0}.bambi-sidebar-rail-trigger:hover{background-color:var(--bambi-accent);color:var(--bambi-accent-foreground)}.bambi-sidebar-rail-trigger:focus-visible{outline:var(--bambi-sidebar-focus-ring-width) solid var(--bambi-sidebar-focus-ring);outline-offset:var(--bambi-sidebar-focus-ring-offset)}.bambi-drawer-overlay{--bambi-drawer-overlay-bg: oklch(0% 0 0 / .5);--bambi-drawer-transition: transform .3s ease;position:fixed;inset:0;z-index:50;background-color:var(--bambi-drawer-overlay-bg);opacity:0;pointer-events:none;transition:opacity .3s ease}.bambi-drawer-overlay[data-state=open]{opacity:1;pointer-events:auto}.bambi-drawer-content{--bambi-drawer-bg: var(--bambi-card);--bambi-drawer-fg: var(--bambi-card-foreground);--bambi-drawer-border: var(--bambi-border);--bambi-drawer-radius: var(--bambi-radius-lg);--bambi-drawer-shadow: var(--bambi-shadow-lg);--bambi-drawer-padding: var(--bambi-space-4);--bambi-drawer-size-sm: 20rem;--bambi-drawer-size-md: 28rem;--bambi-drawer-size-lg: 36rem;--bambi-drawer-size-xl: 48rem;--bambi-drawer-focus-ring: var(--bambi-state-focus-ring);--bambi-drawer-focus-ring-width: var(--bambi-state-focus-ring-width);--bambi-drawer-focus-ring-offset: var(--bambi-state-focus-ring-offset);position:fixed;z-index:51;background-color:var(--bambi-drawer-bg);color:var(--bambi-drawer-fg);box-shadow:var(--bambi-drawer-shadow);display:flex;flex-direction:column;outline:none;transition:var(--bambi-drawer-transition);overflow:hidden}.bambi-drawer-content[data-side=right]{top:0;right:0;bottom:0;width:var(--bambi-drawer-size-md);max-width:100vw;border-left:1px solid var(--bambi-drawer-border);border-radius:var(--bambi-drawer-radius) 0 0 var(--bambi-drawer-radius);transform:translate(100%)}.bambi-drawer-content[data-side=left]{top:0;left:0;bottom:0;width:var(--bambi-drawer-size-md);max-width:100vw;border-right:1px solid var(--bambi-drawer-border);border-radius:0 var(--bambi-drawer-radius) var(--bambi-drawer-radius) 0;transform:translate(-100%)}.bambi-drawer-content[data-side=top]{top:0;left:0;right:0;height:var(--bambi-drawer-size-md);max-height:100dvh;border-bottom:1px solid var(--bambi-drawer-border);border-radius:0 0 var(--bambi-drawer-radius) var(--bambi-drawer-radius);transform:translateY(-100%)}.bambi-drawer-content[data-side=bottom]{bottom:0;left:0;right:0;height:var(--bambi-drawer-size-md);max-height:100dvh;border-top:1px solid var(--bambi-drawer-border);border-radius:var(--bambi-drawer-radius) var(--bambi-drawer-radius) 0 0;transform:translateY(100%)}.bambi-drawer-content[data-side=right][data-size=sm],.bambi-drawer-content[data-side=left][data-size=sm]{width:var(--bambi-drawer-size-sm)}.bambi-drawer-content[data-side=right][data-size=lg],.bambi-drawer-content[data-side=left][data-size=lg]{width:var(--bambi-drawer-size-lg)}.bambi-drawer-content[data-side=right][data-size=xl],.bambi-drawer-content[data-side=left][data-size=xl]{width:var(--bambi-drawer-size-xl)}.bambi-drawer-content[data-side=right][data-size=full],.bambi-drawer-content[data-side=left][data-size=full]{width:100vw}.bambi-drawer-content[data-side=top][data-size=sm],.bambi-drawer-content[data-side=bottom][data-size=sm]{height:var(--bambi-drawer-size-sm)}.bambi-drawer-content[data-side=top][data-size=lg],.bambi-drawer-content[data-side=bottom][data-size=lg]{height:var(--bambi-drawer-size-lg)}.bambi-drawer-content[data-side=top][data-size=xl],.bambi-drawer-content[data-side=bottom][data-size=xl]{height:var(--bambi-drawer-size-xl)}.bambi-drawer-content[data-side=top][data-size=full],.bambi-drawer-content[data-side=bottom][data-size=full]{height:100dvh}.bambi-drawer-content[data-state=open]{transform:translate(0)}.bambi-drawer-header{display:flex;flex-direction:column;gap:var(--bambi-space-1-5);padding:var(--bambi-drawer-padding);border-bottom:1px solid var(--bambi-drawer-border);flex-shrink:0}.bambi-drawer-title{font-size:var(--bambi-text-lg);font-weight:var(--bambi-font-weight-semibold);line-height:1.25;margin:0}.bambi-drawer-description{font-size:var(--bambi-text-sm);color:var(--bambi-muted-foreground);line-height:1.5;margin:0}.bambi-drawer-body{flex:1;overflow-y:auto;padding:var(--bambi-drawer-padding)}.bambi-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--bambi-space-2);padding:var(--bambi-drawer-padding);border-top:1px solid var(--bambi-drawer-border);flex-shrink:0}.bambi-drawer-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:var(--bambi-space-3);right:var(--bambi-space-3);width:2rem;height:2rem;border-radius:var(--bambi-radius-sm);background-color:transparent;border:none;color:var(--bambi-muted-foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease;outline:none}.bambi-drawer-close:hover{background-color:var(--bambi-accent);color:var(--bambi-accent-foreground)}.bambi-drawer-close:focus-visible{outline:var(--bambi-drawer-focus-ring-width) solid var(--bambi-drawer-focus-ring);outline-offset:var(--bambi-drawer-focus-ring-offset)}.bambi-card{--bambi-card-bg: var(--bambi-card);--bambi-card-fg: var(--bambi-card-foreground);--bambi-card-border-color: var(--bambi-border);--bambi-card-border-width: 1px;--bambi-card-radius: var(--bambi-radius-lg);--bambi-card-shadow: none;--bambi-card-padding-sm: var(--bambi-space-3);--bambi-card-padding-md: var(--bambi-space-4);--bambi-card-padding-lg: var(--bambi-space-5);--bambi-card-header-padding: var(--bambi-card-padding-md);--bambi-card-content-padding: var(--bambi-card-padding-md);--bambi-card-footer-padding: var(--bambi-card-padding-md);--bambi-card-transition: box-shadow .15s ease, border-color .15s ease;--bambi-card-focus-ring-width: var(--bambi-state-focus-ring-width);--bambi-card-focus-ring-offset: var(--bambi-state-focus-ring-offset);--bambi-card-ring: var(--bambi-state-focus-ring);background-color:var(--bambi-card-bg);color:var(--bambi-card-fg);border-radius:var(--bambi-card-radius);border:var(--bambi-card-border-width) solid var(--bambi-card-border-color);box-shadow:var(--bambi-card-shadow);transition:var(--bambi-card-transition);overflow:hidden}.bambi-card[data-variant=outline]{--bambi-card-bg: transparent}.bambi-card[data-variant=ghost]{--bambi-card-bg: transparent;--bambi-card-border-color: transparent}.bambi-card[data-variant=elevated]{--bambi-card-border-color: transparent;--bambi-card-shadow: var(--bambi-shadow-md)}.bambi-card[data-size=sm]{--bambi-card-header-padding: var(--bambi-card-padding-sm);--bambi-card-content-padding: var(--bambi-card-padding-sm);--bambi-card-footer-padding: var(--bambi-card-padding-sm)}.bambi-card[data-size=lg]{--bambi-card-header-padding: var(--bambi-card-padding-lg);--bambi-card-content-padding: var(--bambi-card-padding-lg);--bambi-card-footer-padding: var(--bambi-card-padding-lg)}.bambi-card-header{display:flex;flex-direction:column;gap:var(--bambi-space-1-5);padding:var(--bambi-card-header-padding)}.bambi-card-title{font-size:var(--bambi-text-lg);font-weight:var(--bambi-font-weight-semibold);line-height:1.25;margin:0}.bambi-card-description{font-size:var(--bambi-text-sm);color:var(--bambi-muted-foreground);line-height:1.5;margin:0}.bambi-card-content{padding:var(--bambi-card-content-padding);padding-top:0}.bambi-card-footer{display:flex;align-items:center;gap:var(--bambi-space-2);padding:var(--bambi-card-footer-padding);padding-top:0}.bambi-card[data-interactive]{cursor:pointer;text-decoration:none;display:block}.bambi-card[data-interactive]:hover{--bambi-card-border-color: var(--bambi-ring)}.bambi-card[data-interactive][data-variant=elevated]:hover{--bambi-card-shadow: var(--bambi-shadow-lg)}.bambi-card[data-interactive]:focus-visible{outline:var(--bambi-card-focus-ring-width) solid var(--bambi-card-ring);outline-offset:var(--bambi-card-focus-ring-offset)}.bambi-button{--bambi-button-gap: var(--bambi-space-1-5);--bambi-button-border-width: 1px;--bambi-button-line-height: 1;--bambi-button-padding-sm: var(--bambi-space-1-5) var(--bambi-space-3);--bambi-button-padding-md: var(--bambi-space-2) var(--bambi-space-4);--bambi-button-padding-lg: .625rem var(--bambi-space-5);--bambi-button-padding-icon: var(--bambi-space-2);--bambi-button-font-family: var(--bambi-font-sans);--bambi-button-font-size-sm: var(--bambi-text-xs);--bambi-button-font-size-md: var(--bambi-text-sm);--bambi-button-font-size-lg: var(--bambi-text-base);--bambi-button-font-weight: var(--bambi-font-weight-medium);--bambi-button-radius: var(--bambi-radius-md);--bambi-button-transition: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;--bambi-button-bg: var(--bambi-intent-primary-bg);--bambi-button-fg: var(--bambi-intent-primary-fg);--bambi-button-border: transparent;--bambi-button-hover-bg: var(--bambi-intent-primary-hover-bg);--bambi-button-hover-fg: var(--bambi-button-fg);--bambi-button-outline-color: var(--bambi-intent-primary-hover-bg);--bambi-button-disabled-opacity: var(--bambi-state-disabled-opacity);--bambi-button-focus-ring-width: var(--bambi-state-focus-ring-width);--bambi-button-focus-ring-offset: var(--bambi-state-focus-ring-offset);--bambi-button-ring: var(--bambi-state-focus-ring);--bambi-button-spinner-border-width: 2px;--bambi-button-spinner-duration: .6s;--bambi-button-link-underline-offset: 4px;display:inline-flex;align-items:center;justify-content:center;gap:var(--bambi-button-gap);border:var(--bambi-button-border-width) solid var(--bambi-button-border);border-radius:var(--bambi-button-radius);background-color:var(--bambi-button-bg);color:var(--bambi-button-fg);font-family:var(--bambi-button-font-family);font-size:var(--bambi-button-font-size-md);font-weight:var(--bambi-button-font-weight);line-height:var(--bambi-button-line-height);white-space:nowrap;cursor:pointer;user-select:none;outline:none;transition:var(--bambi-button-transition)}.bambi-button[data-size=sm]{padding:var(--bambi-button-padding-sm);font-size:var(--bambi-button-font-size-sm)}.bambi-button[data-size=md]{padding:var(--bambi-button-padding-md);font-size:var(--bambi-button-font-size-md)}.bambi-button[data-size=lg]{padding:var(--bambi-button-padding-lg);font-size:var(--bambi-button-font-size-lg)}.bambi-button[data-size=icon]{padding:var(--bambi-button-padding-icon);aspect-ratio:1 / 1}.bambi-button[data-intent=secondary]{--bambi-button-bg: var(--bambi-intent-secondary-bg);--bambi-button-fg: var(--bambi-intent-secondary-fg);--bambi-button-border: var(--bambi-border);--bambi-button-hover-bg: var(--bambi-intent-secondary-hover-bg);--bambi-button-outline-color: var(--bambi-intent-secondary-hover-bg)}.bambi-button[data-intent=danger]{--bambi-button-bg: var(--bambi-intent-danger-bg);--bambi-button-fg: var(--bambi-intent-danger-fg);--bambi-button-hover-bg: var(--bambi-intent-danger-hover-bg);--bambi-button-outline-color: var(--bambi-intent-danger-hover-bg)}.bambi-button[data-intent=success]{--bambi-button-bg: var(--bambi-intent-success-bg);--bambi-button-fg: var(--bambi-intent-success-fg);--bambi-button-hover-bg: var(--bambi-intent-success-hover-bg);--bambi-button-outline-color: var(--bambi-intent-success-hover-bg)}.bambi-button[data-intent=warning]{--bambi-button-bg: var(--bambi-intent-warning-bg);--bambi-button-fg: var(--bambi-intent-warning-fg);--bambi-button-hover-bg: var(--bambi-intent-warning-hover-bg);--bambi-button-outline-color: var(--bambi-intent-warning-hover-bg)}.bambi-button[data-appearance=outline]{--bambi-button-bg: transparent;--bambi-button-fg: var(--bambi-button-outline-color);--bambi-button-border: var(--bambi-button-outline-color);--bambi-button-hover-bg: color-mix( in oklch, var(--bambi-button-outline-color) 10%, transparent );--bambi-button-hover-fg: var(--bambi-button-outline-color)}.bambi-button[data-appearance=ghost]{--bambi-button-bg: transparent;--bambi-button-fg: var(--bambi-foreground);--bambi-button-border: transparent;--bambi-button-hover-bg: var(--bambi-accent);--bambi-button-hover-fg: var(--bambi-accent-foreground)}.bambi-button[data-appearance=link]{--bambi-button-bg: transparent;--bambi-button-fg: var(--bambi-primary);--bambi-button-border: transparent;--bambi-button-hover-bg: transparent;--bambi-button-hover-fg: var(--bambi-primary);padding:0;height:auto;text-underline-offset:var(--bambi-button-link-underline-offset)}.bambi-button:hover:not(:disabled){background-color:var(--bambi-button-hover-bg);color:var(--bambi-button-hover-fg);opacity:var(--bambi-state-hover-opacity)}.bambi-button[data-appearance=link]:hover:not(:disabled){text-decoration:underline}.bambi-button-content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.bambi-button[data-loading]{position:relative;pointer-events:none}.bambi-button[data-loading] .bambi-button-content{opacity:0}.bambi-button-spinner{position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border:var(--bambi-button-spinner-border-width) solid currentColor;border-top-color:transparent;border-radius:var(--bambi-radius-full);animation:bambi-spin var(--bambi-button-spinner-duration) linear infinite}@keyframes bambi-spin{to{transform:rotate(360deg)}}.bambi-button:focus-visible{outline:var(--bambi-button-focus-ring-width) solid var(--bambi-button-ring);outline-offset:var(--bambi-button-focus-ring-offset)}.bambi-button:disabled{opacity:var(--bambi-button-disabled-opacity);pointer-events:none}.bambi-button-group{--bambi-button-group-gap: var(--bambi-space-2);--bambi-button-group-radius: var( --bambi-button-radius, var(--bambi-radius-md) );--bambi-button-group-overlap: var(--bambi-button-border-width, 1px);display:inline-flex;align-items:center;gap:var(--bambi-button-group-gap)}.bambi-button-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.bambi-button-group[data-attached]{gap:0}.bambi-button-group[data-attached]>.bambi-button{position:relative;border-radius:0}.bambi-button-group[data-attached]>.bambi-button:hover,.bambi-button-group[data-attached]>.bambi-button:focus-visible{z-index:1}.bambi-button-group[data-attached][data-orientation=horizontal]>.bambi-button+.bambi-button{margin-inline-start:calc(var(--bambi-button-group-overlap) * -1)}.bambi-button-group[data-attached][data-orientation=horizontal]>.bambi-button:first-child{border-start-start-radius:var(--bambi-button-group-radius);border-end-start-radius:var(--bambi-button-group-radius)}.bambi-button-group[data-attached][data-orientation=horizontal]>.bambi-button:last-child{border-start-end-radius:var(--bambi-button-group-radius);border-end-end-radius:var(--bambi-button-group-radius)}.bambi-button-group[data-attached][data-orientation=vertical]>.bambi-button+.bambi-button{margin-block-start:calc(var(--bambi-button-group-overlap) * -1)}.bambi-button-group[data-attached][data-orientation=vertical]>.bambi-button:first-child{border-start-start-radius:var(--bambi-button-group-radius);border-start-end-radius:var(--bambi-button-group-radius)}.bambi-button-group[data-attached][data-orientation=vertical]>.bambi-button:last-child{border-end-start-radius:var(--bambi-button-group-radius);border-end-end-radius:var(--bambi-button-group-radius)}.bambi-input-field{--bambi-input-height-sm: 2rem;--bambi-input-height-md: 2.5rem;--bambi-input-height-lg: 3rem;--bambi-input-padding-x: var(--bambi-space-3);--bambi-input-radius: var(--bambi-radius-md);--bambi-input-border-width: 1px;--bambi-input-bg: var(--bambi-input-background);--bambi-input-fg: var(--bambi-input-foreground);--bambi-input-border: var(--bambi-input);--bambi-input-placeholder-color: var(--bambi-input-placeholder);--bambi-input-ring: var(--bambi-state-focus-ring);--bambi-input-ring-width: var(--bambi-state-focus-ring-width);--bambi-input-ring-offset: var(--bambi-state-focus-ring-offset);--bambi-input-disabled-opacity: var(--bambi-state-disabled-opacity);--bambi-input-error-color: var(--bambi-danger);--bambi-input-description-color: var(--bambi-muted-foreground);--bambi-input-label-color: var(--bambi-foreground);--bambi-input-addon-color: var(--bambi-muted-foreground);--bambi-input-floating-label-bg: var(--bambi-input-background);--bambi-input-floating-label-scale: .75;--bambi-input-floating-label-offset-x: var(--bambi-input-padding-x);--bambi-input-floating-label-offset-y: 0px;--bambi-input-transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;display:flex;flex-direction:column;gap:var(--bambi-space-1-5)}.bambi-input-field[data-full-width]{width:100%}.bambi-input-control{position:relative;display:flex;align-items:center;height:var(--bambi-input-height-md);border-radius:var(--bambi-input-radius);border:var(--bambi-input-border-width) solid var(--bambi-input-border);background-color:var(--bambi-input-bg);transition:var(--bambi-input-transition);overflow:hidden}.bambi-input-control:focus-within{border-color:var(--bambi-input-ring);box-shadow:0 0 0 var(--bambi-input-ring-width) color-mix(in oklch,var(--bambi-input-ring) 30%,transparent);overflow:visible}.bambi-input-element{flex:1;min-width:0;height:100%;padding-inline:var(--bambi-input-padding-x);background:transparent;border:none;outline:none;color:var(--bambi-input-fg);font-family:var(--bambi-font-sans);font-size:var(--bambi-text-sm);line-height:1}.bambi-input-element::placeholder{color:var(--bambi-input-placeholder-color)}.bambi-input-label{display:block;font-size:var(--bambi-text-sm);font-weight:var(--bambi-font-weight-medium);color:var(--bambi-input-label-color);line-height:1.25}.bambi-input-description{font-size:var(--bambi-text-xs);color:var(--bambi-input-description-color);line-height:1.4;margin:0}.bambi-input-error{font-size:var(--bambi-text-xs);color:var(--bambi-input-error-color);line-height:1.4;margin:0}.bambi-input-start,.bambi-input-end{display:flex;align-items:center;padding-inline:var(--bambi-space-2);color:var(--bambi-input-addon-color);white-space:nowrap;flex-shrink:0;font-size:var(--bambi-text-sm);height:100%;user-select:none}.bambi-input-control[data-has-start] .bambi-input-element{padding-left:0}.bambi-input-control[data-has-end] .bambi-input-element{padding-right:0}.bambi-input-field[data-size=sm] .bambi-input-control{height:var(--bambi-input-height-sm)}.bambi-input-field[data-size=sm] .bambi-input-element,.bambi-input-field[data-size=sm] .bambi-input-start,.bambi-input-field[data-size=sm] .bambi-input-end{font-size:var(--bambi-text-xs)}.bambi-input-field[data-size=lg] .bambi-input-control{height:var(--bambi-input-height-lg)}.bambi-input-field[data-size=lg] .bambi-input-element,.bambi-input-field[data-size=lg] .bambi-input-start,.bambi-input-field[data-size=lg] .bambi-input-end{font-size:var(--bambi-text-base)}.bambi-input-field[data-variant=filled] .bambi-input-control{background-color:var(--bambi-muted);border-color:transparent}.bambi-input-field[data-variant=filled] .bambi-input-control:focus-within{background-color:var(--bambi-input-bg);border-color:var(--bambi-input-ring)}.bambi-input-field[data-variant=flushed] .bambi-input-control{border-radius:0;border:none;border-bottom:var(--bambi-input-border-width) solid var(--bambi-input-border);background-color:transparent;overflow:visible}.bambi-input-field[data-variant=flushed] .bambi-input-element{padding-inline:0}.bambi-input-field[data-variant=flushed] .bambi-input-control:focus-within{border-bottom-color:var(--bambi-input-ring);box-shadow:0 1px 0 var(--bambi-input-ring)}.bambi-input-field[data-variant=unstyled] .bambi-input-control{border:none;background-color:transparent;box-shadow:none;overflow:visible}.bambi-input-field[data-variant=unstyled] .bambi-input-control:focus-within{box-shadow:none}.bambi-input-field[data-tone=danger] .bambi-input-control{border-color:var(--bambi-danger)}.bambi-input-field[data-tone=danger] .bambi-input-control:focus-within{border-color:var(--bambi-danger);box-shadow:0 0 0 var(--bambi-input-ring-width) color-mix(in oklch,var(--bambi-danger) 30%,transparent)}.bambi-input-field[data-tone=success] .bambi-input-control{border-color:var(--bambi-success)}.bambi-input-field[data-tone=success] .bambi-input-control:focus-within{border-color:var(--bambi-success);box-shadow:0 0 0 var(--bambi-input-ring-width) color-mix(in oklch,var(--bambi-success) 30%,transparent)}.bambi-input-field[data-tone=warning] .bambi-input-control{border-color:var(--bambi-warning)}.bambi-input-field[data-tone=warning] .bambi-input-control:focus-within{border-color:var(--bambi-warning);box-shadow:0 0 0 var(--bambi-input-ring-width) color-mix(in oklch,var(--bambi-warning) 30%,transparent)}.bambi-input-field[data-invalid] .bambi-input-control{border-color:var(--bambi-danger)}.bambi-input-field[data-invalid] .bambi-input-control:focus-within{border-color:var(--bambi-danger);box-shadow:0 0 0 var(--bambi-input-ring-width) color-mix(in oklch,var(--bambi-danger) 30%,transparent)}.bambi-input-field[data-invalid] .bambi-input-label{color:var(--bambi-input-error-color)}.bambi-input-field[data-disabled] .bambi-input-control{opacity:var(--bambi-input-disabled-opacity);pointer-events:none;cursor:not-allowed}.bambi-input-field[data-disabled] .bambi-input-label{opacity:var(--bambi-input-disabled-opacity)}.bambi-input-field[data-readonly] .bambi-input-control{background-color:var(--bambi-muted);cursor:default}.bambi-input-field[data-readonly] .bambi-input-element{cursor:default}.bambi-input-control:hover:not(:focus-within){border-color:color-mix(in oklch,var(--bambi-input-border) 70%,var(--bambi-foreground))}.bambi-input-field[data-disabled] .bambi-input-control:hover{border-color:var(--bambi-input-border)}.bambi-input-field[data-label-mode=floating] .bambi-input-control{height:calc(var(--bambi-input-height-md) + .75rem);align-items:flex-end}.bambi-input-field[data-label-mode=floating][data-size=sm] .bambi-input-control{height:calc(var(--bambi-input-height-sm) + .75rem)}.bambi-input-field[data-label-mode=floating][data-size=lg] .bambi-input-control{height:calc(var(--bambi-input-height-lg) + .75rem)}.bambi-input-field[data-label-mode=floating] .bambi-input-element{padding-bottom:var(--bambi-space-2);padding-top:var(--bambi-space-3);height:auto;align-self:flex-end}.bambi-input-field[data-label-mode=floating] .bambi-input-label{position:absolute;left:var(--bambi-input-floating-label-offset-x);top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .15s ease,top .15s ease,font-size .15s ease,color .15s ease;transform-origin:left center;background-color:var(--bambi-input-floating-label-bg);padding-inline:.125rem;z-index:1;font-weight:var(--bambi-font-weight-normal);font-size:var(--bambi-text-sm);color:var(--bambi-input-placeholder-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--bambi-input-padding-x) * 2)}.bambi-input-field[data-label-mode=floating] .bambi-input-control:focus-within .bambi-input-label,.bambi-input-field[data-label-mode=floating][data-filled] .bambi-input-label{top:.5rem;transform:translateY(-50%) scale(var(--bambi-input-floating-label-scale));font-weight:var(--bambi-font-weight-medium);color:var(--bambi-input-label-color)}.bambi-input-field[data-label-mode=floating] .bambi-input-control:focus-within .bambi-input-label{color:var(--bambi-input-ring)}.bambi-input-field[data-label-mode=floating] .bambi-input-control[data-has-start] .bambi-input-label{left:calc(var(--bambi-input-floating-label-offset-x) + 2.25rem)}.bambi-input-field[data-label-mode=floating][data-variant=filled] .bambi-input-label,.bambi-input-field[data-label-mode=floating][data-variant=flushed] .bambi-input-label,.bambi-input-field[data-label-mode=floating][data-variant=unstyled] .bambi-input-label{background-color:transparent}.bambi-input-field[data-label-mode=floating][data-invalid] .bambi-input-control:focus-within .bambi-input-label,.bambi-input-field[data-label-mode=floating][data-invalid][data-filled] .bambi-input-label{color:var(--bambi-input-error-color)}.bambi-input-field[data-label-mode=floating][data-disabled] .bambi-input-label{pointer-events:none}.bambi-input-element:not(.bambi-input-control .bambi-input-element){display:block;width:100%;height:var(--bambi-input-height-md);padding-inline:var(--bambi-input-padding-x);border-radius:var(--bambi-radius-md);border:1px solid var(--bambi-input);background-color:var(--bambi-input-background);color:var(--bambi-input-foreground);font-family:var(--bambi-font-sans);font-size:var(--bambi-text-sm);line-height:1;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.bambi-input-element:not(.bambi-input-control .bambi-input-element)::placeholder{color:var(--bambi-input-placeholder)}.bambi-input-element:not(.bambi-input-control .bambi-input-element):focus-visible{border-color:var(--bambi-state-focus-ring);box-shadow:0 0 0 var(--bambi-state-focus-ring-width) color-mix(in oklch,var(--bambi-state-focus-ring) 30%,transparent)}.bambi-input-element:not(.bambi-input-control .bambi-input-element):disabled{opacity:var(--bambi-state-disabled-opacity);pointer-events:none;cursor:not-allowed}.bambi-input-element:not(.bambi-input-control .bambi-input-element)[aria-invalid=true]{border-color:var(--bambi-danger)}.bambi-input-element:not(.bambi-input-control .bambi-input-element)[aria-invalid=true]:focus-visible{border-color:var(--bambi-danger);box-shadow:0 0 0 var(--bambi-state-focus-ring-width) color-mix(in oklch,var(--bambi-danger) 30%,transparent)}.input-preview-grid[data-astro-cid-xektlqzm]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--bambi-space-4)}