@layer theme,base;@layer components{.builder-glass-card{scroll-margin-top:calc(var(--navbar-height) + 1rem)}.builder-fork-tab{color:var(--color-gray-400);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.builder-fork-tab:hover{color:var(--color-white)}.builder-fork-tab.is-active{color:var(--color-white);background-image:var(--gradient-brand-lr);box-shadow:var(--shadow-md)}.builder-fork-tab.is-big{border-radius:.875rem;padding:.875rem 1.375rem;font-size:1.0625rem}.builder-fork-switch{justify-content:center;display:flex}.builder-fork-switch-inner{background:#ffffff0d;background:lab(100% 0 0/.05);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.25rem;width:100%;max-width:28rem;padding:.375rem;display:flex}.builder-fork-switch-inner .builder-fork-tab{flex:auto}.builder-fork-tab{white-space:nowrap}.bot-image-card-frame.is-create-tile{background:linear-gradient(160deg, var(--color-brand-primary), var(--color-brand-secondary));box-shadow:var(--shadow-md);border-color:#0000}.bot-image-card-frame.is-create-tile:hover{border-color:var(--color-white)}.builder-step-enter{animation:builder-step-enter var(--duration-base) ease-out}@keyframes builder-step-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.step-badge{background-image:var(--gradient-brand-lr);width:2rem;height:2rem;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.circle-option-btn{background:linear-gradient(to right, oklch(from var(--color-gray-700) l c h / .8), oklch(from var(--color-gray-800) l c h / .8));width:5rem;height:5rem;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-600) l c h / .5);color:var(--color-gray-200);transition:background var(--duration-slow) ease, border-color var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease, color var(--duration-slow) ease;border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:relative}.circle-option-btn:hover{background:linear-gradient(to right, oklch(from var(--color-gray-600) l c h / .8), oklch(from var(--color-gray-700) l c h / .8));border-color:oklch(from var(--color-gray-500) l c h / .6);box-shadow:var(--shadow-sm);color:var(--color-white);transform:scale(1.05)}.circle-option-btn:active{transform:scale(.95)}.circle-option-btn.is-selected{background:var(--gradient-brand-lr);color:var(--color-white);border-color:oklch(from var(--color-brand-primary-400) l c h / .5);box-shadow:0 10px 15px -3px oklch(from var(--color-brand-secondary) l c h / .3);transform:scale(1.05)}.circle-option-btn.is-selected:before{content:"";background:var(--gradient-brand-hover-lr);opacity:0;transition:opacity var(--duration-slow) ease;border-radius:9999px;position:absolute;inset:0}.circle-option-btn.is-selected:hover:before{opacity:1}.circle-option-btn.is-disabled{background:oklch(from var(--color-gray-800) l c h / .5);border-color:oklch(from var(--color-gray-700) l c h / .5);color:var(--color-gray-500)}.circle-option-btn.is-disabled:hover{background:oklch(from var(--color-gray-800) l c h / .5);border-color:oklch(from var(--color-gray-700) l c h / .5);color:var(--color-gray-500);box-shadow:none;transform:none}.circle-option-select-badge{border:2px solid var(--color-white);background:linear-gradient(to right, var(--color-warning-400), var(--color-warning-400));width:1rem;height:1rem;box-shadow:var(--shadow-sm);border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:-.25rem;right:-.25rem}.circle-option-select-badge-inner{background:linear-gradient(to right, oklch(from var(--color-warning-300) l c h / .5), oklch(from var(--color-warning-300) l c h / .5));border-radius:9999px;width:100%;height:100%}.circle-option-label{text-align:center;width:6rem;color:var(--color-gray-200);transition:color var(--duration-slow) ease;font-size:.875rem}.circle-option-label.is-selected{color:var(--color-white)}.circle-option-label.is-disabled{color:var(--color-gray-500)}@media (max-width:640px){.is-compact-mobile .button.is-character-option{white-space:normal;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;gap:.125rem;min-width:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.15}.is-compact-mobile .circle-option-btn{width:3.5rem;height:3.5rem;font-size:.875rem}.is-compact-mobile .circle-option-label{width:4.5rem;font-size:.75rem}}.bot-image-card{transition:transform var(--duration-slow) ease, opacity var(--duration-base) ease}.bot-image-card:hover{z-index:2;position:relative;transform:scale(1.05)}.bot-image-card-frame{aspect-ratio:3/4;border:4px solid var(--color-gray-300);width:100%;transition:border-color var(--duration-slow) ease;border-radius:.375rem;position:relative;overflow:hidden}.bot-image-card-frame:hover{border-color:var(--color-brand-primary)}.bot-image-card-frame.is-selected{border-color:var(--color-brand-primary)}.bot-image-card-frame.is-skeleton:hover{border-color:var(--color-gray-300)}.bot-image-card-select-overlay{background:var(--color-brand-primary-600);opacity:.1;position:absolute;inset:0}.bot-image-card-media-badge{z-index:20;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:.25rem;align-items:center;gap:.25rem;padding:.1875rem .375rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:.375rem;right:.375rem}.bot-image-card-media-badge.is-active,.bot-image-card-media-badge.is-video{color:var(--color-white);background:#00000073;background:lab(0% 0 0/.45);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15)}.bot-image-card-media-badge.is-skeleton{background:oklch(from var(--color-gray-800) l c h / .6);border:1px solid oklch(from var(--color-gray-600) l c h / .2);color:var(--color-gray-500)}.bot-image-card-live-dot{background:var(--color-brand-primary);width:.375rem;height:.375rem;box-shadow:0 0 4px var(--color-brand-primary);border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.bot-image-card-live-dot.is-skeleton{background:var(--color-gray-500);box-shadow:none;animation:none}.avatar-type-card{cursor:pointer;aspect-ratio:2/3;box-shadow:0 0 0 2px oklch(from var(--color-gray-600) l c h / .5);transition:transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease;border-radius:1rem;position:relative;overflow:hidden}.avatar-type-card:hover{box-shadow:0 0 0 2px oklch(from var(--color-gray-400) l c h / .7);transform:scale(1.05)}.avatar-type-card.is-selected{box-shadow:0 0 0 4px var(--color-brand-primary), 0 25px 50px -12px oklch(from var(--color-brand-primary) l c h / .3)}.avatar-type-card.is-selected:hover{box-shadow:0 0 0 4px var(--color-brand-primary), 0 25px 50px -12px oklch(from var(--color-brand-primary) l c h / .3)}.avatar-type-card-overlay{background:linear-gradient(#0000,#0003 50%,#000c);background:linear-gradient(#0000,lab(0% 0 0/.2) 50%,lab(0% 0 0/.8));position:absolute;inset:0}.avatar-type-card-indicator{background:var(--color-brand-primary);border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.avatar-type-card-indicator-dot{background:var(--color-white);border-radius:9999px;width:.75rem;height:.75rem}.trait-picker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.75rem;display:grid}@media (min-width:640px){.trait-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.trait-picker-grid .enum-item,.trait-carousel .enum-item{overflow:visible}.trait-carousel{--carousel-item-w:clamp(6.75rem, 30cqi, 13rem);overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;gap:.75rem;padding-block:1.375rem 1.25rem;padding-inline:.375rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem calc(100% - 2.25rem),#0000 100%);-webkit-mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem calc(100% - 2.25rem),#0000 100%)}.trait-carousel.is-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000 100%);-webkit-mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 2.25rem),#0000 100%);mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 2.25rem),#0000 100%)}.trait-carousel.is-end{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem);mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem);-webkit-mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem);mask-image:linear-gradient(90deg,#0000 0,lab(0% 0 0) 2.25rem)}.trait-carousel.is-start.is-end{-webkit-mask-image:none;mask-image:none}.trait-carousel::-webkit-scrollbar{display:none}.trait-carousel.is-dragging{cursor:grabbing}.trait-carousel.is-bots{--carousel-item-w:clamp(6.5rem, 27cqi, 12rem)}@media (max-width:639px){.trait-carousel{margin-inline:-1.5rem;padding-block:.875rem .75rem;padding-inline:1.5rem}}@media (min-width:1024px){.trait-carousel{margin-inline:-2rem;padding-inline:2rem}}.trait-carousel-item{width:var(--carousel-item-w);flex:none;position:relative}.trait-carousel .bot-image-card:hover{transform:scale(1.02)}.trait-picker-grid .enum-item,.trait-carousel .enum-item,.avatar-type-card{touch-action:manipulation}.enum-item:focus-visible,.avatar-type-card:focus-visible,.trait-carousel-item [role=button]:focus-visible,.eye-swatch-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.carousel-arrow{z-index:10;width:2.25rem;height:2.25rem;color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#14151fd9;background:lab(7.05658% 1.67041 -7.16021/.85);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);border-radius:9999px;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .6);background:#262738f2;background:lab(16.2013% 2.73459 -10.8233/.95)}.carousel-arrow.is-left{left:-.625rem}.carousel-arrow.is-right{right:-.625rem}@media (hover:hover) and (pointer:fine){.carousel-arrow{display:flex}}.summary-tile{cursor:pointer;transition:border-color var(--duration-base) ease, background var(--duration-base) ease;background:#ffffff0a;background:lab(100% 0 0/.04);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .5rem;display:flex}.summary-tile:hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .5);background:#ffffff14;background:lab(100% 0 0/.08)}.summary-tile:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.summary-tile-thumb{background:#ffffff0f;background:lab(100% 0 0/.06);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;line-height:1;display:flex;overflow:hidden}.summary-tile-body{flex:1;min-width:0}.summary-tile-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);font-size:.65rem;font-weight:600}.summary-tile-value{color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.summary-tile-pencil{width:.875rem;height:.875rem;color:var(--color-gray-500);transition:color var(--duration-base) ease;flex-shrink:0}.summary-tile:hover .summary-tile-pencil{color:var(--color-brand-primary-400)}.summary-section-dot{background:var(--gradient-brand-lr);border-radius:9999px;width:.5rem;height:.5rem}.builder-stepper-input{background:var(--color-gray-900);color:var(--color-white);border:1px solid oklch(from var(--color-gray-600) l c h / .5);text-align:center;transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;font-weight:500;box-shadow:inset 0 1px 2px #0003;box-shadow:inset 0 1px 2px lab(0% 0 0/.2)}.builder-stepper-input:hover{border-color:var(--color-gray-500)}.builder-stepper-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px oklch(from var(--color-brand-primary) l c h / .3), inset 0 1px 2px #0003;outline:none}@supports (color:lab(0% 0 0)){.builder-stepper-input:focus{box-shadow:0 0 0 2px oklch(from var(--color-brand-primary) l c h / .3), inset 0 1px 2px lab(0% 0 0/.2)}}.builder-stepper-input{appearance:textfield}.builder-stepper-input::-webkit-inner-spin-button{appearance:none;margin:0}.builder-stepper-input::-webkit-outer-spin-button{appearance:none;margin:0}.builder-chip{color:var(--color-gray-300);border:1px solid oklch(from var(--color-gray-600) l c h / .5);background:var(--color-gray-900);cursor:pointer;transition:color var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:600}.builder-chip:hover{color:var(--color-white);background:var(--color-gray-800);border-color:var(--color-brand-primary)}.builder-chip.is-active{color:var(--color-white);border-color:var(--color-brand-primary-400);background:oklch(from var(--color-brand-primary) l c h / .15)}.builder-age-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--color-brand-primary-400) 0%, var(--color-brand-secondary) var(--slider-fill,0%), oklch(from var(--color-gray-700) l c h / .8) var(--slider-fill,0%));border-radius:9999px;outline:none;width:100%;height:.5rem}.builder-age-slider::-webkit-slider-thumb{appearance:none;background:var(--color-white);border:3px solid var(--color-brand-primary);cursor:grab;width:1.375rem;height:1.375rem;transition:transform var(--duration-fast) ease;border-radius:9999px;box-shadow:0 2px 8px #0006;box-shadow:0 2px 8px lab(0% 0 0/.4)}.builder-age-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.builder-age-slider::-webkit-slider-thumb:active{cursor:grabbing}.builder-age-slider::-moz-range-thumb{background:var(--color-white);border:3px solid var(--color-brand-primary);cursor:grab;border-radius:9999px;width:1.375rem;height:1.375rem;box-shadow:0 2px 8px #0006;box-shadow:0 2px 8px lab(0% 0 0/.4)}.builder-age-slider:focus-visible{box-shadow:0 0 0 3px oklch(from var(--color-brand-primary) l c h / .3)}.summary-hero{aspect-ratio:4/5;background:linear-gradient(to bottom, oklch(from var(--color-gray-800) l c h / .8), oklch(from var(--color-gray-900) l c h / .8));border:1px solid oklch(from var(--color-gray-600) l c h / .4);width:100%;box-shadow:var(--shadow-md);transition:box-shadow var(--duration-slow) ease, border-color var(--duration-slow) ease;border-radius:1rem;position:relative;overflow:hidden}.summary-hero:hover{border-color:oklch(from var(--color-brand-primary) l c h / .5);box-shadow:var(--shadow-md), 0 25px 50px -12px oklch(from var(--color-brand-primary) l c h / .3)}.summary-hero-image-btn{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.summary-hero-image-btn:disabled{cursor:default}.summary-hero-image-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.summary-hero-image{object-fit:cover;object-position:center 30%}.summary-hero-theater{text-align:center;background:linear-gradient(#1b1426bf,#06060ff2);background:linear-gradient(lab(7.89714% 6.94836 -10.9976/.75),lab(1.90518% .826389 -3.57878/.95));flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0;overflow:hidden}.summary-hero-glow{background:radial-gradient(ellipse at 50% 42%, oklch(from var(--color-brand-primary) l c h / .3), transparent 62%);pointer-events:none;animation:3.5s ease-in-out infinite hero-glow-pulse;position:absolute;inset:-20%}@keyframes hero-glow-pulse{0%,to{opacity:.65}50%{opacity:1}}.summary-hero-ring{background:conic-gradient(var(--color-brand-primary) calc(var(--ring-pct,0) * 1%), #ffffff1f 0);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;display:flex;position:relative}@supports (color:lab(0% 0 0)){.summary-hero-ring{background:conic-gradient(var(--color-brand-primary) calc(var(--ring-pct,0) * 1%), lab(100% 0 0/.12) 0)}}.summary-hero-ring:before{content:"";background:#0f0d1a;background:lab(4.24329% 2.59344 -7.13167);border-radius:9999px;position:absolute;inset:.45rem}.summary-hero-ring span{color:var(--color-white);font-size:1.2rem;font-weight:800;position:relative}.summary-hero-theater-title{color:var(--color-white);font-size:1.4rem;font-weight:800;line-height:1.2;position:relative}.summary-hero-theater-name{text-overflow:ellipsis;max-width:100%;font-size:1.9rem;font-weight:800;line-height:1.15;position:relative;overflow:hidden}.summary-hero-theater-sub{color:var(--color-gray-300);font-size:.9rem;position:relative}.summary-hero-cta{margin-top:.25rem;position:relative}.summary-hero-image-reveal{animation:.7s ease-out hero-reveal}@keyframes hero-reveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.summary-hero-blur-overlay{z-index:2;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));cursor:pointer;text-align:center;background-color:#00000080;background-color:lab(0% 0 0/.5);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.summary-hero-blur-text{color:var(--color-white);font-size:1rem}.summary-hero-overlay{pointer-events:none;z-index:3;background:linear-gradient(#0000 30%,#00000026 55%,#000000d9);background:linear-gradient(#0000 30%,lab(0% 0 0/.15) 55%,lab(0% 0 0/.85));position:absolute;inset:0}.summary-hero-name-btn{z-index:4;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;background:#00000040;background:lab(0% 0 0/.25);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.summary-hero-name-btn:hover{border-color:oklch(from var(--color-brand-primary) l c h / .5);box-shadow:0 0 16px oklch(from var(--color-brand-primary) l c h / .25);background:#00000073;background:lab(0% 0 0/.45)}.summary-hero-name-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.summary-hero-name-edit{color:#ffffffb3;color:lab(100% 0 0/.7);transition:color var(--duration-base) ease}.summary-hero-name-btn:hover .summary-hero-name-edit{color:var(--color-white)}.summary-hero-regen-btn{z-index:4;color:var(--color-white);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));cursor:pointer;transition:background var(--duration-base) ease, border-color var(--duration-base) ease;background:#00000073;background:lab(0% 0 0/.45);border:1px solid #ffffff2e;border:1px solid lab(100% 0 0/.18);border-radius:9999px;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.summary-hero-regen-btn:hover:not(:disabled){border-color:oklch(from var(--color-brand-primary) l c h / .6);background:#000000a6;background:lab(0% 0 0/.65)}.summary-hero-regen-btn:disabled{opacity:.6;cursor:default}.summary-hero-regen-count{background:var(--gradient-brand-lr);border-radius:9999px;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding-inline:.25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.summary-hero-name-edit-icon{background:var(--gradient-brand-lr);width:2rem;height:2rem;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) ease;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-hero-name-btn:hover .summary-hero-name-edit-icon{transform:scale(1.1)}.summary-tab-section{display:none}.summary-tab-section.is-active{display:block}.builder-screen{max-width:44rem;margin-inline:auto;container-type:inline-size}.builder-question-heading{text-align:center;color:#f3f4fc;color:lab(96.4443% .652432 -3.72517);width:100%;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:block}@media (min-width:640px){.builder-question-heading{font-size:1.4rem}}.builder-progress{max-width:44rem;margin-inline:auto}.builder-stepper-track{background:color-mix(in oklab, var(--color-gray-600,gray) 40%, transparent);border-radius:9999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.builder-stepper-fill{background:var(--gradient-brand-lr);height:2px;transition:width var(--duration-slow,.4s) ease;border-radius:9999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.builder-stepper-node{border:1px solid color-mix(in oklab, var(--color-gray-500,gray) 40%, transparent);color:#9c9dab;color:lab(65.0424% 1.40032 -7.39522);width:2.5rem;height:2.5rem;transition:background var(--duration-base,.2s) ease, color var(--duration-base,.2s) ease, transform var(--duration-base,.2s) ease, border-color var(--duration-base,.2s) ease;background:#191a24;background:lab(9.34022% 1.73422 -7.24626);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:relative}.builder-stepper-node.is-active{background:var(--gradient-brand-lr);color:var(--color-white,#fff);border-color:#0000}@supports (color:lab(0% 0 0)){.builder-stepper-node.is-active{color:var(--color-white,lab(100% 0 0))}}.builder-stepper-node.is-current{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand-primary-400,hotpink) 25%, transparent);transform:scale(1.12)}.builder-stepper-node.is-clickable{cursor:pointer}.builder-stepper-node.is-clickable:hover{border-color:color-mix(in oklab, var(--color-brand-primary-400,hotpink) 60%, transparent)}.eye-swatch{--eye-c2:var(--eye-c);background: radial-gradient(circle at 32% 26%, #fff6 0%, #ffffff1a 30%, transparent 58%),  radial-gradient(circle at 50% 46%, #fff3 0%, transparent 42%),  radial-gradient(circle at 50% 50%, transparent 52%, #00000042 85%, #00000070 100%),  linear-gradient(125deg, var(--eye-c) 0 38%, var(--eye-c2) 62% 100%);transition:transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease;position:relative;box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 6px #0000004d,0 2px 6px #00000059;box-shadow:inset 0 1px 2px lab(100% 0 0/.25),inset 0 -2px 6px lab(0% 0 0/.3),0 2px 6px lab(0% 0 0/.35)}@supports (color:lab(0% 0 0)){.eye-swatch{background: radial-gradient(circle at 32% 26%, lab(100% 0 0/.4) 0%, lab(100% 0 0/.1) 30%, transparent 58%),  radial-gradient(circle at 50% 46%, lab(100% 0 0/.2) 0%, transparent 42%),  radial-gradient(circle at 50% 50%, transparent 52%, lab(0% 0 0/.26) 85%, lab(0% 0 0/.44) 100%),  linear-gradient(125deg, var(--eye-c) 0 38%, var(--eye-c2) 62% 100%)}}.eye-swatch:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-conic-gradient(#ffffff0d 0deg 4.5deg,#0000000a 4.5deg 9deg);background:repeating-conic-gradient(lab(100% 0 0/.05) 0deg 4.5deg,lab(0% 0 0/.04) 4.5deg 9deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#0000 30%,#000 68% 86%,#0000 100%);mask-image:radial-gradient(closest-side,#0000 30%,#000 68% 86%,#0000 100%)}.eye-swatch-btn:hover .eye-swatch{transform:translateY(-2px)scale(1.04)}.eye-swatch.is-selected{border-color:var(--color-white,#fff);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-brand-primary-400,hotpink) 45%, transparent), 0 4px 14px color-mix(in oklab, var(--color-brand-primary-400,hotpink) 30%, transparent), inset 0 1px 2px #ffffff40, inset 0 -2px 6px #0000004d;transform:translateY(-2px)scale(1.06)}@supports (color:lab(0% 0 0)){.eye-swatch.is-selected{border-color:var(--color-white,lab(100% 0 0));box-shadow:0 0 0 3px color-mix(in oklab, var(--color-brand-primary-400,hotpink) 45%, transparent), 0 4px 14px color-mix(in oklab, var(--color-brand-primary-400,hotpink) 30%, transparent), inset 0 1px 2px lab(100% 0 0/.25), inset 0 -2px 6px lab(0% 0 0/.3)}}.builder-nav{z-index:30;padding:1.75rem 1rem calc(1rem + var(--safe-area-bottom,0px));-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background:linear-gradient(#0000,#03030799 55%);background:linear-gradient(#0000,lab(.865347% .453576 -1.54096/.6) 55%);position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.builder-nav{left:16rem}}.builder-nav-inner{align-items:center;gap:.75rem;max-width:44rem;margin-inline:auto;display:flex}.builder-nav-inner .button{border-radius:9999px}.builder-nav-next{box-shadow:0 10px 30px oklch(from var(--color-brand-primary) l c h / .4), 0 2px 10px #00000059;flex:1;padding-block:.9rem;font-size:1.0625rem;font-weight:700}@supports (color:lab(0% 0 0)){.builder-nav-next{box-shadow:0 10px 30px oklch(from var(--color-brand-primary) l c h / .4), 0 2px 10px lab(0% 0 0/.35)}}.builder-nav-prev{flex-shrink:0;padding:.9rem 1.5rem}}@layer utilities;body:has(.is-builder-page) main{padding-bottom:0}.is-builder-page{padding-bottom:calc(8rem + var(--safe-area-bottom,0px))}@media (max-width:767px){.builder-cms-header{margin-bottom:.5rem}.builder-cms-header h1{opacity:.85;margin-bottom:.25rem;font-size:1rem;line-height:1.35}}.trait-picker-grid .enum-label-reveal,.trait-carousel .enum-label-reveal{color:var(--color-white);text-shadow:0 1px 3px #000000e6;text-shadow:0 1px 3px lab(0% 0 0/.9);background:linear-gradient(#0000 0%,#000000b3 55%,#000000eb 100%);background:linear-gradient(#0000 0%,lab(0% 0 0/.7) 55%,lab(0% 0 0/.92) 100%);border-radius:0;padding:2rem .375rem .375rem;font-weight:600}@media (min-width:640px){.trait-picker-grid .enum-label-reveal,.trait-carousel .enum-label-reveal{padding:2.5rem .5rem .625rem;font-size:.9375rem;line-height:1.25}}@media (min-width:768px){body:has(.is-builder-page) .button.is-cta{padding-top:1.25rem;padding-bottom:1.25rem;font-size:1.25rem}body:has(.is-builder-page) .button.is-cta svg{width:1.5rem;height:1.5rem}}
