.character-test-page{width:min(1440px,100% - 40px);min-height:100vh;margin:0 auto;padding:28px 0 48px}.character-test-page__heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;padding-bottom:16px;display:flex}.character-test-page__heading p{color:var(--aqua);font:700 10px/1 var(--font-pixel);letter-spacing:.05em;margin:0 0 7px}.character-test-page__heading h1{font:700 clamp(24px, 4vw, 38px)/1.1 var(--font-pixel);letter-spacing:-.05em;margin:0}.character-test-page__heading>a{color:var(--text-soft);font-size:13px;text-decoration:none}.character-test-page__heading>a:hover{color:var(--text)}.character-lab{border:1px solid var(--line);background:var(--ink-1);margin-top:18px;padding:18px}.character-lab__controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.character-lab__controls label{color:var(--text-dim);gap:6px;font-size:12px;display:grid}.character-lab__controls select{border:1px solid var(--line);min-height:34px;color:var(--text);background:var(--ink-2)}.character-lab__preview{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:18px;margin-top:18px;display:grid}.character-lab__preview dl{gap:8px;margin:0;display:grid}.character-lab__preview dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:7px;display:flex}.character-lab__preview dt{color:var(--text-dim)}.character-lab__preview dd{margin:0}.character-lab__warnings{color:var(--gold);margin:16px 0 0}.character-lab__heading-actions,.character-lab__title>div,.character-lab__playback{align-items:center;gap:8px;display:flex}.character-lab__heading-actions a{color:var(--text-soft);font-size:13px;text-decoration:none}.character-debug-toggle{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;display:flex}.character-debug-toggle input{accent-color:var(--berry)}.character-lab__title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.character-lab__title h2{font:700 17px/1.2 var(--font-pixel);margin:0}.character-status{border:1px solid var(--line);color:var(--text-soft);font:700 9px/1 var(--font-pixel);text-transform:uppercase;border-radius:3px;padding:4px 7px}.character-status--beta,.character-status--fallback{border-color:var(--gold);color:var(--gold)}.character-status--experimental{border-color:var(--violet);color:var(--violet)}.character-lab__controls--extended{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.character-lab__playback{margin-top:12px}.character-lab__playback input{flex:1;min-width:180px}.character-lab__stage{border:1px solid var(--line);background-color:var(--ink-0);justify-content:center;align-items:center;gap:18px;min-height:270px;margin-top:12px;padding:18px;display:flex;overflow-x:auto}.character-lab__stage--checkerboard,.character-lab__stage--transparent{background-image:linear-gradient(45deg, var(--ink-2) 25%, transparent 25%), linear-gradient(-45deg, var(--ink-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ink-2) 75%), linear-gradient(-45deg, transparent 75%, var(--ink-2) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.character-lab__stage--light{background:var(--text)}.character-lab__stage figure{min-width:calc(64px * var(--character-lab-zoom));justify-items:center;gap:8px;margin:0;display:grid}.character-lab__stage .character-viewer{width:calc(64px * var(--character-lab-zoom));max-width:384px;height:auto}.character-lab__stage figcaption{color:var(--text-soft);font:700 10px/1 var(--font-pixel)}.character-lab__stage.is-sheet{justify-content:flex-start;align-items:flex-start;gap:0}.character-lab__inspection{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:16px;display:grid}.character-lab__inspection dl,.character-lab__sources{gap:6px;margin:0;display:grid}.character-lab__inspection dl>div,.character-lab__sources>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,1fr) auto auto;gap:10px;padding-bottom:6px;display:grid}.character-lab__inspection dd{margin:0}.character-lab__sources span{color:var(--text-dim);font-size:11px}.character-creator{border:1px solid var(--line);background:var(--ink-1);min-height:710px;box-shadow:var(--shadow);grid-template-columns:minmax(280px,390px) minmax(0,1fr);display:grid;overflow:hidden}.character-creator button{border:1px solid var(--line);min-height:34px;color:var(--text-soft);background:var(--ink-2);cursor:pointer;border-radius:3px}.character-creator button:hover:not(:disabled){border-color:var(--line-bright);color:var(--text);background:var(--ink-3)}.character-creator button:disabled{cursor:wait;opacity:.6}.character-creator__preview-panel{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--violet) 18%, transparent), transparent 46%), var(--ink-0);flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.character-creator__preview-stage{border:1px solid var(--line);background-color:var(--ink-1);background-image:linear-gradient(45deg, var(--ink-2) 25%, transparent 25%), linear-gradient(-45deg, var(--ink-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ink-2) 75%), linear-gradient(-45deg, transparent 75%, var(--ink-2) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:390px;display:grid;overflow:hidden}.character-viewer{width:auto;max-width:100%;image-rendering:pixelated;display:block}.character-creator__preview-stage .character-viewer{filter:drop-shadow(0 14px #00000026);width:min(100%,320px);height:auto}.character-creator__direction-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.character-creator__direction-controls strong{min-width:54px;color:var(--text-soft);font:700 10px/1 var(--font-pixel);text-align:center;text-transform:uppercase}.character-creator__mugshot{border:1px solid var(--line);background:var(--ink-2);align-items:center;gap:12px;padding:10px;display:flex}.character-creator__mugshot .character-viewer{border:1px solid var(--line-bright);background:var(--ink-1);width:72px;height:72px}.character-creator__footer>div:not(.character-creator__footer-actions){flex-direction:column;gap:3px;display:flex}.character-creator__mugshot strong,.character-creator__toolbar strong,.character-creator__footer strong{font-size:13px}.character-creator__mugshot span,.character-creator__toolbar span,.character-creator__footer span{color:var(--text-dim);font-size:11px}.character-creator__animation-controls{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.character-creator__animation-controls button{min-height:30px;padding:0 7px;font-size:11px}.character-creator__preview-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.character-creator__workbench{flex-direction:column;min-width:0;display:flex}.character-creator__toolbar,.character-creator__footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.character-creator__toolbar>div{gap:7px;display:flex}.character-creator__footer-actions{display:flex;flex-direction:row!important;gap:7px!important}.character-creator__toolbar button{padding:0 12px;font-size:12px}.character-creator__gender,.character-creator__bust-size{border:0;align-items:center;gap:7px;margin:0;display:flex}.character-creator__gender{color:var(--text-dim);font-size:11px}.character-creator__gender select{border:1px solid var(--line);min-height:30px;color:var(--text);background:var(--ink-2)}.character-creator__bust-size{border-bottom:1px solid var(--line);background:var(--ink-2);padding:10px 12px}.character-creator__bust-size legend{color:var(--text-dim);margin-right:5px;font-size:11px}.character-creator__bust-size label{border:1px solid var(--line);min-height:30px;color:var(--text-soft);cursor:pointer;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:flex}.character-creator__bust-size label:has(input:checked){border-color:var(--berry);color:var(--text);background:color-mix(in srgb, var(--berry) 14%, var(--ink-2))}.character-creator__bust-size input{accent-color:var(--berry)}.character-creator__categories{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.character-creator__categories button{background:0 0;border-color:#0000;flex:none;min-height:30px;padding:0 11px;font-size:11px}.character-creator__categories button.is-active,.character-creator__options button.is-active,.character-creator__option-group button.is-active{border-color:var(--berry);color:var(--text);background:color-mix(in srgb, var(--berry) 14%, var(--ink-2))}.character-creator__options{border-bottom:1px solid var(--line);background:var(--ink-1);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;min-height:214px;padding:14px;display:grid}.character-creator__options>button{flex-direction:column;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:172px;padding:9px;font-size:11px;display:flex}.character-creator__option-group{border-top:1px solid var(--line);grid-column:1/-1;gap:8px;padding-top:12px;display:grid}.character-creator__option-group:first-child{border-top:0;padding-top:0}.character-creator__option-group h3{color:var(--text-soft);font:700 10px/1 var(--font-pixel);margin:0}.character-creator__option-group>div{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.character-creator__option-group button{flex-direction:column;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:172px;padding:9px;font-size:11px;display:flex}.character-creator__options .character-viewer{width:min(100%,120px);height:auto}.character-creator__colors{border-bottom:1px solid var(--line);background:var(--ink-2);align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.character-colour-picker{position:relative}.character-colour-picker__trigger{grid-template-columns:minmax(70px,auto) 24px auto;align-items:center;gap:8px;min-width:170px;padding:0 9px;display:grid}.character-colour-picker__trigger>span:first-child{color:var(--text-soft);text-align:left;font-size:11px}.character-colour-picker__swatch{border:1px solid var(--line-bright);border-radius:2px;width:22px;height:22px}.character-colour-picker__trigger code{color:var(--text-dim);font-size:10px}.character-colour-picker__popover{z-index:20;border:1px solid var(--line-bright);background:var(--ink-1);width:238px;box-shadow:var(--shadow);padding:10px;position:absolute;top:calc(100% + 6px);left:0}.character-colour-picker__palette{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.character-colour-picker__palette button{aspect-ratio:1;border-color:var(--line-bright);min-height:0}.character-colour-picker__palette button.is-active{outline:2px solid var(--berry);outline-offset:1px}.character-colour-picker__custom,.character-colour-picker__hex{color:var(--text-soft);grid-template-columns:1fr 96px;align-items:center;gap:8px;margin-top:9px;font-size:11px;display:grid}.character-colour-picker__custom input{border:1px solid var(--line-bright);cursor:pointer;background:0 0;width:96px;height:30px;padding:1px}.character-colour-picker__hex input{border:1px solid var(--line-bright);min-width:0;height:30px;color:var(--text);background:var(--ink-2);font:11px/1 var(--font-mono);text-transform:uppercase;padding:0 7px}.character-colour-picker__hex input[aria-invalid=true]{border-color:var(--red)}.character-creator__footer{border-top:1px solid var(--line);background:var(--ink-2);border-bottom:0;margin-top:auto}.character-creator__footer:has(.character-creator__footer-actions:only-child){justify-content:flex-end}.character-creator__open-editor{min-width:138px;border-color:var(--berry)!important;color:var(--text)!important;background:var(--berry-dark)!important}@media (max-width:980px){.character-creator{grid-template-columns:1fr}.character-creator__preview-panel{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(160px,220px);display:grid}.character-creator__preview-stage{grid-row:span 3;min-height:330px}.character-creator__preview-actions{grid-template-columns:1fr}}@media (max-width:680px){.character-lab__controls{grid-template-columns:1fr 1fr}.character-lab__preview{grid-template-columns:1fr}.character-test-page{width:min(100% - 20px,1440px);padding-top:18px}.character-test-page__heading{flex-direction:column;align-items:flex-start}.character-creator__preview-panel{padding:12px;display:flex}.character-creator__preview-stage{min-height:300px}.character-creator__preview-stage .character-viewer{width:min(100%,280px)}.character-creator__preview-actions{grid-template-columns:1fr 1fr}.character-creator__colors{overflow-x:auto}.character-creator__options,.character-creator__option-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.character-creator__toolbar,.character-creator__footer{flex-direction:column;align-items:stretch}.character-creator__open-editor{width:100%}}