.tl-wrapper{margin:20px 0;padding:10px;font-family:inherit;--tl-brand-size:12px;--tl-brand-weight:600;--tl-item-img:92px;--tl-item-label:11px;--tl-label-col:160px;}
.tl-wrapper.tl-theme-dark{background:#222;color:#f5f5f5;}
.tl-wrapper.tl-theme-light{background:#f3f3f3;color:#222;}
.tl-print-branding{text-align:left;font-size:var(--tl-brand-size);font-weight:var(--tl-brand-weight);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;opacity:0.85;}
.tl-tierlist-inner{display:block;}
.tl-tier-table{width:100%;border-collapse:collapse;}
.tl-tier-row{display:grid;grid-template-columns:var(--tl-label-col, 160px) minmax(0, 1fr);border-bottom:2px solid #000;align-items:stretch;}
.tl-tier-row:last-child{border-bottom:none;}
.tl-tier-label-cell{display:flex;align-items:stretch;padding:0;}
.tl-tier-label{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#000;width:100%;height:100%;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}
.tl-tier-dropzone-cell{background:#ffffff;padding:4px 6px;}
.tl-wrapper.tl-theme-dark .tl-tier-dropzone-cell{background:#3a3a3a;}
.tl-tier-dropzone{min-height:52px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;}
.tl-items-section{margin-top:10px;padding:8px;background:rgba(255, 255, 255, 0.04);}
.tl-wrapper.tl-theme-light .tl-items-section{background:rgba(255, 255, 255, 0.85);}
.tl-items-title{margin:0 0 6px;font-size:13px;font-weight:600;}
.tl-items-pool{min-height:52px;display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:rgba(0, 0, 0, 0.08);}
.tl-wrapper.tl-theme-light .tl-items-pool{background:rgba(255, 255, 255, 0.7);}
.tl-item{display:flex;flex-direction:column;align-items:center;padding:2px 4px;border-radius:3px;cursor:grab;background:transparent;user-select:none;}
.tl-item:active{cursor:grabbing;}
.tl-items-pool .tl-item{background:#ffffff;}
.tl-wrapper.tl-theme-dark .tl-items-pool .tl-item{background:#333333;}
.tl-item-image{display:block;line-height:0;}
.tl-item-image img{display:block;width:auto;height:auto;max-width:var(--tl-item-img);max-height:var(--tl-item-img);}
.tl-item-label{margin-top:2px;font-size:var(--tl-item-label);text-align:center;max-width:var(--tl-item-img);}
.tl-tier-dropzone .tl-item{padding:0;border-radius:0;background:transparent !important;}
.tl-item-ghost{opacity:0.4;}
.tl-item-drag{opacity:0.8;}
.tl-buttons{margin-top:8px;display:flex;align-items:center;gap:8px;}
.tl-buttons button{font-size:12px;padding:4px 10px;}
.tl-status-message{font-size:12px;}
.tl-status-success{color:#46b450;}
.tl-status-error{color:#dc3232;}
@media(max-width:640px){ .tl-print-branding{
font-size: 16px;
font-weight: 700;
text-align: left;
padding: 8px 8px 6px;
margin-bottom: 6px;
} .tl-tier-row{
grid-template-columns: 75px 1fr; } .tl-tier-label-cell{
padding: 0; } .tl-tier-label{
font-size: 13px;
font-weight: 700;
padding: 0 6px; min-height: 44px; line-height: 1;
white-space: nowrap; text-align: center;
} .tl-tier-dropzone{
min-height: 44px;
padding: 4px 6px;
} .tl-wrapper{
--tl-item-img: 52px !important;
}
}