.characterDemo_page__UilPG{--demo-bg:#f6f5f9;--demo-surface:#ffffff;--demo-border:#e5e2ef;--demo-ink:#232030;--demo-ink-soft:#6f6a80;--demo-accent:#6a5ecf;--demo-accent-soft:#ece9fb;--demo-locked:#9a94ab;flex:1;min-height:0;overflow-y:auto;background:var(--demo-bg);color:var(--demo-ink);font-family:var(--font-geist-sans),system-ui,sans-serif;padding:28px 20px 48px}@media (prefers-color-scheme:dark){.characterDemo_page__UilPG{--demo-bg:#16151c;--demo-surface:#201f28;--demo-border:#33313f;--demo-ink:#ece9f5;--demo-ink-soft:#a29cb4;--demo-accent:#9c90f0;--demo-accent-soft:#2e2a44;--demo-locked:#6a6479}}.characterDemo_inner__oA8KA{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.characterDemo_title__EGh1x{font-size:22px;font-weight:800;margin:0;text-wrap:balance}.characterDemo_characterCard__yAhQE{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.characterDemo_cropFrame__LE3y7{position:relative;overflow:hidden;margin:0 auto}.characterDemo_cropImage__SfRHH{position:absolute;max-width:none}.characterDemo_characterEnter__cAIR0{animation:characterDemo_characterEnter__cAIR0 .26s ease-out}@keyframes characterDemo_characterEnter__cAIR0{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.characterDemo_characterEnter__cAIR0{animation:none}}.characterDemo_characterMeta__nfmMX{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.characterDemo_metaItem__J6kXd{background:var(--demo-accent-soft);border-radius:12px;padding:8px 14px;text-align:center;min-width:96px}.characterDemo_metaLabel__MhJIX{font-size:11px;font-weight:700;color:var(--demo-ink-soft)}.characterDemo_metaValue__Qg6sA{font-size:15px;font-weight:800;margin-top:2px}.characterDemo_characterCanvas__zuqXf{display:block;margin:0 auto}.characterDemo_canvasError__SnWsJ{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--demo-ink-soft);text-align:center}.characterDemo_customizer__1J9L_{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:20px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px}.characterDemo_partList__DPKPa{display:flex;flex-direction:column;gap:12px}.characterDemo_partRow__uHuhv{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--demo-border)}.characterDemo_partRow__uHuhv:last-child{padding-bottom:0;border-bottom:none}.characterDemo_partHead__OE0Te{display:flex;align-items:center;justify-content:space-between;gap:12px}.characterDemo_partLabel__oP_pp{font-size:14px;font-weight:700}.characterDemo_colorInput__3l8WO{width:40px;height:28px;padding:0;border:1px solid var(--demo-border);border-radius:8px;background:none;cursor:pointer}.characterDemo_presetRow__RT_YJ{display:flex;gap:8px;flex-wrap:wrap}.characterDemo_presetDot__G__B7{width:26px;height:26px;border-radius:50%;border:2px solid var(--demo-border);padding:0;cursor:pointer;transition:transform .12s ease-out}.characterDemo_presetDot__G__B7:hover{transform:scale(1.1)}.characterDemo_presetDotOn__3lPw4{border-color:var(--demo-ink);box-shadow:0 0 0 2px var(--demo-surface) inset}.characterDemo_colorInput__3l8WO:focus-visible,.characterDemo_presetDot__G__B7:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.characterDemo_customizerNote__P7Lrf{margin:0;font-size:12px;color:var(--demo-ink-soft)}.characterDemo_progressCard__oP7zq{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.characterDemo_progressHead__vr7IP{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.characterDemo_progressTitle__eUU9b{font-size:14px;font-weight:800;margin:0}.characterDemo_progressValue__6HXrh{font-size:14px;font-weight:800;color:var(--demo-accent);font-variant-numeric:tabular-nums}.characterDemo_progressTrack__jL_ib{height:10px;border-radius:999px;background:var(--demo-accent-soft);overflow:hidden}.characterDemo_progressFill__nOwEG{height:100%;border-radius:999px;background:var(--demo-accent);transition:width .32s ease-out}@media (prefers-reduced-motion:reduce){.characterDemo_progressFill__nOwEG{transition:none}}.characterDemo_progressNote__6lIE4{font-size:12px;color:var(--demo-ink-soft);margin:0;line-height:1.5}.characterDemo_growButton__PlBrI{width:100%;height:52px;border:none;border-radius:16px;background:var(--demo-accent);color:#ffffff;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;transition:filter .12s ease-out}.characterDemo_growButton__PlBrI:hover:not(:disabled){filter:brightness(1.06)}.characterDemo_growButton__PlBrI:disabled{background:var(--demo-accent-soft);color:var(--demo-ink-soft);cursor:default}.characterDemo_growButton__PlBrI:focus-visible,.characterDemo_stageCard__cd2f6:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.characterDemo_selectorSection__gBItr{display:flex;flex-direction:column;gap:12px}.characterDemo_sectionTitle__7_GaG{font-size:16px;font-weight:800;margin:0}.characterDemo_stageGrid__Ko2Ac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width:420px){.characterDemo_stageGrid__Ko2Ac{grid-template-columns:repeat(2,minmax(0,1fr))}}.characterDemo_stageCard__cd2f6{background:var(--demo-surface);border:2px solid var(--demo-border);border-radius:16px;padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;color:inherit;cursor:pointer;transition:border-color .12s ease-out,transform .12s ease-out}.characterDemo_stageCard__cd2f6:hover:not(:disabled){transform:translateY(-2px)}.characterDemo_stageCardSelected__EoPZg{border-color:var(--demo-accent);background:var(--demo-accent-soft)}.characterDemo_stageCardLocked__C0qZB{cursor:default;color:var(--demo-locked)}.characterDemo_stageThumbFrame__en8YG{position:relative;width:100%;height:72px;display:flex;justify-content:center}.characterDemo_stageThumbLocked__AitVA{filter:grayscale(1) brightness(1.35) opacity(.45)}.characterDemo_lockMark__wh44a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px}.characterDemo_stageNo__bxz7H{font-size:10px;font-weight:700;color:var(--demo-ink-soft);letter-spacing:.04em}.characterDemo_stageName__lS2ME{font-size:13px;font-weight:800}.characterDemo_stageState__OD_iZ{font-size:11px;font-weight:700;color:var(--demo-accent);min-height:15px}.characterDemo_stageStateLocked__dICUq{color:var(--demo-locked)}