#tier-table{max-width:95%;border-collapse:collapse;table-layout:auto}#tier-table tr{height:77px}#tier-table td{vertical-align:middle}#tier-table .title-row .title-cell{font-weight:700;font-size:18px;text-align:center;padding:10px 8px;line-height:1.3;cursor:text}#tier-table .title-cell:focus{outline:2px solid #c7d2fe;border-radius:6px;background:#f8fafc}#tier-table .title-cell:empty:before{content:attr(data-placeholder);color:#9ca3af}#tier-table.exporting tr.tier-row td:last-child{display:none!important}#tier-table .tier-name-cell{position:relative;width:120px;max-width:150px;vertical-align:middle;white-space:normal;word-break:break-word;padding:8px}#tier-table .icon-cell{flex-wrap:wrap;align-items:center;gap:6px;padding:8px;box-sizing:border-box;min-width:0;width:570px!important;min-width:570px!important;max-width:570px!important;background-color:#f2f2f2;cursor:pointer;transition:background-color .2s ease}#tier-table td:last-child{width:120px;min-width:120px;text-align:center}#tier-table .icon-cell:hover{background-color:#e0e0e0}#tier-table td:last-child{width:40px;text-align:center}#tier-table .tier-name-cell[contenteditable=true]{cursor:text}#tier-table .tier-name-cell:focus{outline:2px solid #c7d2fe;border-radius:6px;background:#f8fafc}.delete-btn{background:#f88;border:none;padding:4px 8px;cursor:pointer}.modal{position:fixed;top:10%;left:10%;width:80%;height:80%;background:#fff;border:2px solid #888;overflow-y:auto;z-index:1000;padding:10px}.modal-content{background:#fff;padding:10px}.character-icon{width:50px;height:50px;margin:2px;border:2px solid transparent;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.character-icon.selected{border-color:#3b82f6;box-shadow:inset 0 0 0 9999px #3b82f638,0 0 0 3px #3b82f659}.selected-icon{width:50px;height:50px;margin:2px}.attribute-label{width:40px;text-align:center;font-weight:700;color:#fff;vertical-align:top}.editable-cell{cursor:pointer;padding:6px;vertical-align:top;white-space:normal;word-break:break-word}.row-controls{display:grid;grid-template-columns:repeat(2,auto);grid-auto-rows:minmax(28px,auto);gap:6px 8px;justify-content:center;align-items:center;padding:4px 0}.row-controls .ctrl-btn{border:1px solid #ddd;background:#f7f7f7;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;line-height:1}.row-controls .ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.color-palette{position:absolute;z-index:9999;display:grid;grid-template-columns:repeat(5,24px);gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f}.color-palette.hidden{display:none}.color-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.1);cursor:pointer}#tier-table.exporting td:last-child{display:none!important}.export-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}#add-row-btn{margin-top:10px;padding:6px 12px}#add-row-btn,#export-image-btn,#reset-btn{padding:8px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:6px;cursor:pointer;font-size:14px}#add-row-btn,#export-image-btn:hover,#reset-btn:hover{background:#eee}#reset-btn{background:#fee2e2;border-color:#fecaca}#reset-btn:hover{background:#fecaca}#tier-table.exporting .tier-name-cell{width:var(--tier-name-w)!important;min-width:var(--tier-name-w)!important;max-width:var(--tier-name-w)!important}body.modal-open{overflow:hidden}#modal-backdrop{position:fixed;inset:0;background:transparent;z-index:999;display:none}#modal-backdrop.active{display:block}@media screen and (max-width:768px){#tier-table{table-layout:auto;width:100%}table{width:100%;margin:0}#tier-table .tier-name-cell{width:auto;max-width:90px}#tier-table .icon-cell{flex-wrap:wrap;align-items:center;gap:6px;padding:8px;box-sizing:border-box;background-color:#f2f2f2;cursor:pointer;transition:background-color .2s ease;width:auto!important;min-width:0!important;max-width:none!important}#tier-table td:last-child{width:96px;min-width:96px;text-align:center}}