.save-bar{grid-template-columns:minmax(0,1fr)}
.save-intro{flex-direction:row;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:5px 12px}
.save-intro .tiny-label{flex-shrink:0}
#save-message{font-size:13px;line-height:1.5}
.save-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 20px;min-width:0}
.save-controls:has(.save-selectors[hidden]){grid-template-columns:1fr}
.save-controls>.save-selectors{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;min-width:0}
.save-selectors label,.save-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:14px;line-height:18px;color:#bac7d2}
.save-selectors label:first-child{grid-column:auto}
.save-selectors select,.save-value{height:40px;min-height:40px;margin:0;font-size:14px;line-height:20px;padding:9px 11px}
.save-value{color:var(--text);font-weight:600;padding-left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid transparent}
.save-controls>.save-actions{align-items:end;align-self:end;flex-wrap:nowrap;gap:8px}
.save-controls .save-actions button{height:40px;min-height:40px;padding:9px 13px;font-size:14px;line-height:20px}
.save-library-details{grid-column:1/-1;min-width:0;font-size:13px;color:var(--muted)}
.save-library-details summary{cursor:pointer;color:var(--mint);width:fit-content}
.save-library-details p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.save-note{line-height:1.5}
.save-loading{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#243a3b;border:1px solid #4d7266;border-radius:7px;min-width:0}
.loading-spinner{width:21px;height:21px;flex-shrink:0;border:2px solid #688d80;border-top-color:var(--mint);border-radius:50%;animation:save-spin .8s linear infinite}
.loading-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.loading-copy strong{font-size:13px}.loading-copy span{font-size:12px;color:#c0d4cc;overflow-wrap:anywhere}
.loading-progress{display:flex;flex-direction:column;gap:4px;min-width:150px;font-size:11px;color:#c0d4cc}.loading-progress progress{width:100%;height:6px;accent-color:var(--mint)}
@keyframes save-spin{to{transform:rotate(360deg)}}
.logo-destinations{flex-shrink:0;padding:10px 14px;border-bottom:1px solid var(--border);background:#141f2a}
.destination-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.destination-heading label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}
.destination-heading select{width:115px;min-height:28px;padding:3px 6px;font-size:11px}
.logo-cards{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:8px;overflow:auto;padding:2px;scrollbar-width:thin}
.logo-cards.has-alternate{grid-template-columns:1fr 1.3fr 1.3fr 1.3fr}
.logo-card-group{min-width:88px;background:#111a24;border:1px solid #344251;border-radius:6px;padding:6px}
.logo-card-group h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:1.4px;font-size:16px;margin:0 0 5px;color:#d7e0e7}
.logo-card-buttons{display:grid;gap:5px}
.logo-slot-button{display:flex;align-items:center;gap:8px;border:1px solid #344554;border-radius:4px;text-align:left;padding:4px;min-width:0;min-height:44px;width:100%;background:#1d2a37}
.logo-slot-button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#3b302a}
.logo-slot-button:disabled{opacity:.55}
.slot-artwork{display:block;flex-shrink:0;width:38px;height:38px;overflow:hidden;border-radius:2px;background-color:#6b7278;background-image:conic-gradient(#555e65 25%,transparent 0 50%,#555e65 0 75%,transparent 0);background-size:18px 18px}
.slot-artwork svg{width:100%;height:100%;display:block}.empty-slot-mark{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:22px;color:#e2e6e9}
.slot-caption{display:flex;flex-direction:column;gap:3px;min-width:0}.slot-caption b{font-size:12px}.slot-caption small{font-size:10px;color:var(--muted)}
.main-logo-group .logo-slot-button{height:99px;justify-content:center;flex-direction:column;gap:3px}
.main-logo-group .slot-artwork{width:68px;height:68px}.main-logo-group .slot-caption{flex-direction:row;align-items:center;gap:5px}.main-logo-group .slot-caption b{display:none}
.destination-note{margin-top:7px;font-size:10px;line-height:1.4;color:var(--muted)}
.logo-destinations:has(.logo-slot-button:not(:disabled)) .destination-note{display:none}
@media(min-width:881px){
 .logo-destinations{padding:8px 14px}.destination-heading{margin-bottom:6px}
 .logo-card-group{padding:4px}.logo-card-group h3{font-size:14px;margin-bottom:4px}
 .slot-artwork{width:32px;height:32px}.logo-slot-button{min-height:44px}
 .main-logo-group .logo-slot-button{height:93px}.main-logo-group .slot-artwork{width:64px;height:64px}
 .canvas-meta,.canvas-footer{width:100%;flex-wrap:nowrap}
 .canvas-meta span,.canvas-footer>span:first-child{white-space:nowrap}
 .canvas-footer #selection-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .artboard{width:min(100%,max(0px,calc(100cqh - 50px)))}
}
@media(max-width:880px){.save-controls{grid-template-columns:minmax(0,1fr)}.save-controls>.save-actions{justify-content:flex-start}}
@media(max-width:560px){.save-controls>.save-selectors{grid-template-columns:minmax(0,1fr);gap:12px}.save-controls>.save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.save-controls .save-actions button{padding:9px 6px;font-size:12px;height:auto;white-space:normal}}
@media(max-width:1199px){.logo-destinations{padding:8px}.logo-cards{gap:5px}.logo-card-group{padding:4px}.logo-slot-button{gap:4px}.destination-heading{flex-wrap:wrap}.destination-heading .tiny-label{font-size:9px;letter-spacing:1px}}
@media(max-width:560px){.save-loading{flex-wrap:wrap}.loading-progress{margin-left:33px;flex-basis:100%}.logo-cards{grid-template-columns:1fr 1.3fr 1.3fr}.logo-cards.has-alternate{grid-template-columns:88px repeat(3,minmax(112px,1fr))}.logo-destinations{padding:12px}.destination-note{font-size:11px}.save-selectors{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-style:dotted}}

.save-help{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0}
.save-location{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;color:var(--muted);font-size:12px}
.save-location code{font-family:inherit;overflow-wrap:anywhere;min-width:0;user-select:all}
.copy-path-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:4px;border-radius:4px;color:var(--muted)}
.copy-path-button:hover{color:var(--text);background:#2c3c48}.copy-path-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#copy-path-status{color:var(--mint);white-space:nowrap}.save-help .save-note{margin:0;flex:1 1 300px}

.save-mode{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #657887;border-radius:4px;font-size:12px;font-weight:600;line-height:1.4;color:#d3dee6;background:#263440;white-space:nowrap}
.save-mode[data-mode=customization]{color:#bee4ce;border-color:#4e7c65;background:#203d32}
.save-mode[data-mode=season]{color:#c8ddf8;border-color:#536f99;background:#24364f}
.save-mode[data-mode=franchise]{color:#e0d0fa;border-color:#8066a5;background:#382d4c}
.save-mode[data-mode=elimination]{color:#f6d6ac;border-color:#a87e47;background:#493b28}