.cover-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.cover-picker-heading h3{margin:0;font-size:13px;color:#74667f}
.cover-picker-heading .text-button{font-size:12px;color:#6a54a7}
.cover-picker-note{margin:0 0 12px;font-size:11px;color:#807588;line-height:1.7}
.theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.theme-option{position:relative;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:var(--theme);color:#584a69;min-width:0}
.theme-option:hover{border-color:#cbbbe6}
.theme-option.chosen{border-color:#9a80ca;box-shadow:0 0 0 1px #9a80ca}
.theme-option .theme-art{display:block;width:100%;height:92px;object-fit:cover}
.theme-option .theme-name{display:block;padding:7px 6px 9px;font-size:11px;line-height:1.4;font-weight:500}
.theme-option>svg{position:absolute;right:8px;top:8px;border-radius:50%;background:#fff;width:23px;height:23px;padding:4px;color:#6b52ab;box-shadow:0 2px 5px #52407012}
.cover-recommendation{font-size:11px;line-height:1.8;color:#657c57;margin:12px 0 0;padding:9px 12px;background:#f1f6ec;border-radius:8px}
.pack-cover .cover-art{position:absolute;width:76%;height:100%;right:0;top:0;object-fit:cover;object-position:center;pointer-events:none}
.pack-classification{display:table;max-width:100%;padding:3px 7px;margin-bottom:8px;border-radius:5px;background:#f3eff8;color:#7b6d8c;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.pack-cover .cover-char{z-index:1;isolation:isolate;left:25px;max-width:55%;font-size:50px;line-height:1.2;top:auto;bottom:20px;overflow-wrap:anywhere;text-shadow:0 2px 16px #fff8}
.pack-cover .cover-char:before{content:"";position:absolute;inset:-12px -17px;background:#ffffffa8;border:1px solid #fff9;border-radius:18px;z-index:-1;backdrop-filter:blur(5px)}
.detail-banner{background:var(--cover,#f0ecfa)}
.detail-banner .detail-cover-art{width:112px;height:86px;object-fit:cover;border-radius:13px;flex-shrink:0}
.share-preview .share-cover-art{width:88px;height:65px;object-fit:cover;border-radius:10px;flex-shrink:0}
.early-discovery{margin:24px 0 28px}
.early-discovery .section-title{margin-bottom:13px}
.early-discovery .section-title h2{font-size:17px;margin:0}
.early-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.early-discovery-card{display:flex;align-items:center;gap:15px;position:relative;text-align:left;background:#fff;border:1px solid #e9e4ef;border-radius:15px;padding:16px;min-width:0;transition:transform .15s,border-color .15s}
.early-discovery-card:hover{transform:translateY(-2px);border-color:#c5b5dc}
.early-discovery-card>img{width:78px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0}
.early-discovery-card>span{min-width:0;display:block}
.early-discovery-card small{display:block;font-size:9px;color:#8b7e9b;margin-bottom:5px}
.early-discovery-card strong{display:block;font-size:15px;color:#59496c;margin-bottom:6px}
.early-discovery-card p{font-size:10px;line-height:1.7;color:#8a8095;margin:0}
.sidebar nav{min-height:0;overflow-y:auto;flex-shrink:1}
@media(min-width:1600px){.theme-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.theme-option .theme-art{height:100px}.early-discovery-card>img{width:92px;height:86px}}
@media(max-width:1150px){.early-discovery-card{padding:14px 12px;gap:10px}.early-discovery-card>img{width:58px;height:69px}.early-discovery-card strong{font-size:13px}.early-discovery-grid{gap:10px}}
@media(max-width:700px){.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-option .theme-art{height:75px}.theme-option .theme-name{font-size:10px;padding:6px 3px 8px}.cover-picker-heading{gap:8px}.cover-picker-heading .text-button{font-size:11px}.cover-picker-note{font-size:10px}.early-discovery-grid{grid-template-columns:1fr}.early-discovery-card{padding:12px 15px;gap:15px}.early-discovery-card>img{width:66px;height:66px}.early-discovery-card small{margin:0}.early-discovery-card strong{font-size:14px;margin:3px 0}.early-discovery-card p{font-size:11px}.early-discovery{margin:21px 0}.pack-cover .cover-char{font-size:36px;left:20px;bottom:20px}.pack-cover .cover-char:before{inset:-7px -10px;border-radius:12px}.detail-banner .detail-cover-art{width:80px;height:65px}.sidebar nav{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.sidebar .nav-item{width:auto;flex:0 0 69px}.sidebar nav::-webkit-scrollbar{display:none}}