.creator-share .creator-share-trigger{border:1px solid var(--border);min-height:44px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.creator-share .creator-share-trigger:hover,.creator-share .creator-share-trigger[data-state=open]{background:var(--muted)}.creator-share .creator-share-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.creator-share-menu{min-width:210px}.creator-share-menu [role=menuitem]{min-height:44px;font-size:13px}
.pack-creator{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.pack-creator-person,.pack-creator-name{align-items:center;min-width:0;display:flex}.pack-creator-person{gap:10px}.pack-creator-name{gap:6px;font-size:13px}.pack-creator-name small{color:var(--muted-foreground);font-size:inherit;flex-shrink:0}.pack-creator-name strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pack-creator .account-avatar{background:var(--muted);width:32px;height:32px;color:var(--muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.pack-creator .creator-share{flex-shrink:0}
.introduction-welcome{color:#fff;background:#0b0b1a url(/welcome/stylish-background.webp) 50%/cover;flex-direction:column;flex:1 0;justify-content:center;align-items:center;gap:clamp(.75rem,3svh,1.75rem);min-height:0;padding:1.5rem 0;display:flex;overflow-x:clip}.introduction-welcome[data-artwork=pop]{color:#191919;background:#fff url(/welcome/pop-background.webp) 50%/cover;gap:clamp(.75rem,2svh,1rem)}.introduction-art{flex-shrink:0;width:min(100%,42rem);height:clamp(160px,44svh,440px);position:relative}.introduction-welcome[data-artwork=pop] .introduction-art{width:min(80%,302px);height:clamp(120px,36svh,340px);margin-bottom:1rem}.introduction-art>img{object-fit:contain;width:100%;height:100%}.introduction-pack-scene{isolation:isolate;background:radial-gradient(#7551e966,#0000 70%);height:100%;position:relative}.introduction-pack-scene img{object-fit:contain;position:absolute}.introduction-pack{z-index:1;width:auto;height:100%;left:50%;transform:translate(-50%)}.introduction-card-left,.introduction-card-right{border-radius:4.5%;width:auto;height:78%;top:15%;box-shadow:0 12px 28px #7551e980}.introduction-card-left{left:0;transform:translate(-12%,4%)rotate(-5.72958deg)}.introduction-card-right{right:0;transform:translate(12%,4%)rotate(5.72958deg)}.introduction-actions{gap:.75rem;width:min(100% - 2rem,343px);margin-top:.5rem;display:grid}.introduction-welcome[data-artwork=stylish] .introduction-actions>a{color:#fff;background:#0005;border-color:#ffffff60}.introduction-sample-controls{background:var(--muted);color:var(--foreground);flex-shrink:0;padding:.5rem .75rem}.introduction-sample-controls summary{cursor:pointer;font-size:.75rem}.introduction-sample-controls summary output{margin-left:.5rem}.introduction-sample-actions{flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.store-shell:has(.introduction-welcome){min-height:100svh;display:block}.store-shell:has(.introduction-welcome)>.sidebar{display:none}.store-shell:has(.introduction-welcome)>.mobile-bottom-nav{display:none}.store-shell:has(.introduction-welcome)>.store-main>.store-header{display:none}.store-shell:has(.introduction-welcome)>.store-main{width:100%;max-width:none;margin:0;padding:0}.store-shell:has(.introduction-welcome)>.store-main>main{flex-direction:column;width:100%;max-width:none;height:100svh;min-height:0;margin:0;padding:0;display:flex;overflow-y:auto}.introduction-guide{z-index:45;border:2px solid var(--primary);border-radius:var(--radius);background:var(--background);width:min(36rem,100% - 2rem);color:var(--foreground);margin:1rem auto;padding:1.25rem;position:sticky;top:5rem;box-shadow:0 8px 32px #0002}.introduction-guide small{color:var(--muted-foreground)}.introduction-guide h2{margin:.3rem 0;font-size:1.2rem;font-weight:700}.introduction-guide p{margin-bottom:1rem;line-height:1.5}.introduction-guide-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.introduction-target{outline:3px solid var(--primary);outline-offset:5px;border-radius:var(--radius)}.introduction-guided .detail-page .purchase-card,.introduction-guided .detail-page .first-week-offer{display:none}@media (max-width:767px){.introduction-guide{padding:1rem;top:4rem}}.store-shell .introduction-guided .pack-detail-page .pack-demo-beside-card{display:inline-flex}