.monster-editor .monster-layout{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:24px}.monster-editor .monster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monster-editor label{display:block;margin:8px 0}.monster-editor select,.monster-editor input:not([type=checkbox]){width:100%;min-width:0}.monster-editor #monster-selected{min-height:240px}.monster-editor .monster-preview{width:96px;height:96px;image-rendering:pixelated;background:#29282b;border:1px solid #63505a}.monster-editor .monster-art{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.monster-editor .monster-chain{padding:12px;background:#29282b;border-left:3px solid #ce92a8;overflow-wrap:anywhere}.monster-editor fieldset{min-width:0}.monster-editor [hidden]{display:none!important}@media(max-width:650px){.monster-editor .monster-layout,.monster-editor .monster-grid{grid-template-columns:1fr}.monster-editor #monster-selected{min-height:150px}}
.monster-editor .monster-art>canvas.monster-preview[width="48"]{width:192px;height:192px}.monster-editor .monster-form-picker{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.monster-editor .monster-form-picker button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:8px}.monster-editor .monster-form-picker .monster-preview{width:64px;height:64px}.monster-editor .monster-form-picker [aria-pressed=true]{outline:3px solid #ce92a8;outline-offset:1px}.monster-editor .monster-chain-forms{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.monster-editor .monster-chain-forms>span{display:flex;flex-direction:column;gap:8px;max-width:100%}.monster-editor .monster-chain-forms .monster-preview{width:64px;height:64px}
.monster-editor .monster-preview-error{color:#f5a8bc;font-size:13px}.monster-editor .monster-preview[data-state="error"]{border-color:#f5a8bc}
.monster-editor canvas.monster-preview{display:block;box-sizing:content-box;flex-shrink:0;aspect-ratio:1}
.monster-editor .monster-form-picker canvas[width="48"],.monster-editor .monster-chain-forms canvas[width="48"]{width:96px;height:96px}
.monster-editor canvas.monster-preview{border:0;outline:0;box-shadow:none}
.monster-variant { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.monster-variant h3 { margin: 0 0 8px; font-size: 16px; }