/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer brandbook-bridge{.brandbook-root{--dark:var(--bb-dark,#050505);--void:var(--bg-void,#000);--surface:var(--bb-surface,#0f0f11);--surface-alt:var(--bb-surface-alt,#1c1e19);--cream:var(--bb-cream,#f4f4e8);--cream-alt:var(--bb-cream-alt,#f5f4e7);--warm-white:var(--bb-warm-white,#ffffed);--gray-charcoal:var(--bb-gray-charcoal,#3d3d3d);--gray-dim:var(--bb-gray-dim,#696969);--gray-muted:var(--bb-gray-muted,#999);--gray-silver:var(--bb-gray-silver,#bdbdbd);--gray-light:var(--bb-gray-light,#c2c2c2);--blue:var(--bb-blue,#09f);--flare:var(--bb-flare,#ed4609);--error:var(--bb-error,#ef4444);--warning:var(--bb-warning,#f59e0b);--font-sans:var(--font-bb-sans,"Manrope",system-ui,sans-serif);--font-display:var(--font-bb-display,"Space Grotesk","Manrope",system-ui,sans-serif);--font-mono:var(--font-bb-mono,"IBM Plex Mono","SFMono-Regular",ui-monospace,monospace);--font-weight-thin:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--ease-spring:var(--bb-ease-spring,cubic-bezier(.34,1.56,.64,1));--ease-smooth:var(--bb-ease-smooth,cubic-bezier(.25,.1,.25,1));--ease-decel:var(--bb-ease-decel,cubic-bezier(0,0,.2,1));--ease-accel:var(--bb-ease-accel,cubic-bezier(.4,0,1,1));--ease-expo:var(--bb-ease-expo,cubic-bezier(.16,1,.3,1));--motion-duration-slow:var(--bb-dur-slow,.7s);--motion-duration-medium:var(--bb-dur-medium,.4s);--motion-duration-fast:var(--bb-dur-fast,.2s);--motion-easing-spring:var(--bb-ease-expo,cubic-bezier(.16,1,.3,1));--bp-desktop:1200px;--bp-tablet:768px;--bp-mobile:767px;--layer-nav:100;--layer-dropdown:200;--layer-overlay:300;--layer-modal:400;--layer-toast:500;--border-width-base:2px;--border-radius-none:0px;--color-bg-void:var(--void);--color-bg-base:var(--dark);--color-bg-elevated:var(--surface-alt);--color-bg-surface:var(--surface);--color-bg-surface-alt:var(--surface-alt);--color-bg-overlay:#3d3d3d80;--dim:var(--bb-dim,#f5f4e766);--color-text-base:var(--cream);--color-text-secondary:#f4f4e8b3;--color-text-tertiary:#f4f4e88c;--color-text-muted:var(--dim);--cream-dim:var(--dim);--color-brand:var(--bb-accent);--neon:var(--bb-accent);--neon-dim:var(--bb-accent-15);--neon-glow:var(--bb-accent-40);--accent-glow:var(--bb-accent-25);--accent-glow-soft:var(--bb-accent-10);--border:var(--bb-border,#9c9c9c26);--border-hover:var(--bb-border-hover,#9c9c9c3d);--border-soft:var(--border);--border-strong:var(--gray-charcoal);--border-focus:var(--gray-silver);--shadow:#0003;--overlay:#3d3d3d80;--selection-bg:var(--dark);--selection-fg:var(--bb-accent);--warning-bg:#f59e0b0d;--warning-border:#f59e0b33;--focus-brand:var(--bb-accent);--focus-neutral:var(--gray-silver);--bb-chart-1:var(--bb-accent,#ddd1bb);--bb-chart-2:var(--bb-blue,#09f);--bb-chart-3:var(--bb-error,#ef4444);--bb-chart-4:var(--bb-warning,#f59e0b);--bb-chart-5:#8b5cf6;--bb-chart-6:#06b6d4;--bb-chart-tooltip-bg:var(--bb-surface,#0f0f11);--bb-chart-tooltip-border:var(--bb-border,#9c9c9c26);--bb-chart-tooltip-text:var(--bb-cream,#f4f4e8);--bb-chart-grid:#f4f4e80f;--bb-chart-axis:#f4f4e84d;--bb-chart-ring-bg:#f4f4e814;--bb-map-land:var(--bb-surface-alt,#1c1e19);--bb-map-border:#9c9c9c1f;--bb-map-marker:var(--bb-accent,#ddd1bb);--bb-map-water:var(--bb-dark,#050505);--bb-map-land-hover:var(--bb-accent-08);--color-brand-primary:var(--bb-accent);--color-background-base:#f4f4f4;--color-surface-grey:#d6d6d6;--color-surface-dark:var(--surface);--color-text-primary:var(--cream);--color-text-inverse:#fff;--font-family-sans:var(--font-sans);--font-family-mono:var(--font-mono);--letter-spacing-tight:-.05em;--letter-spacing-base:normal;--border-color-default:var(--color-text-primary)}@keyframes bb-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bb-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bb-barGrow{0%{width:0}}@keyframes bb-drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bb-drawLineV{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bb-content-in{to{opacity:1;transform:translateY(0)}}@keyframes bb-blinds-open{to{--blinds-width:0px}}@keyframes bb-letter-in{to{opacity:1;transform:translateY(0)}}@keyframes bb-x-tick{0%,10%{transform:rotate(0)}25%,35%{transform:rotate(90deg)}50%,60%{transform:rotate(180deg)}75%,85%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes bb-progress-fill{0%{width:0}30%{width:40%}60%{width:70%}85%{width:90%}to{width:100%}}@keyframes bb-easing-run{0%{left:0}to{left:calc(100% - 12px)}}@keyframes bb-duration-fill{0%{width:0}to{width:100%}}@keyframes bb-scanline-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.pattern-dot-grid{background-image:radial-gradient(circle,var(--bb-accent,#ddd1bb) 1px,transparent 1px);background-size:16px 16px;background-color:var(--bb-surface,#0f0f11)}.pattern-dot-grid--dense{background-image:radial-gradient(circle,var(--bb-accent,#ddd1bb) .8px,transparent .8px);background-size:8px 8px;background-color:var(--bb-surface,#0f0f11)}.pattern-dot-grid--sparse{background-image:radial-gradient(circle,var(--bb-accent,#ddd1bb) 1.2px,transparent 1.2px);background-size:32px 32px;background-color:var(--bb-surface,#0f0f11)}.pattern-crosshair-grid{background-image:linear-gradient(to right,var(--bb-accent-08) 1px,transparent 1px),linear-gradient(to bottom,var(--bb-accent-08) 1px,transparent 1px),radial-gradient(circle,var(--bb-accent-25) 1px,transparent 1px);background-position:0 0,0 0,40px 40px;background-size:80px 80px,80px 80px,80px 80px;background-color:var(--bb-dark,#050505)}.pattern-crosshair-grid--tight{background-image:linear-gradient(to right,var(--bb-accent-06) 1px,transparent 1px),linear-gradient(to bottom,var(--bb-accent-06) 1px,transparent 1px),radial-gradient(circle,var(--bb-accent-20) 1px,transparent 1px);background-position:0 0,0 0,20px 20px;background-size:40px 40px,40px 40px,40px 40px;background-color:var(--bb-dark,#050505)}.pattern-wireframe-perspective{background-image:repeating-linear-gradient(0deg,transparent,transparent 59px,var(--bb-accent-12) 59px,var(--bb-accent-12) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,var(--bb-accent-12) 59px,var(--bb-accent-12) 60px),radial-gradient(ellipse at center,var(--bb-accent-06) 0,transparent 70%);background-color:var(--bb-dark,#050505)}.pattern-symbol-grid{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8l8 8M20 8l-8 8' stroke='%23DDD1BB' stroke-width='1.2' opacity='0.3' fill='none'/%3E%3C/svg%3E")}.pattern-plus-grid,.pattern-symbol-grid{background-size:32px 32px;background-color:var(--bb-dark,#050505)}.pattern-plus-grid{background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10v12M10 16h12' stroke='%23DDD1BB' stroke-width='1' opacity='0.2' fill='none'/%3E%3C/svg%3E")}.frame-bracket{position:relative}.frame-bracket:after,.frame-bracket:before{content:"";border-color:var(--bb-accent,#ddd1bb);pointer-events:none;border-style:solid;width:24px;height:24px;position:absolute}.frame-bracket:before{border-width:2px 0 0 2px;top:0;left:0}.frame-bracket:after{border-width:0 2px 2px 0;bottom:0;right:0}.frame-bracket--full{position:relative}.frame-bracket--full:after,.frame-bracket--full:before,.frame-bracket--full>.frame-bracket__inner:after,.frame-bracket--full>.frame-bracket__inner:before{content:"";border-color:var(--bb-accent,#ddd1bb);pointer-events:none;border-style:solid;width:24px;height:24px;position:absolute}.frame-bracket--full:before{border-width:2px 0 0 2px;top:0;left:0}.frame-bracket--full:after{border-width:2px 2px 0 0;top:0;right:0}.frame-bracket--full>.frame-bracket__inner:before{border-width:0 0 2px 2px;bottom:0;left:0}.frame-bracket--full>.frame-bracket__inner:after{border-width:0 2px 2px 0;bottom:0;right:0}.frame-tech{border:1px solid var(--bb-accent,#ddd1bb);clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));position:relative}.frame-tech--sm{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.frame-tech--lg{clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px))}.frame-notch-tr{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.frame-notch-bl{clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.frame-notch-both{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.pattern-hazard{background-image:repeating-linear-gradient(-45deg,var(--bb-accent,#ddd1bb),var(--bb-accent,#ddd1bb) 10px,var(--bb-dark,#050505) 10px,var(--bb-dark,#050505) 20px)}.pattern-hazard--thin{background-image:repeating-linear-gradient(-45deg,var(--bb-accent,#ddd1bb),var(--bb-accent,#ddd1bb) 5px,var(--bb-dark,#050505) 5px,var(--bb-dark,#050505) 10px)}.pattern-hazard--subtle{background-image:repeating-linear-gradient(-45deg,var(--bb-accent-15),var(--bb-accent-15) 10px,transparent 10px,transparent 20px);background-color:var(--bb-dark,#050505)}.bar-warning{background:var(--bb-accent,#ddd1bb);color:var(--bb-dark,#050505);font-family:var(--font-bb-mono,monospace);text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;font-weight:700;position:relative}.bar-warning:after{content:"";background:repeating-linear-gradient(-45deg,var(--bb-dark,#050505),var(--bb-dark,#050505) 3px,var(--bb-accent,#ddd1bb) 3px,var(--bb-accent,#ddd1bb) 6px);width:40px;height:100%;position:absolute;top:0;right:0}.pattern-circuit-h{background-image:url("data:image/svg+xml,%3Csvg width='200' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h60l5-5h30l5 5h100' stroke='%23DDD1BB' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3Ccircle cx='60' cy='10' r='2' fill='%23DDD1BB' opacity='0.6'/%3E%3Ccircle cx='100' cy='10' r='2' fill='%23DDD1BB' opacity='0.6'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;height:20px}.pattern-circuit-board{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40h20l5-5h10l5 5h40' stroke='%23DDD1BB' stroke-width='1' fill='none' opacity='0.15'/%3E%3Cpath d='M40 0v20l-5 5v10l5 5v40' stroke='%23DDD1BB' stroke-width='1' fill='none' opacity='0.15'/%3E%3Ccircle cx='40' cy='40' r='2' fill='%23DDD1BB' opacity='0.2'/%3E%3Ccircle cx='20' cy='40' r='1.5' fill='none' stroke='%23DDD1BB' stroke-width='0.8' opacity='0.15'/%3E%3C/svg%3E");background-size:80px 80px;background-color:var(--bb-dark,#050505)}.pattern-scanlines{pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px)}.pattern-scanlines--heavy{pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#00000040 1px 3px)}.pattern-data-rain{background-image:repeating-linear-gradient(90deg,transparent,transparent 39px,var(--bb-accent-04) 39px,var(--bb-accent-04) 40px),linear-gradient(180deg,var(--bb-accent-02) 0,transparent 50%,var(--bb-accent-02) 100%);background-color:var(--bb-dark,#050505)}.pattern-noise{position:relative}.pattern-noise:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.pattern-industrial{background:linear-gradient(145deg,#1a1a1a,#222 30%,#1e1e1e 50%,#252525 70%,#1a1a1a);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.divider-tech{align-items:center;gap:0;width:100%;height:1px;display:flex}.divider-tech:before{content:"";background:linear-gradient(to right,transparent,var(--bb-accent,#ddd1bb));flex:1;height:1px}.divider-tech:after{content:"";background:linear-gradient(to left,transparent,var(--bb-accent,#ddd1bb));flex:1;height:1px}.divider-dashed{background-image:repeating-linear-gradient(to right,var(--bb-accent,#ddd1bb),var(--bb-accent,#ddd1bb) 8px,transparent 8px,transparent 16px);opacity:.5;height:1px}.divider-arrow{color:var(--bb-accent,#ddd1bb);align-items:center;gap:8px;display:flex}.divider-arrow:before{content:"";background:var(--bb-accent,#ddd1bb);opacity:.4;flex:1;height:1px}.divider-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--bb-accent,#ddd1bb);width:0;height:0}.divider-double{background-image:linear-gradient(to right,transparent,var(--bb-accent,#ddd1bb),transparent),linear-gradient(to right,transparent,var(--bb-accent,#ddd1bb),transparent);background-position:top,bottom;background-repeat:no-repeat;background-size:100% 1px;height:5px}.pattern-glow-center{position:relative}.pattern-glow-center:before{content:"";background:radial-gradient(ellipse at center,var(--bb-accent-08) 0,transparent 60%);pointer-events:none;position:absolute;inset:0}.hud-corner{position:relative}.hud-corner:before{border-top:2px solid var(--bb-accent,#ddd1bb);border-left:2px solid var(--bb-accent,#ddd1bb);top:8px;left:8px}.hud-corner:after,.hud-corner:before{content:"";pointer-events:none;width:12px;height:12px;position:absolute}.hud-corner:after{border-bottom:2px solid var(--bb-accent,#ddd1bb);border-right:2px solid var(--bb-accent,#ddd1bb);bottom:8px;right:8px}.pattern-pulse-dot{background:var(--bb-accent,#ddd1bb);width:6px;height:6px;box-shadow:0 0 8px var(--bb-accent-40);border-radius:50%;animation:bb-pulse-glow 2s ease-in-out infinite}.pattern-scanline-animated{position:relative;overflow:hidden}.pattern-scanline-animated:after{content:"";background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--bb-accent-03) 2px,var(--bb-accent-03) 4px);pointer-events:none;animation:bb-scanline-sweep 4s linear infinite;position:absolute;inset:0}.pattern-glow-pulse{position:relative}.pattern-glow-pulse:before{content:"";background:radial-gradient(ellipse at center,var(--bb-accent-15) 0,transparent 60%);pointer-events:none;animation:bb-pulse 2s ease-in-out infinite;position:absolute;inset:0}@keyframes bb-pulse-glow{0%,to{opacity:.3}50%{opacity:.8}}.brandbook-root .anim{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.brandbook-root .anim.visible{opacity:1;transform:translateY(0)}.brandbook-root .anim-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.brandbook-root .anim-left.visible{opacity:1;transform:translate(0)}.brandbook-root .anim-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(30px)}.brandbook-root .anim-right.visible{opacity:1;transform:translate(0)}.brandbook-root .anim-scale{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.brandbook-root .anim-scale.visible{opacity:1;transform:scale(1)}.brandbook-root .delay-1{transition-delay:.1s}.brandbook-root .delay-2{transition-delay:.2s}.brandbook-root .delay-3{transition-delay:.3s}.brandbook-root .delay-4{transition-delay:.4s}.brandbook-root .delay-5{transition-delay:.5s}.brandbook-root .bb-specimen-grid{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1px;display:grid}.brandbook-root .cell{background:var(--dark);flex-direction:column;transition:box-shadow .3s;display:flex}.brandbook-root .cell:hover{box-shadow:inset 0 0 0 1px var(--bb-accent-20)}.brandbook-root .cell-info{border-top:1px solid var(--border);padding:1rem 1.25rem 1.25rem}.brandbook-root .cell-info h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.2rem;font-size:.8rem;font-weight:800}.brandbook-root .cell-info .class-name{font-family:var(--font-mono);color:var(--neon);letter-spacing:.04em;font-size:.6rem}.brandbook-root .cell-info .desc{color:var(--cream-dim);margin-top:.4rem;font-size:.72rem;line-height:1.45}.brandbook-root .cell-info .ref{font-family:var(--font-mono);color:var(--bb-accent-20);letter-spacing:.04em;margin-top:.35rem;font-size:.55rem}@media (max-width:767px){.brandbook-root .bb-specimen-grid{grid-template-columns:1fr}}.brandbook-root main>section{max-width:1400px;margin-inline:auto}.brandbook-root .comp-section{padding:2rem 0}.brandbook-root .comp-grid{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;display:grid}.brandbook-root .comp-cell{background:var(--dark);flex-direction:column;gap:1rem;padding:2rem;display:flex}.brandbook-root .comp-label{font-family:var(--font-mono);color:var(--neon);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.brandbook-root .comp-desc{color:var(--dim);font-size:.5rem}.brandbook-root .btn,.brandbook-root .comp-desc{font-family:var(--font-mono);text-transform:uppercase}.brandbook-root .btn{letter-spacing:.08em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.65rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.brandbook-root .btn-primary{background:var(--bb-accent);color:var(--dark)}.brandbook-root .btn-primary:hover{box-shadow:0 0 20px var(--accent-glow)}.brandbook-root .btn-secondary{color:var(--cream);border:1px solid var(--border);background:0 0}.brandbook-root .btn-secondary:hover{border-color:var(--bb-accent);color:var(--bb-accent)}.brandbook-root .btn-ghost{color:var(--dim);background:0 0}.brandbook-root .btn-ghost:hover{color:var(--cream)}.brandbook-root .btn-destructive{background:var(--error);color:#fff}.brandbook-root .btn-destructive:hover{box-shadow:0 0 20px #ef44444d}.brandbook-root .btn-sm{padding:.4rem 1rem;font-size:.55rem}.brandbook-root .btn-lg{padding:.85rem 2rem;font-size:.7rem}.brandbook-root .btn--disabled,.brandbook-root .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.brandbook-root .btn--loading{pointer-events:none;position:relative;color:#0000!important}.brandbook-root .btn--loading:after{content:"";border:2px solid;border-right:2px solid #0000;border-radius:50%;width:14px;height:14px;animation:bb-spin .6s linear infinite;position:absolute}.brandbook-root .btn-primary.btn--loading:after{border-color:var(--dark);border-right-color:#0000}.brandbook-root .input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--cream);font-family:var(--font-mono);outline:none;padding:.65rem 1rem;font-size:.7rem;transition:border-color .2s}.brandbook-root .input:focus{border-color:var(--focus-brand);box-shadow:0 0 0 1px var(--focus-brand)}.brandbook-root .input::placeholder{color:var(--dim)}.brandbook-root .input--error{border-color:var(--error)}.brandbook-root .input--error:focus{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.brandbook-root .input--disabled{opacity:.4;cursor:not-allowed}.brandbook-root .textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--cream);font-family:var(--font-mono);resize:vertical;outline:none;min-height:80px;padding:.75rem 1rem;font-size:.7rem;transition:border-color .2s}.brandbook-root .textarea:focus{border-color:var(--focus-brand);box-shadow:0 0 0 1px var(--focus-brand)}.brandbook-root .input-label{font-family:var(--font-mono);color:var(--cream);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.6rem;display:block}.brandbook-root .input-hint{color:var(--dim)}.brandbook-root .input-error-msg,.brandbook-root .input-hint{font-family:var(--font-mono);margin-top:.3rem;font-size:.5rem}.brandbook-root .input-error-msg{color:var(--error)}.brandbook-root .badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:.25rem .75rem;font-size:.5rem;font-weight:500;display:inline-flex}.brandbook-root .badge-lime{background:var(--bb-accent-10);color:var(--bb-accent);border:1px solid var(--bb-accent-20)}.brandbook-root .badge-surface{background:var(--surface);color:var(--dim);border:1px solid var(--border)}.brandbook-root .badge-error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.brandbook-root .badge-blue{color:var(--blue);background:#0099ff1a;border:1px solid #09f3}.brandbook-root .badge-solid{background:var(--bb-accent);color:var(--dark);border:none}.brandbook-root .card{background:var(--surface);border:1px solid var(--border);transition:box-shadow .3s}.brandbook-root .card:hover{box-shadow:inset 0 0 0 1px var(--bb-accent-15)}.brandbook-root .card-body{padding:1.5rem}.brandbook-root .card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-size:.85rem;font-weight:800}.brandbook-root .card-text{color:var(--dim);font-size:.72rem;line-height:1.5}.brandbook-root .card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brandbook-root .alert{font-family:var(--font-mono);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.65rem;display:flex}.brandbook-root .alert-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.brandbook-root .alert-default{background:var(--surface);border:1px solid var(--border);color:var(--cream)}.brandbook-root .alert-success{background:var(--bb-accent-05);border:1px solid var(--bb-accent-20);color:var(--bb-accent)}.brandbook-root .alert-error{color:var(--error);background:#ef44440d;border:1px solid #ef444433}.brandbook-root .alert-info{color:var(--blue);background:#0099ff0d;border:1px solid #09f3}.brandbook-root .alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.brandbook-root .button-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brandbook-root .badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.brandbook-root .tbl-wrap{background:var(--dark);overflow-x:auto}.brandbook-root .tbl{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.65rem}.brandbook-root .tbl th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);background:var(--surface);font-size:.55rem;font-weight:500}.brandbook-root .tbl td,.brandbook-root .tbl th{border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1.25rem}.brandbook-root .tbl td{color:var(--cream)}.brandbook-root .tbl tr:hover td{background:var(--bb-accent-02)}.brandbook-root .tbl-num{text-align:right;font-variant-numeric:tabular-nums}.brandbook-root .tbl-lime{color:var(--bb-accent)}.brandbook-root .tbl-error{color:var(--error)}.brandbook-root .tbl-dim{color:var(--dim)}.brandbook-root .progress{background:var(--surface);border:1px solid var(--border);width:100%;height:6px;overflow:hidden}.brandbook-root .progress-bar{background:var(--bb-accent);height:100%;transition:width .5s}.brandbook-root .progress-bar--error{background:var(--error)}.brandbook-root .progress-bar--blue{background:var(--blue)}.brandbook-root .spinner{border:2px solid var(--border);border-top-color:var(--bb-accent);border-radius:50%;width:24px;height:24px;animation:bb-spin .7s linear infinite}.brandbook-root .spinner--sm{width:16px;height:16px}.brandbook-root .spinner--lg{width:36px;height:36px}.brandbook-root .kpi-card{background:var(--surface);border:1px solid var(--border);padding:1.25rem}.brandbook-root .kpi-label{font-family:var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.55rem}.brandbook-root .kpi-value{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.brandbook-root .kpi-trend{font-family:var(--font-mono);align-items:center;gap:.25rem;margin-top:.4rem;font-size:.55rem;display:inline-flex}.brandbook-root .kpi-trend--up{color:var(--bb-accent)}.brandbook-root .kpi-trend--down{color:var(--error)}.brandbook-root .block-accent{background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:.75rem;padding:1.5rem;position:relative}.brandbook-root .block-accent[data-accent=gold]{border-left-color:var(--bb-accent)}.brandbook-root .block-accent[data-accent=red]{border-left-color:#ef4444}.brandbook-root .block-accent[data-accent=green]{border-left-color:#22c55e}.brandbook-root .block-accent[data-accent=blue]{border-left-color:#09f}.brandbook-root .block-accent[data-accent=purple]{border-left-color:#a855f7}.brandbook-root .block-accent[data-accent=amber]{border-left-color:#f59e0b}.brandbook-root .block-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem;font-size:.6rem}.brandbook-root .highlight-box{border-radius:.5rem;margin-top:.75rem;padding:.875rem 1rem}.brandbook-root .highlight-box[data-tone=green]{background:#22c55e14;border:1px solid #22c55e33}.brandbook-root .highlight-box[data-tone=red]{background:#ef444414;border:1px solid #ef444433}.brandbook-root .highlight-box[data-tone=blue]{background:#0099ff14;border:1px solid #09f3}.brandbook-root .highlight-box[data-tone=amber]{background:#f59e0b14;border:1px solid #f59e0b33}.brandbook-root .highlight-box[data-tone=purple]{background:#a855f714;border:1px solid #a855f733}@supports (corner-shape:superellipse){.brandbook-root .btn,.brandbook-root .card{corner-shape:superellipse}}@keyframes bb-spin{to{transform:rotate(1turn)}}@keyframes bb-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:767px){.brandbook-root .comp-grid{grid-template-columns:1fr}}.bb-page-header{border-color:var(--bb-border);background:var(--bb-surface)}.bb-page-header__rail{padding:.7rem var(--bb-gutter,1.5rem);border-color:var(--bb-border);font-family:var(--font-bb-mono);text-transform:uppercase;color:var(--bb-dim);text-align:center;flex-direction:column;justify-content:space-between;gap:.5rem;font-size:.65rem;font-weight:500;display:flex}.bb-page-header__body{padding:clamp(1.5rem,4vw,3rem) var(--bb-gutter,clamp(1rem,3vw,2rem)) clamp(1rem,3vw,2rem);text-align:center}.bb-page-header__title{font-family:var(--font-bb-display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.bb-page-header__subtitle{font-family:var(--font-bb-mono);color:var(--bb-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:.75rem;font-size:.65rem}.bb-page-header__footer-center{color:var(--bb-accent)}.bb-editorial-spread{background:var(--bb-spread-bg,var(--bb-cream));box-shadow:var(--bb-spread-shadow,8px 8px 0 var(--bb-dark));min-height:800px;color:var(--bb-spread-fg,var(--bb-dark));display:flex;position:relative}.bb-editorial-spread__page{z-index:1;flex:1;padding:4rem;position:relative}.bb-editorial-spread__page--left{border-right:1px solid var(--bb-spread-divider,#0505051f)}.bb-editorial-spread__page-footer{border-top:1px solid var(--bb-spread-footer-border,#0505051f);font-size:.65rem;font-weight:700;font-family:var(--font-bb-mono);color:var(--bb-spread-footer-color,var(--bb-dark));text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:0;padding-top:.5rem;display:flex;position:absolute;bottom:2rem;left:4rem;right:4rem}.bb-editorial-spread__page-rule{background:var(--bb-spread-rule,#0505051a);flex:1;min-width:20px;height:1px;margin:0 .75rem}.bb-editorial-spread__page-meta{opacity:var(--bb-spread-meta-opacity,.4)}.bb-editorial-spread__page-chip{background:var(--bb-accent);color:var(--bb-dark);padding:.15rem .5rem;font-size:.6rem;font-weight:800}.bb-editorial-section-number{border-bottom:4px solid var(--bb-section-divider,var(--bb-dark));font-family:var(--font-bb-display);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:900;display:flex}.bb-editorial-huge-number{z-index:0;pointer-events:none;font-family:var(--font-bb-display);color:var(--bb-huge-number,#0505050f);font-size:16rem;font-weight:900;line-height:.8;position:absolute;top:2rem;right:2rem}.bb-editorial-meta-label{font-family:var(--font-bb-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--bb-dim);margin-bottom:.75rem;font-size:.55rem}.bb-editorial-chip-row{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.bb-editorial-chip{font-family:var(--font-bb-mono);text-transform:uppercase;background:var(--bb-accent);color:var(--bb-dark);padding:.25rem .5rem;font-size:.5rem}.bb-editorial-chip--inverse{background:var(--bb-dark);color:var(--bb-accent)}.bb-editorial-panel{border:1px solid var(--bb-border-soft);background:var(--bb-surface);color:var(--bb-cream);padding:1.25rem}.bb-editorial-panel--accent{background:var(--bb-accent);color:var(--bb-dark);border-color:#0000}.bb-template-shell{gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.bb-template-intro{border:1px solid var(--bb-border);background:linear-gradient(135deg,var(--bb-surface),var(--bb-dark));gap:1rem;padding:1.25rem;display:grid}.bb-template-intro-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.bb-template-micro-stats{gap:.75rem;display:grid}.bb-template-micro-grid{background:var(--bb-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.bb-template-micro-stat{background:var(--bb-surface);gap:.35rem;padding:.8rem;display:grid}.bb-template-micro-stat__value{font-family:var(--font-bb-display);color:var(--bb-accent);text-transform:uppercase;font-size:1.1rem;font-weight:800}.bb-template-micro-stat__label{font-family:var(--font-bb-mono);color:var(--bb-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.5rem}.bb-template-note{border:1px solid var(--bb-border);background:var(--bb-surface-panel);gap:.45rem;padding:.85rem;display:grid}.bb-template-principles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.bb-template-principle{border:1px solid var(--bb-border);background:var(--bb-surface);gap:.55rem;padding:1rem;display:grid}.bb-template-principle__title{font-family:var(--font-bb-display);text-transform:uppercase;color:var(--bb-cream);font-size:1rem;font-weight:800;line-height:1}.bb-template-card-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;display:grid}.bb-template-card{border:1px solid var(--bb-border);background:linear-gradient(180deg,var(--bb-surface),var(--bb-dark));gap:1.25rem;padding:1.25rem;display:grid}.bb-template-card__header{gap:.5rem;display:grid}.bb-template-card__title{font-family:var(--font-bb-display);text-transform:uppercase;color:var(--bb-cream);margin:0;font-size:1.45rem;line-height:1}.bb-template-card__content{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;display:grid}.bb-template-card__stack{gap:1rem;display:grid}.bb-template-eyebrow{font-family:var(--font-bb-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--bb-accent);font-size:.58rem}.bb-template-body{font-family:var(--font-bb-sans);color:var(--bb-dim);margin:0;font-size:.78rem;line-height:1.65}.bb-template-preview{border:1px solid var(--bb-border);background:linear-gradient(180deg,var(--bb-surface),var(--bb-surface-alt));overflow:hidden}.bb-template-bullets{gap:.55rem;display:grid}.bb-template-bullet{grid-template-columns:10px 1fr;align-items:start;gap:.6rem;display:grid}.bb-template-bullet__dot{background:var(--bb-accent);width:8px;height:8px;margin-top:4px;display:block}.bb-template-meta{gap:.55rem;display:grid}.bb-template-meta__item{border-top:1px solid var(--bb-border);grid-template-columns:112px minmax(0,1fr);gap:.75rem;padding-top:.55rem;display:grid}.bb-template-meta__label{font-family:var(--font-bb-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bb-muted);font-size:.54rem}.bb-template-meta__value{font-family:var(--font-bb-sans);color:var(--bb-cream);font-size:.75rem;line-height:1.45}.bb-template-code{border:1px solid var(--bb-border);background:var(--bb-dark);gap:.32rem;padding:1rem 1rem .9rem;display:grid}.bb-template-code__line{font-family:var(--font-bb-mono);color:var(--bb-dim);white-space:pre-wrap;word-break:break-word;font-size:.58rem}.bb-template-code__line--accent{color:var(--bb-accent)}@media (min-width:768px){.bb-page-header__rail{flex-direction:row;gap:0}}@media (max-width:900px){.bb-template-card__content{grid-template-columns:1fr}}}@layer tenant-tokens{.brandbook-root[data-bb-theme=gold],.brandbook-root[data-bb-theme=lime],.brandbook-root[data-bb-theme=main]{--bb-accent:#ddd1bb}.brandbook-root[data-bb-theme=secondary]{--bb-accent:#bfa37a}}