﻿.cover-carousel{position:relative;overflow:hidden;min-height:150px;background:linear-gradient(110deg,#102449,#1f5ce0,#fa7917)}
.cover-carousel-image{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cover-carousel-controls{position:absolute;bottom:12px;right:14px;display:flex;gap:8px;align-items:center;background:#0b1529d9;padding:4px 8px;border-radius:24px;color:white;font:13px sans-serif;z-index:2}
.cover-carousel-controls[hidden]{display:none}.cover-carousel-controls button{border:0;background:transparent;color:white;cursor:pointer;min-width:32px;min-height:32px;font-size:20px}
.cover-editor-overlay{position:fixed;inset:0;z-index:30000;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;color:#eff6ff;font-family:inherit}
.cover-editor-card{background:#0e192d;border:1px solid #24516c;border-radius:20px;width:min(920px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;box-sizing:border-box;box-shadow:0 20px 80px #0008}
.cover-editor-card header{display:flex;justify-content:space-between;gap:16px}.cover-editor-card h2{margin:0 0 8px;font-size:22px}.cover-editor-card p{color:#a8bdd5;font-size:13px;margin:0 0 16px}.cover-editor-preview{aspect-ratio:3/1;border-radius:12px;min-height:140px;margin-bottom:14px;display:grid;place-items:center}
.cover-editor-card button,.cover-editor-button{border:1px solid #335173;background:#1a2c47;color:white;padding:9px 14px;border-radius:9px;cursor:pointer;font:inherit}.cover-editor-card button:disabled{opacity:.45;cursor:default}.cover-editor-card input{background:#0c1526;border:1px solid #345477;border-radius:9px;color:white;padding:10px;min-width:0;font:inherit}
.cover-editor-thumbnails{display:flex;gap:10px;overflow:auto;margin-bottom:16px}.cover-editor-tile{flex:0 0 130px;border:1px solid #345477;border-radius:9px;overflow:hidden}.cover-editor-tile img{width:130px;height:65px;object-fit:cover;display:block}.cover-editor-tile>div{display:flex;justify-content:space-between}.cover-editor-tile button{padding:5px 12px;border:0;background:transparent}.cover-editor-add{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cover-editor-url{display:flex;gap:8px;flex:1}.cover-editor-url input{flex:1;width:100px}.cover-editor-card footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;position:sticky;bottom:-24px;background:#0e192d;padding:12px 0}.cover-editor-card [data-save]{background:#087cc6;border-color:#139fdd}.cover-editor-card .cover-editor-status{margin:12px 0 0;min-height:20px;color:#7dd3fc}.cover-editor-card button:focus-visible,.cover-editor-card input:focus-visible,.cover-carousel button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}
@media(max-width:600px){.cover-editor-card{padding:16px}.cover-editor-add{display:grid}.cover-editor-url{width:100%}.cover-editor-card footer{bottom:-16px}.cover-editor-card h2{font-size:19px}.cover-editor-card p{line-height:1.5}.cover-carousel-controls{bottom:8px;right:8px}}
.cover-editor-card{min-width:0}.cover-editor-card header{align-items:flex-start}.cover-editor-preview{width:100%;min-width:0;box-sizing:border-box}.cover-editor-card [data-close]{flex:0 0 36px;width:36px;height:36px;padding:0;font-size:24px}
/* Match editor, profile and storefront without cropping artwork or text. */
.banner-carousel-container{width:100%;height:auto!important;aspect-ratio:3/1;min-height:0;background:#081326}.banner-carousel-track{height:100%}.banner-slide{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;object-fit:contain!important;background:#081326}.store-logo{object-fit:contain!important}.profile-cover.cover-carousel{height:auto;aspect-ratio:3/1;min-height:0}.cover-carousel-image{object-fit:contain;background:#081326}.cover-editor-preview{aspect-ratio:3/1;min-height:0}.cover-editor-tile img{object-fit:contain;background:#081326;cursor:pointer}.cover-editor-identity{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-32px 0 16px;position:relative;z-index:3}.cover-editor-logo{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:3px solid #fff;background:#1d4ed8;box-shadow:0 0 0 3px #f97316;color:white;font-size:30px;overflow:hidden}.cover-editor-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.cover-editor-identity .cover-editor-button{font-size:13px;padding:6px 12px}.cover-editor-link{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.cover-editor-link a{color:#7dd3fc}.cover-editor-card .cover-editor-identity input:disabled{cursor:wait}
@media(max-width:600px){.cover-editor-identity{margin-top:12px}.cover-editor-logo{width:64px;height:64px}.cover-carousel-controls{padding:1px 4px;gap:2px}.cover-editor-card .cover-carousel-controls button{min-width:26px;min-height:26px;padding:2px 6px;font-size:16px}.cover-editor-link{flex-wrap:wrap}}
