.tier-color-coral{--tier-color:#f29b9b}.tier-color-orange{--tier-color:#f5bc8e}.tier-color-yellow{--tier-color:#f2db87}.tier-color-green{--tier-color:#aad5a2}.tier-color-blue{--tier-color:#9ec9e8}.tier-color-purple{--tier-color:#c6b2df}.tier-color-gray{--tier-color:#d5d5d5}
.tier-editor,.tier-public{--tier-art-height:144px;--tier-art-max-width:216px}.tier-editor{margin-top:18px}.tier-intro{margin:0 0 18px}.tier-intro h3{font-size:18px;margin:0 0 5px}.tier-intro p{font-size:13px;line-height:1.8;color:#666;margin:0}
.tier-board{border:1px solid #d5d5d5;overflow:hidden;border-radius:6px;background:#fff}.tier-row{display:grid;grid-template-columns:86px minmax(0,1fr);border-bottom:1px solid #d5d5d5;min-height:94px}.tier-row:last-child{border-bottom:0}.tier-label{display:flex;align-items:center;justify-content:center;align-self:stretch;background:var(--tier-color,#d5d5d5);color:#1e1e1e;border:0;border-radius:0;font-family:inherit;font-size:21px;font-weight:700;line-height:1.4;text-align:center;padding:12px 8px;word-break:break-word;overflow-wrap:anywhere;min-width:0;margin:0}.tier-label:disabled{opacity:1;cursor:default}.tier-label:not(:disabled){cursor:pointer}.tier-label:not(:disabled):hover{box-shadow:inset 0 0 0 3px #333}.tier-items{display:flex;gap:2px;flex-wrap:wrap;align-content:center;align-items:center;padding:0;min-width:0}.tier-empty{font-size:12px;color:#888;padding:12px;line-height:1.6}.tier-pool{border-top:4px solid #fff;background:#f8f8f8}.tier-pool .tier-label{font-size:14px;background:#eee;color:#666}
.tier-card{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:var(--tier-art-height);height:var(--tier-art-height);max-width:100%;min-width:44px;padding:0;border:0;border-radius:0;background:transparent;color:#222;text-decoration:none;text-align:center;cursor:grab;overflow:hidden;touch-action:manipulation;font:inherit}.tier-card:has(>img){width:auto}.tier-card>img{display:block;width:auto;height:100%;max-width:min(100%,var(--tier-art-max-width));object-fit:contain;pointer-events:none}.tier-card>span:not(.tier-card-number){font-size:11px;line-height:1.5;padding:8px 5px;overflow-wrap:anywhere;max-height:100%;overflow:hidden}/* Hide numbering in previously generated public pages, too. */
.tier-card-number{display:none}.tier-card[aria-pressed=true]{outline:3px solid #e60012;outline-offset:-3px}.tier-card:focus-visible,.tier-label:focus-visible{outline:3px solid #e60012;outline-offset:-3px}.tier-card.is-dragging{opacity:.35}.tier-row.is-drag-over .tier-items{background:#fff1f2;box-shadow:inset 0 0 0 2px #e60012}
.tier-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:55px;padding:10px 12px;background:#f6f6f6;border-radius:5px;margin-bottom:12px;font-size:12px;color:#666}.tier-selection>strong{font-size:13px;flex:1 1 150px;color:#222;overflow-wrap:anywhere}.tier-selection-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tier-selection-actions>label{display:flex;align-items:center;gap:5px;font-size:11px}.tier-selection-actions select{max-width:140px;padding:7px 22px 7px 8px;min-height:36px;font-size:12px}.tier-selection button,.tier-setting-actions button{border:1px solid #d5d5d5;border-radius:3px;min-width:36px;min-height:36px;padding:5px 9px;background:#fff;color:#222;font:inherit;cursor:pointer}.tier-selection button:disabled,.tier-setting-actions button:disabled{opacity:.35;cursor:default}.tier-status{min-height:1.8em;margin:8px 0 14px;font-size:12px}.tier-settings{border-top:1px solid #ddd;padding-top:14px}.tier-settings summary{font-weight:700;font-size:13px;cursor:pointer}.tier-settings>.help{font-size:12px;margin:12px 0}.tier-settings-rows{display:grid;gap:9px}.tier-setting{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px;align-items:end}.tier-setting label{font-size:10px;display:grid;gap:4px;color:#666}.tier-setting input,.tier-setting select{width:100%;min-width:0;min-height:38px;padding:7px 8px;font-size:13px}.tier-setting-actions{display:flex;gap:4px;padding-bottom:1px}.tier-setting-actions button{font-size:12px}.tier-add-row{margin-top:14px;font-size:13px}
.tier-public{max-width:1080px;margin:0 auto 40px}.tier-public .tier-row{grid-template-columns:100px minmax(0,1fr);min-height:106px}.tier-public .tier-card{cursor:pointer}.tier-public .help{font-size:12px;margin-top:12px}.portfolio-tier .collection-details{border-top:1px solid #ddd;padding-top:28px}.portfolio-tier #details-title{margin-bottom:24px}.tier-work-label{display:inline-block;font-size:11px;font-weight:700;background:var(--tier-color,#eee);color:#222;padding:3px 9px;margin:0 0 8px;border-radius:3px;overflow-wrap:anywhere}
@media(max-width:760px){.tier-editor,.tier-public{--tier-art-height:112px;--tier-art-max-width:168px}.tier-row{grid-template-columns:62px minmax(0,1fr);min-height:76px}.tier-label{font-size:17px;padding:10px 5px}.tier-card>span:not(.tier-card-number){font-size:10px;padding:5px}.tier-empty{font-size:11px;padding:7px}.tier-selection{padding:9px;gap:8px}.tier-selection-actions{gap:4px}.tier-selection-actions button{min-height:40px;min-width:36px;padding:6px}.tier-selection-actions select{min-height:40px;max-width:110px}.tier-setting{grid-template-columns:minmax(0,1fr) 85px;gap:6px;padding-bottom:10px;border-bottom:1px solid #eee}.tier-setting-actions{grid-column:1/-1;justify-content:flex-end}.tier-setting-actions button{min-height:40px;min-width:42px}.tier-public .tier-row{grid-template-columns:64px minmax(0,1fr);min-height:79px}.tier-public{margin-bottom:28px}}