#customModal .monster-builder{background:#121e29;border:1px solid #496173;border-radius:20px;padding:20px!important;width:760px;max-width:calc(100vw - 24px);color:#e1eaf2}
.builder-heading{display:flex;justify-content:space-between;align-items:center}.builder-heading small{color:#b6a17a;font-size:10px;letter-spacing:.12em}.builder-heading h2{margin:4px 0 14px;font-size:21px}.monster-builder button{background:#223747;border:1px solid #4c6375;color:#e1eaf2;border-radius:8px;padding:7px 11px;cursor:pointer;font-size:12px}.monster-builder .builder-close{font-size:24px;padding:0 9px}
.builder-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px}.builder-tabs button{white-space:nowrap}.builder-tabs .selected{background:#3b3450;border-color:#a487bd;color:#f0e5ff}.builder-grid,.builder-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monster-builder label{display:grid;gap:5px;font-size:11px;color:#b9cbd9;min-width:0}.monster-builder input:not([type=checkbox]),.monster-builder textarea,.monster-builder select{background:#192b3a;color:#e8eef4;border:1px solid #40596c;border-radius:8px;padding:8px;min-width:0;width:100%;box-sizing:border-box;font:inherit;font-size:12px}.monster-builder input:focus,.monster-builder textarea:focus,.monster-builder select:focus{outline:2px solid #9474b5;outline-offset:1px}.monster-builder textarea{min-height:86px;resize:vertical}.monster-builder h3{font-size:13px;margin:17px 0 10px;color:#d9c8aa}.builder-abilities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.builder-abilities input{text-align:center}.builder-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.builder-checks label{display:flex;align-items:center}.monster-builder input[type=checkbox]{accent-color:#aa85c8}.builder-entry{padding:10px;border:1px solid #344b5c;border-radius:12px;background:#162531;margin-bottom:8px}.builder-entry>div{display:flex;gap:7px;margin-bottom:7px}.builder-entry>div input{flex:1}.builder-entry button{flex:0 0 auto}.builder-slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.builder-slots input{text-align:center}.builder-magic{align-self:center;color:#cfb8e5;font-size:13px}#builderSelectedSpells{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}#builderSpellResults{display:grid;gap:5px;max-height:220px;overflow:auto;margin-top:8px}#builderSpellResults button{display:flex;justify-content:space-between;text-align:left;gap:8px}#builderSpellResults small{color:#a9c0d2;white-space:nowrap}.builder-hint{font-size:11px;color:#91a8ba;line-height:1.6}.builder-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #354b5a;margin-top:18px;padding-top:12px}.builder-footer span{font-size:11px;color:#a9bdca;flex:1}.builder-footer .builder-add-combat{display:flex;align-items:center}.builder-footer button[type=submit]{background:#3b3450;border-color:#aa85c8}.monster-builder [hidden]{display:none!important}@media(max-width:600px){.builder-abilities{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-footer span{flex-basis:100%}#customModal .monster-builder{padding:14px!important}.builder-skills{gap:8px}.builder-grid{gap:8px}}

.builder-image-upload{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.builder-image-upload label{flex:1}.builder-image-upload img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid #496173}.builder-image-upload small{color:#a9bdca;font-size:11px}

#customModal .builder-file-button{display:inline-flex;align-items:center;gap:8px;background:#34485e;color:#f0e8db;border:1px solid #8b7aa0;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer}#customModal .builder-file-button:hover{background:#495a75}#customModal .builder-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}#customModal .builder-image-upload:focus-within .builder-file-button{outline:2px solid #bc9de1;outline-offset:2px}
