@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-600:#e40014;--color-amber-600:#dd7400;--color-green-50:#f0fdf4;--color-green-200:#b9f8cf;--color-green-700:#008138;--color-green-800:#016630;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-full{height:100%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-9{gap:calc(var(--spacing)*9)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-red-600{background-color:var(--color-red-600)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-6{padding-top:calc(var(--spacing)*6)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-amber-600{color:var(--color-amber-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}}@media (min-width:64rem){.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}}}:root{--paper:#fbf6ea;--surface:#fffcf3;--sunken:#f5efe0;--ink:#23180a;--muted:#6e5e44;--faint:#9a8b6f;--line-c:#ede2c8;--honey:#ffc533;--honey-soft:#fff1c9;--amber:#96660a;--ok:#14915d;--ok-soft:#e2f3e9;--bb-ink:var(--ink);--bb-ink-2:#2f2413;--bb-graphite:#3d3018;--bb-slate:var(--muted);--bb-bone:var(--paper);--bb-bone-2:var(--sunken);--bb-bone-3:#ece0c8;--bb-white:var(--surface);--bb-brass:var(--amber);--bb-brass-hi:var(--honey);--bb-brass-tint:var(--honey-soft);--pix-base:#ffc533;--pix-bright:#ffd95e;--pix-deep:#96660a;--pix-tint:#fff1c9;--pix-ink:#3a2408;--pix-glow:#ffc53347;--mark-base:#1aa387;--mark-bright:#2bc4a6;--mark-deep:#0b6a58;--mark-tint:#d7f0e9;--mark-ink:#fff;--mark-glow:#1aa38742;--img-base:#3b82c4;--img-bright:#5a9ee0;--img-deep:#245e93;--img-tint:#dcebf8;--img-ink:#fff;--img-glow:#3b82c442;--map-base:#f0654e;--map-bright:#f6836f;--map-deep:#b23a28;--map-tint:#fbddd4;--map-ink:#fff;--map-glow:#f0654e42;--accent:var(--honey);--accent-bright:var(--honey);--accent-deep:var(--amber);--accent-tint:var(--honey-soft);--accent-glow:#ffc53347;--accent-contrast:#3a2408;--bg:var(--paper);--surface-2:var(--sunken);--text:var(--ink);--text-2:var(--muted);--text-3:var(--faint);--line:var(--line-c);--line-2:#23180a0f;--font-display:"Fredoka",ui-rounded,"Hiragino Maru Gothic ProN",system-ui,sans-serif;--font-ui:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;--step--1:.82rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.56rem;--step-3:1.95rem;--step-4:2.44rem;--step-5:3.05rem;--step-6:3.8rem;--tracking-tight:-.015em;--tracking-label:.16em;--r-sm:10px;--r-md:14px;--r-lg:22px;--r-xl:30px;--r-tile:26%;--shadow-sm:0 3px 10px -4px #5a3c0a47;--shadow-md:0 18px 40px -20px #5a3c0a66;--shadow-lg:0 34px 70px -28px #5a3c0a73;--shadow-tile:0 10px 24px -8px #5a3c0a66;--ease:cubic-bezier(.25,.9,.3,1.15);--ease-out:cubic-bezier(.16,1,.3,1);--dur-1:.14s;--dur-2:.24s;--dur-3:.46s}[data-tool=pixtext]{--accent:var(--pix-base);--accent-bright:var(--pix-bright);--accent-deep:var(--pix-deep);--accent-tint:var(--pix-tint);--accent-glow:var(--pix-glow);--accent-contrast:var(--pix-ink)}[data-tool=markgrab]{--accent:var(--mark-base);--accent-bright:var(--mark-bright);--accent-deep:var(--mark-deep);--accent-tint:var(--mark-tint);--accent-glow:var(--mark-glow);--accent-contrast:var(--mark-ink)}[data-tool=imagesnag]{--accent:var(--img-base);--accent-bright:var(--img-bright);--accent-deep:var(--img-deep);--accent-tint:var(--img-tint);--accent-glow:var(--img-glow);--accent-contrast:var(--img-ink)}[data-tool=mapmentions]{--accent:var(--map-base);--accent-bright:var(--map-bright);--accent-deep:var(--map-deep);--accent-tint:var(--map-tint);--accent-glow:var(--map-glow);--accent-contrast:var(--map-ink)}[data-theme=dark]{--bg:var(--ink);--surface:var(--bb-ink-2);--surface-2:#3a2d18;--sunken:#1a1206;--text:var(--paper);--text-2:#c8b89c;--text-3:#9a8b6f;--line:#fff6ea1f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(58% 40% at 88% -4%,var(--honey-soft),transparent 60%),radial-gradient(40% 28% at 0% 6%,#fdeed2,transparent 55%);background-attachment:fixed;margin:0;line-height:1.55}::selection{background:var(--honey);color:#3a2408}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-tight);margin:0;font-weight:700;line-height:1.05}.bb-eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-deep);background:var(--accent-tint);border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-weight:400;display:inline-flex}.bb-mono{font-family:var(--font-mono)}.bb-display{font-family:var(--font-display)}.bb-tile{border-radius:var(--r-lg);box-shadow:var(--shadow-tile);background:linear-gradient(155deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab, red, red)){.bb-tile{background:linear-gradient(155deg,color-mix(in srgb,var(--accent)78%,#fff),var(--accent))}}.bb-tile{position:relative}.bb-tile:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #fff6}.bb-btn{font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);background:var(--accent);color:var(--accent-contrast);box-shadow:0 12px 28px -8px var(--accent-glow);transition:transform var(--dur-1)var(--ease),box-shadow var(--dur-1)var(--ease);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:inline-flex}.bb-btn:hover{transform:translateY(-2px)}.bb-btn:active{transform:translateY(0)}.bb-btn-ghost{font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--dur-1)var(--ease),color var(--dur-1)var(--ease);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:inline-flex}.bb-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-deep)}.bb-stitch{border:0;border-top:1.5px dashed var(--honey);height:0}@supports (color:color-mix(in lab, red, red)){.bb-stitch{border-top:1.5px dashed color-mix(in srgb,var(--honey)70%,transparent)}}.bb-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.bb-focus:focus-visible{outline:2px solid var(--honey);outline-offset:2px;border-radius:var(--r-sm)}.bb-squig{color:var(--amber);white-space:nowrap;display:inline-block;position:relative}.bb-squig svg{width:100%;height:.3em;position:absolute;bottom:-.15em;left:0;right:0;overflow:visible}.bb-squig path{stroke:var(--honey);stroke-width:8px;fill:none;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340px;animation:1s .6s forwards bb-squig}@keyframes bb-squig{to{stroke-dashoffset:0}}@keyframes bb-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.bb-rise{animation:bb-rise var(--dur-3)var(--ease-out)both}.bb-reveal{opacity:0;transition:opacity .7s ease,transform .7s var(--ease);transform:translateY(24px)}.bb-reveal.in{opacity:1;transform:none}@keyframes bb-bob{0%,to{translate:0}50%{translate:0 -12px}}.bb-tool-row{grid-template-columns:1fr;align-items:center;gap:26px;padding:34px;display:grid}@media (min-width:880px){.bb-tool-row{grid-template-columns:.92fr 1.08fr;gap:40px;padding:38px 40px}.bb-tool-row.flip .tool-copy{order:2}.bb-tool-row.flip .tool-cell{order:1}}@media (prefers-reduced-motion:reduce){.bb-rise{animation:none}.bb-reveal{opacity:1;transform:none}.bb-squig path{stroke-dashoffset:0;animation:none}*{scroll-behavior:auto!important}}.bb-demo{width:100%;max-width:420px;margin-inline:auto}.demo-cap{text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.7;margin-top:14px;font-size:10px}.bb-win{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px;position:relative;overflow:hidden}.bb-win-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:9px 12px;display:flex}.bb-win-bar i{border-radius:50%;width:9px;height:9px}.bb-win-bar i:first-child{background:#f0776a}.bb-win-bar i:nth-child(2){background:#f2ab4d}.bb-win-bar i:nth-child(3){background:#63c78a}.bb-win-bar .u{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-left:8px;font-size:10.5px;display:inline-flex;overflow:hidden}.bb-win-bar .yt{background:#ff2f2f;border-radius:3px;flex:none;place-items:center;width:15px;height:11px;display:inline-grid}.bb-win-bar .yt:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #fff;margin-left:1px}.bb-shot{background:var(--surface);height:236px;position:relative;overflow:hidden}.bb-chip{z-index:9;opacity:0;font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:10.5px;font-weight:500;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.bb-chip .sp{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:11px;height:11px;animation:.8s linear infinite bb-spin}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-out{z-index:10;opacity:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:12px 13px;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(18px);box-shadow:0 18px 40px -16px #5a3c0a80}.bb-out .cap{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:6px;font-size:8.5px;display:inline-block}.bb-out .body{color:var(--ink);font-size:12.5px;line-height:1.5}.bb-out .row{align-items:center;gap:8px;margin-top:10px;display:flex}.bb-out .cbtn{font-family:var(--font-mono);color:var(--accent-contrast);background:var(--accent);border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.bb-out .cbtn .l2{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bb-out .hint{font-family:var(--font-mono);color:var(--muted);font-size:10px}.dp .video{background:radial-gradient(60% 50% at 24% 26%,#ffd69680,#0000 60%),radial-gradient(50% 60% at 82% 74%,#783c5a73,#0000 60%),linear-gradient(155deg,#c98f4e,#9a5a3a 52%,#3f2a2c);position:absolute;inset:0}.dp .bok{filter:blur(10px);opacity:.5;border-radius:50%;position:absolute}.dp .b1{background:#ffd98a;width:90px;height:90px;top:14px;right:16px}.dp .b2{background:#ffcaa0;width:64px;height:64px;bottom:20px;left:22px}.dp .video:after{content:"";background:linear-gradient(#0000 55%,#140a0e8c);position:absolute;inset:0}.dp .rc{z-index:2;filter:blur(.4px);text-shadow:0 2px 10px #140a0e8c;width:250px;position:absolute;top:22px;left:18px;transform:rotate(-.6deg)}.dp .rc .k{font-family:var(--font-mono);letter-spacing:.22em;color:#ffe4b0;text-transform:uppercase;font-size:9.5px}.dp .rc .h{font-family:var(--font-display);color:#fff;margin-top:3px;font-size:22px;font-weight:600}.dp .rc .s{color:#fdeccf;margin-top:5px;font-size:12px;line-height:1.5}.dp .play{z-index:2;background:#ff2f2f;border-radius:50%;place-items:center;width:44px;height:44px;animation:3s ease-in-out infinite dp-pulse;display:grid;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px -6px #00000080}.dp .play:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;margin-left:3px}@keyframes dp-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.06)}}.dp .vbar{z-index:2;padding:0 10px 8px;position:absolute;bottom:0;left:0;right:0}.dp .track{background:#ffffff4d;border-radius:2px;height:3px;position:relative}.dp .fill{background:#ff2f2f;border-radius:2px;width:38%;position:absolute;top:0;bottom:0;left:0}.dp .knob{background:#ff2f2f;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}.dp .tt{font-family:var(--font-mono);color:#fff;opacity:.9;margin-top:6px;font-size:9.5px;display:block}.dp .sel{transform-origin:0 0;border:2px solid var(--accent);opacity:0;z-index:5;width:0;height:0;animation:dp-sel 9s var(--ease)infinite;border-radius:3px;position:absolute;top:20px;left:16px;box-shadow:0 0 0 900px #46320a33}.dp .corner{background:var(--accent);border-radius:1px;width:7px;height:7px;position:absolute}.dp .tl{top:-4px;left:-4px}.dp .tr{top:-4px;right:-4px}.dp .bl{bottom:-4px;left:-4px}.dp .br{bottom:-4px;right:-4px}.dp .scan{opacity:0;background:linear-gradient(180deg,transparent,var(--accent)60%,transparent);mix-blend-mode:screen;height:22px;animation:9s linear infinite dp-scan;position:absolute;top:0;left:0;right:0}.dp .cross{z-index:6;opacity:0;width:26px;height:26px;animation:dp-cross 9s var(--ease)infinite;margin:-13px;position:absolute;top:0;left:0}.dp .cross:before,.dp .cross:after{content:"";background:var(--accent);position:absolute}.dp .cross:before{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.dp .cross:after{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.dp .cross span{border:2px solid var(--accent);background:var(--accent);border-radius:50%;position:absolute;inset:7px}@supports (color:color-mix(in lab, red, red)){.dp .cross span{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dp .bb-chip{animation:9s infinite dp-chip}.dp .bb-out{animation:dp-out 9s var(--ease)infinite}.dp .bb-out .cbtn .l1{animation:9s step-end infinite dp-copy}.dp .bb-out .cbtn .l2{animation:9s step-end infinite dp-copied}@keyframes dp-cross{0%,6%{opacity:0;transform:translate(8px,8px)}8%{opacity:1;transform:translate(18px,22px)}11%{transform:translate(18px,22px)scale(.78)}22%{opacity:1;transform:translate(272px,112px)scale(.78)}26%{opacity:0;transform:translate(272px,112px)}to{opacity:0}}@keyframes dp-sel{0%,8%{opacity:0;width:0;height:0}9%{opacity:1;width:0;height:0}22%{opacity:1;width:254px;height:90px}86%{opacity:1;width:254px;height:90px}92%,to{opacity:0;width:254px;height:90px}}@keyframes dp-scan{0%,22%{opacity:0;transform:translateY(0)}24%{opacity:.85;transform:translateY(0)}39%{opacity:.85;transform:translateY(70px)}41%,to{opacity:0;transform:translateY(70px)}}@keyframes dp-chip{0%,21%{opacity:0;transform:translate(-50%)translateY(6px)}25%,39%{opacity:1;transform:translate(-50%)translateY(0)}43%,to{opacity:0;transform:translate(-50%)translateY(-4px)}}@keyframes dp-out{0%,40%{opacity:0;transform:translateY(18px)}47%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}93%,to{opacity:0;transform:translateY(8px)}}@keyframes dp-copy{0%,57%{opacity:1}58%,to{opacity:0}}@keyframes dp-copied{0%,57%{opacity:0}59%,88%{opacity:1}90%,to{opacity:0}}.dm .bb-shot{background:#f3ede0}.dm .page{flex-direction:column;gap:7px;display:flex;position:absolute;inset:14px}.dm .blk{border-radius:7px}.dm .b-nav{background:#d9cdb6;height:18px;animation:9s infinite dm-fade}.dm .b-cookie{background:#cddaf0;border-radius:9px;height:22px;animation:9s 50ms infinite dm-fade}.dm .b-ad{background:#f2ccdb;border-radius:9px;height:34px;animation:9s .1s infinite dm-fade}.dm .art{flex-direction:column;gap:6px;display:flex}.dm .h-line{background:#b9a986;border-radius:6px;width:60%;height:15px}.dm .t-line{background:#d3c6ab;border-radius:5px;height:9px}.dm .t-line.s{width:88%}.dm .t-line.m{width:96%}.dm .t-line.x{width:72%}.dm .b-side{background:#dcd2bb;border-radius:9px;height:26px;animation:9s .15s infinite dm-fade}.dm .sweep{z-index:4;opacity:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);width:60px;position:absolute;top:0;bottom:0;left:0}@supports (color:color-mix(in lab, red, red)){.dm .sweep{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent)55%,transparent),transparent)}}.dm .sweep{animation:9s infinite dm-sweep}.dm .md{border:1px solid var(--line);z-index:8;opacity:0;box-shadow:var(--shadow-md);font-family:var(--font-mono);animation:dm-md 9s var(--ease)infinite;background:#fffcf3;border-radius:13px;padding:14px 15px;font-size:11px;line-height:1.75;position:absolute;inset:10px;transform:translateY(14px)}.dm .md .mh{color:var(--accent-deep);font-weight:600}.dm .md .mb{color:var(--ink)}.dm .md .tok{color:var(--accent-deep);background:var(--accent-tint);letter-spacing:.04em;border-radius:999px;padding:3px 9px;font-size:9px;position:absolute;bottom:11px;right:12px}.dm .bb-chip{animation:9s infinite dm-chip}@keyframes dm-fade{0%,30%{opacity:1}44%,to{opacity:.18;filter:blur(1px)}}@keyframes dm-sweep{0%,26%{opacity:0;transform:translate(-40px)}30%{opacity:1}44%{opacity:1;transform:translate(380px)}46%,to{opacity:0;transform:translate(380px)}}@keyframes dm-md{0%,46%{opacity:0;transform:translateY(14px)}54%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(8px)}}@keyframes dm-chip{0%,22%{opacity:0;transform:translate(-50%)translateY(6px)}26%,44%{opacity:1;transform:translate(-50%)translateY(0)}48%,to{opacity:0;transform:translate(-50%)translateY(-4px)}}.di .bb-shot{background:#eef3f9}.di .gal{grid-template-columns:repeat(4,1fr);gap:8px;animation:9s infinite di-scroll;display:grid;position:absolute;top:14px;left:14px;right:14px}.di .th{aspect-ratio:1;border-radius:9px;position:relative;overflow:hidden}.di .th:after{content:"";background:linear-gradient(135deg,#ffffff59,#0000 60%);position:absolute;inset:0}.di .th .ck{background:var(--accent);opacity:0;z-index:2;border-radius:50%;place-items:center;width:15px;height:15px;animation:9s infinite di-check;display:grid;position:absolute;top:3px;right:3px;transform:scale(.4)}.di .th .ck:after{content:"";border:2px solid #fff;border-top:0;border-left:0;width:5px;height:8px;transform:rotate(42deg)translate(-.5px,-1px)}.di .th:first-child{background:linear-gradient(150deg,#f6b26b,#e07a3e)}.di .th:first-child .ck{animation-delay:.6s}.di .th:nth-child(2){background:linear-gradient(150deg,#8fc4e8,#4b82b8)}.di .th:nth-child(2) .ck{animation-delay:.9s}.di .th:nth-child(3){background:linear-gradient(150deg,#b7dba0,#6fae5e)}.di .th:nth-child(3) .ck{animation-delay:1.2s}.di .th:nth-child(4){background:linear-gradient(150deg,#e8a7c6,#c76192)}.di .th:nth-child(4) .ck{animation-delay:1.5s}.di .th:nth-child(5){background:linear-gradient(150deg,#f2d17a,#d9a63e)}.di .th:nth-child(5) .ck{animation-delay:1.8s}.di .th:nth-child(6){background:linear-gradient(150deg,#a5b8e6,#6a7fc4)}.di .th:nth-child(6) .ck{animation-delay:2.1s}.di .th:nth-child(7){background:linear-gradient(150deg,#f4a58c,#dc6a54)}.di .th:nth-child(7) .ck{animation-delay:2.4s}.di .th:nth-child(8){background:linear-gradient(150deg,#9fd8c8,#57ad95)}.di .th:nth-child(8) .ck{animation-delay:2.7s}.di .zip{z-index:9;opacity:0;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);animation:di-zip 9s var(--ease)infinite;border-radius:14px;align-items:center;gap:11px;padding:11px 15px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)translateY(20px)}.di .zip .zi{background:var(--accent);color:#fff;width:34px;height:34px;font-family:var(--font-mono);border-radius:10px;flex:none;place-items:center;font-size:8px;font-weight:600;display:grid}.di .zip .zt{font-family:var(--font-ui);font-size:13px;font-weight:600}.di .zip .zs{font-family:var(--font-mono);color:var(--muted);font-size:10px}.di .zip .dl{background:var(--accent-tint);width:28px;height:28px;color:var(--accent-deep);border-radius:50%;place-items:center;margin-left:6px;display:grid}.di .bb-chip{animation:9s infinite di-chip}@keyframes di-scroll{0%,10%{transform:translateY(0)}40%,72%{transform:translateY(-26px)}86%,to{transform:translateY(0)}}@keyframes di-check{0%,8%{opacity:0;transform:scale(.4)}14%,80%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.4)}}@keyframes di-zip{0%,72%{opacity:0;transform:translate(-50%)translateY(20px)}80%{opacity:1;transform:translate(-50%)translateY(0)}94%{opacity:1;transform:translate(-50%)translateY(0)}99%,to{opacity:0;transform:translate(-50%)translateY(10px)}}@keyframes di-chip{0%,6%{opacity:0;transform:translate(-50%)translateY(6px)}12%,72%{opacity:1;transform:translate(-50%)translateY(0)}78%,to{opacity:0;transform:translate(-50%)translateY(-4px)}}.dg .bb-shot{background:#faf6ee;grid-template-columns:1fr 1fr;display:grid}.dg .txt{color:var(--muted);padding:16px 14px;font-size:10.5px;line-height:1.85;position:relative;overflow:hidden}.dg .txt .pl{color:var(--accent-deep);background:var(--accent-tint);opacity:.35;border-radius:5px;padding:0 4px;font-weight:600}.dg .txt .pl.on{animation:9s infinite dg-hl}.dg .txt .pl:first-of-type.on{animation-delay:.4s}.dg .txt .pl:nth-of-type(2).on{animation-delay:1s}.dg .txt .pl:nth-of-type(3).on{animation-delay:1.6s}.dg .txt .pl:nth-of-type(4).on{animation-delay:2.2s}.dg .map{border-left:1px solid var(--line);background:radial-gradient(60% 50% at 70% 30%,#dfeee0,#0000 60%),linear-gradient(160deg,#e9f0e2,#dce8ea);position:relative;overflow:hidden}.dg .water{background:#cfe3ec;border-radius:50% 50% 0 0;width:130%;height:90%;position:absolute;bottom:-30%;right:-20%;transform:rotate(-12deg)}.dg .road{opacity:.8;background:#fff;border-radius:2px;height:3px;position:absolute}.dg .road.r1{width:130%;top:38%;left:-15%;transform:rotate(-18deg)}.dg .road.r2{width:120%;top:64%;left:-10%;transform:rotate(8deg)}.dg .pin{z-index:3;opacity:0;width:16px;height:16px;position:absolute}.dg .pin i{background:var(--accent);border-radius:50% 50% 50% 0;position:absolute;inset:0;transform:rotate(-45deg);box-shadow:0 4px 8px -2px #78281480}.dg .pin i:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dg .pin.p1{animation:dg-pin 9s var(--ease)infinite;animation-delay:.9s;top:30%;left:60%}.dg .pin.p2{animation:dg-pin 9s var(--ease)infinite;animation-delay:1.5s;top:52%;left:78%}.dg .pin.p3{animation:dg-pin 9s var(--ease)infinite;animation-delay:2.1s;top:60%;left:44%}.dg .pin.p4{animation:dg-pin 9s var(--ease)infinite;animation-delay:2.7s;top:74%;left:66%}.dg .bb-chip{animation:9s infinite dg-chip}@keyframes dg-hl{0%,4%{opacity:.35}10%,86%{opacity:1}92%,to{opacity:.35}}@keyframes dg-pin{0%{opacity:0;transform:translateY(-16px)scale(.4)}8%{opacity:1;transform:translateY(3px)scale(1.1)}12%{transform:translateY(0)scale(1)}86%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(-8px)scale(.6)}}@keyframes dg-chip{0%,4%{opacity:0;transform:translate(-50%)translateY(6px)}10%,86%{opacity:1;transform:translate(-50%)translateY(0)}92%,to{opacity:0;transform:translate(-50%)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.bb-demo *,.bb-demo :before,.bb-demo :after{animation:none!important}.dp .bb-out,.dm .md,.di .zip{opacity:1!important;transform:none!important}.dp .sel{opacity:1!important;width:254px!important;height:90px!important}.dp .cross,.dp .scan,.bb-chip{opacity:0!important}.dm .blk{opacity:.18!important}.di .th .ck{opacity:1!important;transform:scale(1)!important}.dg .pin{opacity:1!important;transform:none!important}.dg .txt .pl{opacity:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}