.character-editor{border-top:1px solid var(--rq-line);padding-top:28px;margin-top:28px}.character-editor .sech p{max-width:65ch;color:var(--rq-ink-2);line-height:1.5}.character-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:32px;align-items:start}.character-editor .form{max-width:560px}.character-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-colours label{min-width:0}.character-colours input[type=color]{width:100%;height:44px;cursor:pointer;padding:3px}.character-colours output{font-size:12px;color:var(--rq-ink-2);font-variant-numeric:tabular-nums}.character-preview{min-width:0;display:grid;justify-items:center}.character-preview canvas{width:100%;height:270px;display:block}.character-flat svg{width:180px;height:180px}.character-card-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--rq-line-strong);border-radius:12px;padding:12px 16px;min-width:200px;max-width:100%;color:var(--rq-ink)}.character-card-preview .character-card-mark{width:48px;height:48px;flex:none;border-radius:6px}.character-card-preview>span:not(.character-card-mark){overflow-wrap:anywhere;font-weight:600}.character-editor .form-status{min-height:24px}.character-editor :focus-visible{outline:2px solid var(--rq-yellow);outline-offset:3px}@media(max-width:650px){.character-editor-layout{grid-template-columns:1fr;gap:20px}.character-preview{grid-row:1}.character-preview canvas{height:220px}.character-colours{gap:10px}}

.character-shapes{border:0;padding:0;margin:0 0 18px;min-width:0}.character-shapes legend{font-weight:600;margin-bottom:12px}.character-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.character-editor .character-shape-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--rq-line-strong);border-radius:10px;padding:10px 3px 8px;min-width:0;cursor:pointer;font-size:11px;text-align:center;background:var(--rq-panel)}.character-shape-option input{position:absolute;top:7px;left:7px;width:14px;height:14px;margin:0;accent-color:var(--rq-yellow)}.character-shape-option:has(input:checked){border-color:var(--rq-yellow);background:var(--rq-panel-2,var(--rq-panel));box-shadow:inset 0 0 0 1px var(--rq-yellow)}.character-shape-option:has(input:focus-visible){outline:2px solid var(--rq-yellow);outline-offset:3px}.character-shape-figure{display:block;width:64px;height:64px}.character-shape-figure svg{width:100%;height:100%}.character-editor select[hidden]{display:none!important}@media(max-width:430px){.character-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-editor .character-shape-option{flex-direction:row;gap:8px;padding:8px 8px 8px 22px;font-size:12px}.character-shape-figure{width:48px;height:48px;flex-shrink:0}}
.character-look-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}.character-look-actions .field-note{margin:0}.character-part-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:650px){.character-part-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-part .character-shape-option{flex-direction:column;padding:10px 3px 8px;gap:4px}}.character-part .character-shape-option{padding-top:24px}.character-preview{position:sticky;top:76px;align-self:start}@media(max-width:650px){.character-part .character-shape-option{padding-top:22px}.character-part-grid:has(input[name=face]){grid-template-columns:repeat(5,minmax(0,1fr))}.character-preview{top:52px;z-index:2;background:var(--rq-bg,#f3f4f6);padding:6px 0;border-bottom:1px solid var(--rq-line)}.character-preview canvas{height:170px}.character-card-preview{display:none}}