.character-panel{position:relative;margin:16px 0;min-width:0}.character-import-tile{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;border:2px dashed #b39473;border-radius:12px;background:#fff8eb;cursor:pointer;min-height:108px;color:#653b2a;font-size:18px;font-weight:700;transition:background .15s,border-color .15s}.character-import-tile:hover{background:#f7ead5;border-color:#79543b}.character-import-art{width:72px;height:72px;flex:none}.character-caption{font-size:14px;line-height:1.5;margin:8px 0 0;color:#654a39}.character-panel input.character-file{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.character-panel:focus-within .character-import-tile{outline:3px solid #8f2138;outline-offset:3px}.character-panel:has(input:disabled) .character-import-tile{opacity:.6;cursor:wait}#character-preview-wrap:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}#character-preview{object-fit:contain;border-radius:6px;background:#f3e6d5;max-width:100%}#character-remove{font-size:14px;padding:9px 12px;max-width:100%;white-space:normal}#character-status:empty{display:none}.character-panel .hint{font-size:14px;overflow-wrap:anywhere}