.tier-maker{padding-bottom:10px}.tier-maker [hidden]{display:none!important}.tier-maker .page-heading{padding-top:15px}.tier-maker .page-heading .page-intro{max-width:820px}.tier-maker .tier-settings{gap:18px;display:grid}.tier-maker .tier-title-label{max-width:600px;font-size:12px;font-weight:600}.tier-maker .tier-title-label input{font-size:18px}.tier-maker .tier-actions{flex-wrap:wrap;gap:9px;display:flex}.tier-maker .tier-import{cursor:pointer;position:relative}.tier-maker .tier-import:focus-within{outline:2px solid var(--accent);outline-offset:4px}.tier-maker .tier-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.tier-maker .tier-status{min-height:48px;color:var(--teal);padding-block:13px;font-size:13px}.tier-maker .tier-status.is-error{color:var(--danger)}.tier-maker .tier-selection{z-index:15;background:#20342e;border:1px solid #7f9c69;border-radius:8px;align-items:center;gap:12px;margin-bottom:22px;padding:14px 18px;display:flex;position:sticky;top:8px;box-shadow:0 9px 22px #0006}.tier-maker .tier-selection>div{gap:3px;min-width:150px;display:grid}.tier-maker .tier-selection strong{font-size:15px}.tier-maker .tier-selection select{max-width:240px}.tier-maker .tier-selection .eyebrow{font-size:9px}.tier-maker .tier-board-heading{margin-bottom:12px}.tier-maker .tier-instructions{max-width:800px;margin-bottom:20px;font-size:12px;line-height:1.8}.tier-maker .tier-board{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.tier-maker .tier-row{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);min-width:0;display:grid}.tier-maker .tier-row:last-child{border-bottom:0}.tier-maker .tier-row-header{background:color-mix(in srgb,var(--tier-color) 8%,var(--surface));border-left:5px solid var(--tier-color);flex-direction:column;gap:8px;min-width:0;padding:14px 10px;display:flex}.tier-maker .tier-row-label{color:var(--tier-color);min-height:42px;padding:7px;font-size:18px;font-weight:700}.tier-maker .tier-row-color{min-height:38px;padding:7px;font-size:11px}.tier-maker .tier-row-controls{gap:3px;display:flex}.tier-maker .tier-small-button{min-width:36px;min-height:40px;padding:5px 9px;font-size:15px}.tier-maker .tier-row-count{color:var(--muted);padding-left:2px;font-size:10px}.tier-maker .tier-row-content{flex-wrap:wrap;align-content:flex-start;gap:8px;min-width:0;padding:14px;display:flex}.tier-maker .tier-row-empty{color:var(--dim);text-align:center;align-self:center;margin:auto;padding:14px;font-size:12px}.tier-maker .tier-pal{border:1px solid var(--line);background:var(--bg);border-radius:7px;width:126px;min-width:0;overflow:hidden}.tier-maker .tier-pal-choice{text-align:left;border:0;border-top:2px solid var(--pal-tone);width:100%;min-height:110px;color:var(--text);background:0 0;flex-direction:column;gap:4px;padding:12px;display:flex}.tier-maker .tier-pal-choice:hover,.tier-maker .tier-pal-choice[aria-pressed=true]{background:var(--surface-3);color:var(--accent)}.tier-maker .tier-pal-portrait{object-fit:contain;align-self:center;width:64px;height:64px}.tier-maker .tier-pal-choice strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.tier-maker .tier-pal-code{color:var(--pal-tone);font-family:ui-monospace,monospace;font-size:10px}.tier-maker .tier-pal-types{color:var(--muted);text-transform:capitalize;font-size:10px}.tier-maker .tier-pal-controls{border-top:1px solid var(--line);display:flex}.tier-maker .tier-pal-controls .tier-small-button{border:0;border-radius:0;flex:1;min-width:0;min-height:40px;padding:4px}.tier-maker .tier-pal-choice:focus-visible{outline-offset:-4px}.tier-maker .tier-bottom-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.tier-maker .tier-pool-section{border:1px solid #0000;border-radius:10px;margin-top:40px}.tier-maker .tier-pool-section .section-heading{margin-bottom:18px}.tier-maker .tier-pool-section .section-heading p{font-size:12px}.tier-maker .tier-pool-filters{grid-template-columns:minmax(180px,1fr) minmax(150px,230px) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.tier-maker .tier-pool-filters label{font-size:12px}.tier-maker .tier-pool{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;margin-top:15px;display:grid}.tier-maker .tier-pool .tier-pal{width:100%}.tier-maker .tier-pool-count{margin-bottom:10px}.tier-maker .tier-drop-active{outline:2px dashed var(--accent);outline-offset:-3px;background:#cbf55d10}.tier-maker .tier-source-note{margin-top:30px;display:block}.tier-maker .tier-source-note a{margin-left:5px}.tier-maker .pagination{gap:12px}.tier-maker .pagination span{color:var(--muted);font-size:12px}@media (width<=700px){.tier-maker .tier-settings{padding:18px}.tier-maker .tier-selection{flex-wrap:wrap;gap:8px;padding:12px}.tier-maker .tier-selection>div{align-items:center;gap:10px;min-width:100%;display:flex}.tier-maker .tier-selection select{flex:1;min-width:100px;max-width:none}.tier-maker .tier-selection .button{padding-inline:12px}.tier-maker .tier-board-heading{flex-direction:column;align-items:flex-start;gap:14px}.tier-maker .tier-pool-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tier-maker .tier-pool-filters>label:first-child{grid-column:1/-1}.tier-maker .tier-pool-filters .button{white-space:normal;min-width:0}.tier-maker .tier-row{grid-template-columns:112px minmax(0,1fr)}.tier-maker .tier-row-header{border-left-width:4px;padding:10px 7px}.tier-maker .tier-row-label{font-size:16px}.tier-maker .tier-row-content{gap:8px;padding:10px}.tier-maker .tier-row-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.tier-maker .tier-row-controls .tier-small-button{width:100%;min-width:0;padding-inline:4px}.tier-maker .tier-row-controls .tier-small-button:last-child{grid-column:1/-1}.tier-maker .tier-row-content .tier-pal{flex-grow:1;width:calc(50% - 4px);min-width:100px;max-width:180px}.tier-maker .tier-pal-choice{min-height:105px;padding:10px}.tier-maker .tier-small-button,.tier-maker .tier-pal-controls .tier-small-button{min-height:44px}.tier-maker .tier-actions .button{flex-grow:1}.tier-maker .tier-settings .tier-actions .button{white-space:normal;flex-basis:calc(50% - 9px)}.tier-maker .tier-pool{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (width<=380px){.tier-maker .tier-row{grid-template-columns:112px minmax(0,1fr)}.tier-maker .tier-row-content{padding:8px}.tier-maker .tier-row-content .tier-pal{width:100%;min-width:0}.tier-maker .tier-row-header{padding-inline:5px}.tier-maker .tier-row-controls .tier-small-button{min-width:0}.tier-maker .tier-selection .button{padding-inline:8px}.tier-maker .tier-selection .button-ghost{font-size:11px}.tier-maker .tier-selection select{min-width:80px}.tier-maker .tier-bottom-actions .button{white-space:normal;width:100%}}