.character-creator.svelte-1lt5ui5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent);justify-content:center;align-items:center;width:100%;height:380px;display:flex;position:relative;overflow:hidden}.character-display.svelte-1lt5ui5{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:960px;height:100%;display:flex;position:relative}.hex-pattern.svelte-1lt5ui5{opacity:.1;pointer-events:none;width:100%;height:100%;position:absolute}.hex-line.svelte-1lt5ui5{opacity:.5;background:repeating-linear-gradient(90deg,#0000,#0000 15px,currentColor 15px 30px);width:100%;height:1px;position:absolute;top:50%;left:0}.hex-line.svelte-1lt5ui5:first-child{transform:translateY(-30px)rotate(30deg)}.hex-line.svelte-1lt5ui5:nth-child(2){transform:translateY(0)rotate(-30deg)}.hex-line.svelte-1lt5ui5:nth-child(3){transform:translateY(30px)rotate(30deg)}.floating-character.svelte-1lt5ui5{opacity:0;width:48px;height:48px;transform:scale(var(--scale,.5)) translateY(15px) rotate(var(--rotate,0));transition:opacity .5s,transform .6s cubic-bezier(.175,.885,.32,1.275);transition-delay:var(--delay,0s);top:var(--top,50%);left:var(--left,50%);box-shadow:0 4px 14px color-mix(in oklab, var(--color-neutral) 35%, transparent);outline:2px solid var(--color-base-100);border-radius:8px;position:absolute;overflow:hidden}.floating-character.animate.svelte-1lt5ui5{opacity:var(--opacity,1);transform:scale(var(--scale,1)) translateY(0) rotate(var(--rotate,0))}.floating-character.svelte-1lt5ui5 img:where(.svelte-1lt5ui5){object-fit:cover;width:100%;height:100%}.character-highlight.svelte-1lt5ui5{background:var(--color-primary);width:100%;height:3px;position:absolute;bottom:0;left:0}.center-container.svelte-1lt5ui5{opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1) .5s,opacity .7s .5s;position:relative;transform:scale(.6)}.center-container.animate.svelte-1lt5ui5{opacity:1;transform:scale(1)}.glow-ring.svelte-1lt5ui5{width:90px;height:90px;box-shadow:0 0 32px color-mix(in oklab, var(--color-primary) 60%, transparent);opacity:.6;z-index:0;border-radius:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-character.svelte-1lt5ui5{width:70px;height:70px;box-shadow:0 6px 18px color-mix(in oklab, var(--color-neutral) 35%, transparent);outline:2px solid color-mix(in oklab, var(--color-primary) 60%, transparent);outline-offset:3px;z-index:1;border-radius:12px;position:relative;overflow:hidden}.center-character.svelte-1lt5ui5 img:where(.svelte-1lt5ui5){object-fit:cover;width:100%;height:100%}.ui-elements.svelte-1lt5ui5{opacity:0;flex-direction:column;align-items:center;margin-top:85px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.ui-elements.animate.svelte-1lt5ui5{opacity:1;transform:translateY(0)}.create-title.svelte-1lt5ui5{letter-spacing:-.01em;text-align:center;margin:0 0 8px;font-size:1.5rem;font-weight:700}.create-description.svelte-1lt5ui5{text-align:center;margin:0 0 18px;padding:0 16px;font-size:.95rem}.create-btn.svelte-1lt5ui5{align-items:center;gap:6px;height:auto;min-height:2.2rem;font-size:.9rem;display:flex}.icon.svelte-1lt5ui5{font-size:.9rem}@media (prefers-reduced-motion:reduce){.floating-character.svelte-1lt5ui5,.center-container.svelte-1lt5ui5,.ui-elements.svelte-1lt5ui5{transition:none}}