.bb{--tc:var(--cyan);--tc2:var(--royal);--tc-soft:color-mix(in srgb, var(--tc) 12%, transparent);position:relative}.bb-wizard--branding,.bb-track--branding{--tc:var(--magenta);--tc2:var(--plum);--tc-soft:color-mix(in srgb, var(--magenta) 12%, transparent)}.bb fieldset{border:0;min-width:0;margin:0;padding:0}.bb [hidden]{display:none!important}.bb-trust{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.bb-trust li{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex}.bb-trust .icon{width:1rem;height:1rem}.bb-choose .sec__head{text-align:center;max-width:720px;margin-inline:auto}.bb-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px);margin-top:clamp(28px,4vw,48px);display:grid}.bb-track{border-radius:var(--radius);border:1.5px solid var(--line);background:linear-gradient(160deg, var(--tc-soft), transparent 55%), var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:transform .5s var(--ease), border-color .4s, box-shadow .5s;color:var(--text);flex-direction:column;gap:.6rem;padding:clamp(22px,3vw,36px);display:flex;position:relative;overflow:hidden}.bb-track:after{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--tc) 22%, transparent), transparent 70%);width:70%;transition:transform .8s var(--ease);pointer-events:none;border-radius:50%;position:absolute;inset:auto -30% -60% auto}.bb-track:hover{border-color:color-mix(in srgb, var(--tc) 55%, transparent);box-shadow:0 28px 60px -28px var(--tc);transform:translateY(-6px)}.bb-track:has(input:checked){border-color:color-mix(in srgb, var(--tc) 55%, transparent);box-shadow:0 28px 60px -28px var(--tc);transform:translateY(-6px)}.bb-track:hover:after{transform:scale(1.3)}.bb-track input{opacity:0;pointer-events:none;position:absolute}.bb-track:has(input:focus-visible){outline:3px solid var(--tc);outline-offset:3px}.bb-track__art{color:var(--tc);place-items:center start;height:150px;display:grid}.bb-track__art svg{width:auto;height:100%}.bb-track__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--tc);background:var(--tc-soft);border-radius:999px;align-self:flex-start;padding:.3rem .75rem;font-size:.74rem;font-weight:700;display:inline-flex}.bb-track__title{letter-spacing:-.02em;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1}.bb-track__text{color:var(--muted);line-height:1.6}.bb-track__points{gap:.45rem;margin:.4rem 0 1rem;display:grid}.bb-track__points span{align-items:center;gap:.5rem;font-size:.92rem;font-weight:500;display:flex}.bb-track__points .icon{width:1rem;height:1rem;color:var(--tc);flex:none}.bb-track__btn{background:linear-gradient(100deg, var(--tc), var(--tc2));align-self:flex-start;margin-top:auto}.bb-choose[data-collapsed] .bb-tracks,.bb-choose[data-collapsed] .sec__head{display:none}.bb:has(.bb-choose[data-collapsed]){padding-top:clamp(28px,4vw,48px)}.bb-art-soft{stroke:var(--line-strong)}.bb-art-draw{stroke-dasharray:220;stroke-dashoffset:220px;animation:bb-draw 4s var(--ease) infinite}.bb-art-node{animation:2s ease-in-out infinite bb-blink}.bb-art-float{animation:4s ease-in-out infinite bb-float}.bb-art-card{transition:transform .6s var(--ease);transform-box:fill-box;transform-origin:bottom}.bb-art-card--1{transform:rotate(-8deg)}.bb-art-card--3{transform:rotate(8deg)}.bb-track:hover .bb-art-card--1{transform:rotate(-14deg)translate(-6px)}.bb-track:hover .bb-art-card--3{transform:rotate(14deg)translate(6px)}.bb-art-pop{animation:bb-pop 3s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}.bb-wizard{animation:bb-in .7s var(--ease) both}.bb-bar{z-index:5;border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1rem clamp(16px,2vw,24px) .85rem;position:relative}.bb-bar__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bb-bar__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--tc);font-size:.72rem;font-weight:700}.bb-bar__title{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.2}.bb-bar__tools{align-items:center;gap:.6rem;display:flex}.bb-bar__status{color:var(--muted);margin-top:.4rem;font-size:.78rem}.bb-saved{color:var(--muted);animation:bb-in .4s var(--ease);align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;display:inline-flex}.bb-saved .icon{color:#16a34a;width:.9rem;height:.9rem}.bb-progress{background:var(--surface-2);border-radius:99px;height:6px;margin-top:.85rem;overflow:hidden}.bb-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--tc), var(--tc2), var(--tc));width:0;height:100%;transition:width .7s var(--ease);background-size:200% 100%;animation:3s linear infinite bb-shift;display:block}.bb-steps-nav{scrollbar-width:none;scroll-snap-type:x proximity;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.bb-steps-nav::-webkit-scrollbar{display:none}.bb-steps-nav li{scroll-snap-align:start;flex:none}.bb-steps-nav button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .35rem;font-size:.78rem;font-weight:600;transition:background .35s,color .35s,border-color .35s;display:inline-flex}.bb-steps-nav__icon{background:var(--surface-2);border-radius:50%;place-items:center;width:26px;height:26px;transition:background .35s,color .35s;display:grid}.bb-steps-nav__icon .icon{width:.85rem;height:.85rem}.bb-steps-nav__num{display:none}.bb-steps-nav button.is-done{color:var(--text)}.bb-steps-nav button.is-done .bb-steps-nav__icon{background:var(--tc-soft);color:var(--tc)}.bb-steps-nav button[aria-current=step]{color:#fff;background:linear-gradient(100deg, var(--tc), var(--tc2));border-color:#0000}.bb-steps-nav button{position:relative}.bb-steps-nav button.is-missing{border-color:#dc2626}.bb-steps-nav button.is-missing:after{content:"";width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);background:#dc2626;border-radius:50%;position:absolute;top:2px;right:2px}.bb-steps-nav button[aria-current=step] .bb-steps-nav__icon{color:#fff;background:#ffffff38}.bb-alert{border-radius:var(--radius-sm);color:#b91c1c;background:#ce191914;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.85rem 1rem;font-weight:600;display:flex}.bb-alert .icon{width:1.1rem;height:1.1rem}.bb-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(20px,3vw,40px);display:grid}.bb-step{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:clamp(20px,3vw,36px)}.bb-step+.bb-step{margin-top:1.25rem}.js .bb-step{margin-top:0;display:none}.js .bb-step.is-current{animation:bb-step-in .6s var(--ease) both;display:block}.js .bb-step.is-current.is-back{animation-name:bb-step-back}.bb-step__head{align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.bb-step__icon{color:#fff;background:linear-gradient(135deg, var(--tc), var(--tc2));width:54px;height:54px;box-shadow:0 14px 30px -14px var(--tc);border-radius:18px;flex:none;place-items:center;display:grid}.bb-step__icon .icon{width:1.5rem;height:1.5rem}.bb-step.is-current .bb-step__icon{animation:bb-pop-in .7s var(--ease) both}.bb-step__num{letter-spacing:.1em;text-transform:uppercase;color:var(--tc);font-size:.74rem;font-weight:700}.bb-step__title{letter-spacing:-.01em;margin-top:.25rem;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.25}.bb-q{border-top:1px dashed var(--line);padding:1.25rem 0}.bb-q:first-of-type{border-top:0;padding-top:0}.bb-q__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.85rem;display:flex}.bb-q__label{font-size:1.02rem;font-weight:600;line-height:1.4}.bb-q__tag{color:var(--muted);background:var(--bg-soft);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;transition:color .3s,background .3s}.bb-q__tag--req{color:var(--tc);background:var(--tc-soft)}.bb-q__tag.is-full{color:#fff;background:var(--tc)}.bb-q__sub{margin:1rem 0 .6rem;font-size:.9rem;font-weight:600}.bb-q__sub.muted{margin-top:.75rem;font-size:.82rem;font-weight:400}.bb-input{border:1.5px solid var(--line-strong);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:14px;padding:.85rem 1rem;font-size:.98rem;transition:border-color .3s,box-shadow .3s}.bb-input:focus{border-color:var(--tc);box-shadow:0 0 0 4px var(--tc-soft);outline:none}textarea.bb-input{resize:vertical;min-height:84px;line-height:1.55}.bb-error{color:#dc2626;margin-top:.5rem;font-size:.84rem;font-weight:600;display:block}.bb-q.has-error .bb-input{border-color:#dc2626}.bb-req{color:var(--tc)}.bb-tick{background:currentColor;flex:none;width:1rem;height:1rem;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.bb-tick--x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.bb-chipset__group{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 .5rem;font-size:.74rem;font-weight:700}.bb-chipset__group:first-child{margin-top:0}.bb-chips{flex-wrap:wrap;gap:.5rem;display:flex}.bb-chip{cursor:pointer;position:relative}.bb-chip input[type=checkbox],.bb-chip input[type=radio]{opacity:0;pointer-events:none;position:absolute}.bb-chip>span{border:1.5px solid var(--line-strong);background:var(--surface);transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease), gap .3s, box-shadow .3s;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:0;padding:.6rem 1rem;font-size:.9rem;font-weight:500;line-height:1.2;display:inline-flex}.bb-chip>span .bb-tick{opacity:0;width:0;height:1rem;transition:width .3s var(--ease), opacity .3s}.bb-chip:hover>span{border-color:var(--tc);transform:translateY(-2px)}.bb-chip input:checked+span{color:#fff;background:linear-gradient(100deg, var(--tc), var(--tc2));box-shadow:0 10px 22px -12px var(--tc);animation:bb-chip-pop .4s var(--ease);border-color:#0000;gap:.4rem}.bb-chip input:checked+span .bb-tick{opacity:1;width:1rem}.bb-chip input:focus-visible+span{outline:3px solid var(--tc);outline-offset:2px}.bb-chip.is-locked>span{opacity:.45}.bb-chip--other{border:1.5px dashed var(--line-strong);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:0 .4rem 0 .9rem;transition:border-color .3s;display:inline-flex}.bb-chip--other .icon{width:1rem;height:1rem;color:var(--muted)}.bb-chip--other input{color:var(--text);font:inherit;background:0 0;border:0;outline:none;width:12rem;padding:.6rem .4rem;font-size:.9rem}.bb-chip--other:focus-within{border-color:var(--tc);border-style:solid}.bb-step.is-current .bb-chip,.bb-step.is-current .bb-card,.bb-step.is-current .bb-swatch,.bb-step.is-current .bb-scale__step,.bb-step.is-current .bb-slider,.bb-step.is-current .bb-field{animation:bb-rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 25ms + .1s)}.bb-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.bb-cards--fonts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bb-card{cursor:pointer;position:relative}.bb-card input{opacity:0;pointer-events:none;position:absolute}.bb-card__body{border:1.5px solid var(--line);background:var(--bg-soft);height:100%;transition:border-color .3s, background .3s, transform .4s var(--ease), box-shadow .4s;border-radius:18px;flex-direction:column;gap:.35rem;padding:1rem;display:flex;position:relative}.bb-card:hover .bb-card__body{border-color:color-mix(in srgb, var(--tc) 50%, transparent);transform:translateY(-3px)}.bb-card input:checked+.bb-card__body{border-color:var(--tc);background:linear-gradient(160deg, var(--tc-soft), transparent 70%), var(--surface);box-shadow:0 16px 34px -20px var(--tc)}.bb-card input:focus-visible+.bb-card__body{outline:3px solid var(--tc);outline-offset:2px}.bb-card strong{font-size:.95rem;line-height:1.3}.bb-card small{color:var(--muted);font-size:.8rem;line-height:1.45}.bb-card__tick{border:1.5px solid var(--line-strong);background:var(--surface);color:#0000;width:24px;height:24px;transition:background .3s, color .3s, border-color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:.6rem;right:.6rem}.bb-card__tick .bb-tick{width:.8rem;height:.8rem}.bb-card input:checked+.bb-card__body .bb-card__tick{background:var(--tc);color:#fff;border-color:#0000;transform:scale(1.1)}.bb-card.is-locked .bb-card__body{opacity:.5}.bb-card__icon{background:var(--tc-soft);width:40px;height:40px;color:var(--tc);border-radius:12px;place-items:center;margin-bottom:.25rem;display:grid}.bb-card__icon .icon{width:1.2rem;height:1.2rem}.bb-card__art{background:var(--surface);height:74px;color:var(--text);border-radius:12px;place-items:center;margin-bottom:.25rem;transition:color .3s;display:grid}.bb-card__art svg{width:100%;max-width:130px;height:64px}.bb-card input:checked+.bb-card__body .bb-card__art{color:var(--tc)}.bb-card__palette{height:56px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin-bottom:.3rem;display:flex;overflow:hidden}.bb-card__palette i{background:var(--c);transition:flex .5s var(--ease);flex:1}.bb-card:hover .bb-card__palette i:nth-child(2),.bb-card input:checked+.bb-card__body .bb-card__palette i:nth-child(2){flex:1.8}.bb-card__sample{background:var(--surface);white-space:nowrap;height:70px;color:var(--text);border-radius:12px;place-items:center;margin-bottom:.25rem;font-size:1.45rem;line-height:1;transition:color .3s;display:grid;overflow:hidden}.bb-card input:checked+.bb-card__body .bb-card__sample{color:var(--tc)}.bb-font--sans{font-family:Helvetica Neue,Arial,sans-serif;font-weight:600}.bb-font--serif{font-family:Georgia,Times New Roman,serif}.bb-font--geometric{letter-spacing:.04em;font-family:Futura,Century Gothic,Avenir Next,sans-serif;font-weight:500}.bb-font--luxury{letter-spacing:.08em;font-family:Didot,"Bodoni 72",Bodoni MT,Playfair Display,Georgia,serif}.bb-font--script{font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-style:italic}.bb-font--hand{font-family:Bradley Hand,Segoe Print,Comic Neue,cursive}.bb-font--condensed{letter-spacing:-.01em;text-transform:uppercase;font-family:Avenir Next Condensed,Arial Narrow,Roboto Condensed,sans-serif;font-weight:800}.bb-font--rounded{font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Nunito,sans-serif;font-weight:700}.bb-font--mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.bb-font--any{font-family:var(--font);background:linear-gradient(100deg, var(--cyan), var(--magenta));-webkit-background-clip:text;background-clip:text;font-weight:700;color:#0000!important}.bb-scale{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid;position:relative}.bb-scale:before{content:"";background:var(--line-strong);height:2px;position:absolute;top:21px;left:10%;right:10%}.bb-scale__step{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.bb-scale__step input{opacity:0;pointer-events:none;position:absolute}.bb-scale__dot{background:var(--surface);border:2px solid var(--line-strong);width:44px;height:44px;transition:border-color .3s, transform .4s var(--ease), box-shadow .3s;border-radius:50%;place-items:center;display:grid;position:relative}.bb-scale__dot i{width:calc(8px + var(--i) * 4px);height:calc(8px + var(--i) * 4px);background:var(--line-strong);border-radius:50%;transition:background .3s}.bb-scale__num{font-size:.85rem;font-weight:700}.bb-scale__step small{color:var(--muted);font-size:.76rem;line-height:1.3}.bb-scale__step:hover .bb-scale__dot{border-color:var(--tc);transform:scale(1.08)}.bb-scale__step input:checked~.bb-scale__dot{border-color:var(--tc);box-shadow:0 0 0 6px var(--tc-soft);transform:scale(1.15)}.bb-scale__step input:checked~.bb-scale__dot i{background:var(--tc)}.bb-scale__step input:checked~.bb-scale__num{color:var(--tc)}.bb-scale__step input:focus-visible~.bb-scale__dot{outline:3px solid var(--tc);outline-offset:2px}.bb-sliders{gap:1.1rem;display:grid}.bb-slider__ends{justify-content:space-between;margin-bottom:.4rem;font-size:.86rem;font-weight:600;display:flex}.bb-slider__ends span:last-child{text-align:right}.bb-range{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:30px}.bb-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--tc) 0 var(--fill), var(--surface-2) var(--fill));border-radius:99px;height:8px}.bb-range::-moz-range-track{background:var(--surface-2);border-radius:99px;height:8px}.bb-range::-moz-range-progress{background:var(--tc);border-radius:99px;height:8px}.bb-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--tc);width:26px;height:26px;box-shadow:0 6px 16px -6px var(--tc);transition:transform .25s var(--ease);background:#fff;border-radius:50%;margin-top:-9px}.bb-range::-moz-range-thumb{border:3px solid var(--tc);background:#fff;border-radius:50%;width:22px;height:22px}.bb-range:active::-webkit-slider-thumb{transform:scale(1.2)}.bb-range:not([data-touched])::-webkit-slider-runnable-track{background:var(--surface-2)}.bb-range:not([data-touched])::-webkit-slider-thumb{border-color:var(--line-strong);box-shadow:none}.bb-range:focus-visible{outline:3px solid var(--tc-soft);border-radius:99px}.bb-tray{border:1.5px dashed var(--line-strong);background:var(--bg-soft);border-radius:18px;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:64px;margin-bottom:1rem;padding:.6rem;display:flex}.bb-tray__empty{color:var(--muted);padding:0 .5rem;font-size:.84rem}.bb-tray:has(.bb-pick) .bb-tray__empty{display:none}.bb-pick{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);animation:bb-chip-pop .45s var(--ease);border-radius:14px;align-items:center;gap:.55rem;padding:.35rem .4rem .35rem .35rem;display:inline-flex}.bb-pick__swatch{background:var(--c);border-radius:10px;width:40px;height:40px;box-shadow:inset 0 0 0 1px #00000014}.bb-pick__text{line-height:1.2;display:grid}.bb-pick__text small{letter-spacing:.08em;text-transform:uppercase;color:var(--tc);font-size:.68rem;font-weight:700}.bb-pick__text span{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;font-weight:600}.bb-pick button{background:var(--bg-soft);width:26px;height:26px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.bb-pick button .icon{width:.8rem;height:.8rem}.bb-pick button:hover{color:#fff;background:#dc2626}.bb-swatches--avoid .bb-pick__swatch{background-image:linear-gradient(135deg,#0000 46%,#dc2626 46% 54%,#0000 54%);background-color:var(--c)}.bb-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(58px,70px));justify-content:start;gap:.6rem;display:grid}.bb-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:relative}.bb-swatch input{opacity:0;pointer-events:none;position:absolute}.bb-swatch>span{aspect-ratio:1;background:var(--c);color:#0000;width:100%;transition:transform .35s var(--ease), box-shadow .35s, color .3s;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0000001a}.bb-swatch>span .bb-tick{stroke-width:3px;filter:drop-shadow(0 1px 2px #00000080);width:1.25rem;height:1.25rem}.bb-swatch small{color:var(--muted);text-align:center;font-size:.68rem;line-height:1.2}.bb-swatch:hover>span{transform:translateY(-3px)scale(1.04)}.bb-swatch input:checked+span{color:#fff;box-shadow:0 0 0 3px var(--surface), 0 0 0 5.5px var(--c), 0 12px 24px -10px var(--c);transform:scale(.92)}.bb-swatches--avoid .bb-swatch input:checked+span{box-shadow:0 0 0 3px var(--surface), 0 0 0 5.5px #dc2626}.bb-swatch input:focus-visible+span{outline:3px solid var(--tc);outline-offset:3px}.bb-swatch.is-locked>span{opacity:.35}.bb-custom{align-items:center;gap:.6rem;margin-top:1rem;display:flex}.bb-custom input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:12px;width:48px;height:44px;padding:0}.bb-mini{border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:border-color .3s,color .3s;display:inline-flex}.bb-mini .icon{width:.95rem;height:.95rem}.bb-mini:hover{border-color:var(--tc);color:var(--tc)}.bb-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem 1rem;display:grid}.bb-field label{color:var(--text-2);margin-bottom:.35rem;font-size:.84rem;font-weight:600;display:block}.bb-drop{border:2px dashed color-mix(in srgb, var(--tc) 40%, var(--line-strong));background:linear-gradient(160deg, var(--tc-soft), transparent 70%), var(--bg-soft);text-align:center;cursor:pointer;transition:border-color .3s, transform .4s var(--ease), background .3s;border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;display:flex;position:relative}.bb-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.bb-drop__icon{background:linear-gradient(135deg, var(--tc), var(--tc2));color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;animation:3.5s ease-in-out infinite bb-float;display:grid}.bb-drop__icon .icon{width:1.5rem;height:1.5rem}.bb-drop small{color:var(--muted);max-width:46ch;font-size:.8rem}.bb-drop.is-over{border-color:var(--tc);transform:scale(1.01)}.bb-drop:has(input:focus-visible){outline:3px solid var(--tc);outline-offset:3px}.bb-files{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.bb-files li{aspect-ratio:1;background:var(--bg-soft);border:1px solid var(--line);animation:bb-chip-pop .45s var(--ease);border-radius:14px;position:relative;overflow:hidden}.bb-files img{object-fit:cover;width:100%;height:100%}.bb-files .bb-file__doc{text-align:center;height:100%;color:var(--muted);word-break:break-all;place-items:center;padding:.5rem;font-size:.72rem;display:grid}.bb-files .bb-file__doc .icon{width:1.6rem;height:1.6rem;color:var(--tc)}.bb-files button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px}.bb-files button .icon{width:.8rem;height:.8rem}.bb-summary{gap:.75rem;display:grid}.bb-sum{border:1px solid var(--line);background:var(--bg-soft);animation:bb-rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);border-radius:16px;padding:1rem 1.1rem}.bb-sum__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.bb-sum__head strong{align-items:center;gap:.5rem;font-size:.95rem;display:inline-flex}.bb-sum__head strong .icon{width:1rem;height:1rem;color:var(--tc)}.bb-sum dl{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.35rem 1rem;margin:0;font-size:.86rem;display:grid}.bb-sum dt{color:var(--muted)}.bb-sum dd{overflow-wrap:anywhere;margin:0;font-weight:500}.bb-sum dd .bb-dot{background:var(--c);vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:4px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001a}.bb-sum__empty{color:var(--muted);font-size:.84rem}.bb-consent{border:1.5px solid var(--line);cursor:pointer;border-radius:16px;align-items:flex-start;gap:.7rem;margin-top:1.5rem;padding:1rem;font-size:.92rem;display:flex}.bb-consent input{width:20px;height:20px;accent-color:var(--tc);flex:none;margin-top:2px}.bb-consent.has-error{border-color:#dc2626}.bb-nav{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.bb-nav__count{color:var(--muted);margin-right:auto;font-size:.84rem}.bb-next{background:linear-gradient(100deg, var(--tc), var(--tc2));margin-left:auto}.bb-nav__count+.bb-next{margin-left:0}.js .bb-submit{display:none}.js .bb-wizard.is-review .bb-submit{display:inline-flex}.js .bb-wizard.is-review .bb-next{display:none}.js .bb-wizard.is-first [data-prev]{visibility:hidden}html:not(.js) [data-prev],html:not(.js) [data-next],html:not(.js) .bb-steps-nav,html:not(.js) .bb-progress,html:not(.js) .bb-mood{display:none}.bb-submit[aria-busy=true]{opacity:.7;pointer-events:none}.bb-mood{position:sticky;top:260px}.bb-mood__card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(170deg, var(--tc-soft), transparent 45%), var(--surface);box-shadow:var(--shadow);padding:1.25rem;position:relative;overflow:hidden}.bb-mood__title{align-items:center;gap:.5rem;padding-right:56px;font-size:.95rem;font-weight:700;display:flex}.bb-mood__title .icon{width:1.05rem;height:1.05rem;color:var(--tc)}.bb-mood__ring{width:48px;height:48px;position:absolute;top:.9rem;right:.9rem}.bb-mood__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.bb-mood__ring circle{fill:none;stroke-width:3.5px;stroke:var(--surface-2)}.bb-mood__ring circle[data-ring]{stroke:var(--tc);stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:97.4px;transition:stroke-dashoffset .8s var(--ease)}.bb-mood__ring span{place-items:center;font-size:.68rem;font-weight:700;display:grid;position:absolute;inset:0}.bb-mood__empty{color:var(--muted);margin-top:.75rem;font-size:.84rem;line-height:1.5}.bb-mood__block{animation:bb-rise .5s var(--ease) both;margin-top:1rem}.bb-mood__block small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.68rem;font-weight:700;display:block}.bb-mood__palette{height:54px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;display:flex;overflow:hidden}.bb-mood__palette i{background:var(--c);animation:bb-grow-x .6s var(--ease) both;transform-origin:0;flex:1}.bb-mood__palette i:first-child{flex:2}.bb-mood__type{flex-wrap:wrap;gap:.4rem;display:flex}.bb-mood__type span{background:var(--bg-soft);border-radius:10px;padding:.4rem .75rem;font-size:1.1rem}.bb-mood__logo,.bb-mood__words{flex-wrap:wrap;gap:.35rem;display:flex}.bb-mood__logo span{background:var(--bg-soft);width:64px;height:42px;color:var(--tc);border-radius:10px;place-items:center;display:grid}.bb-mood__logo svg{width:56px;height:32px}.bb-mood__words span{background:var(--tc-soft);color:var(--text);animation:bb-chip-pop .4s var(--ease);border-radius:999px;padding:.3rem .65rem;font-size:.76rem;font-weight:600}.bb-mood__images{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.bb-mood__images img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}@keyframes bb-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bb-step-in{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}@keyframes bb-step-back{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}@keyframes bb-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes bb-chip-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bb-pop-in{0%{opacity:0;transform:scale(.4)rotate(-20deg)}70%{transform:scale(1.1)rotate(4deg)}to{opacity:1;transform:none}}@keyframes bb-shift{to{background-position:-200% 0}}@keyframes bb-draw{0%{stroke-dashoffset:220px}55%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-220px}}@keyframes bb-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes bb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bb-pop{0%,10%{transform:scale(0)}30%,80%{transform:scale(1)}to{transform:scale(0)}}@keyframes bb-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=1100px){.bb-layout{grid-template-columns:1fr}.bb-mood{order:-1;position:static}.bb-mood__card{padding:1rem}}@media (width<=760px){.bb-tracks{grid-template-columns:1fr}.bb-track__art{height:110px}.bb-bar{padding-top:.85rem;position:static}.bb-bar__top{flex-wrap:nowrap;align-items:flex-start}.bb-bar__tools{flex-direction:column;align-items:flex-end;gap:.35rem}.bb-mini,.bb-saved{white-space:nowrap}.bb-saved{font-size:.7rem}.bb-steps-nav__label{display:none}.bb-steps-nav button{padding:.25rem}.bb-steps-nav button[aria-current=step]{padding-right:.75rem}.bb-steps-nav button[aria-current=step] .bb-steps-nav__label{display:inline}.bb-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.bb-scale__step small{font-size:.66rem}.bb-scale__dot{width:38px;height:38px}.bb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-sum dl{grid-template-columns:1fr;gap:.1rem}.bb-sum dd{margin-bottom:.4rem}.bb-nav .btn{flex:1;justify-content:center}.bb-nav__count{text-align:center;flex-basis:100%;order:-1}.bb-chip--other input{width:9rem}}@media (prefers-reduced-motion:reduce){.bb *,.bb :before{transition-duration:.001ms!important;animation:none!important}.bb-art-draw{stroke-dashoffset:0}}