/* Collection-only layout; studio presentation remains owned by styles/studio CSS. */
.collection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:36px 0 48px}.collection-intro h1{font-size:clamp(38px,4.7vw,68px)}.collection-intro h1 span{color:var(--accent)}.collection-intro>p{color:var(--muted);font-size:15px;margin-bottom:5px}.collection .kicker{letter-spacing:.16em;margin-bottom:14px}.library-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.library-bar h2{font:650 18px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em;display:flex;gap:12px;align-items:center}.template-count{font:12px Consolas,monospace;background:#eeebf2;border-radius:7px;padding:3px 8px;color:var(--muted)}.collection-label{font:10px Consolas,monospace;letter-spacing:.12em;color:var(--muted)}.template-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:stretch}.template-card{min-width:0}.template-art{background:var(--mango);border-radius:22px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:426px;padding:22px 28px;gap:20px}.template-art:before{content:"";position:absolute;inset:48% -10% -20% 40%;background:var(--coral);transform:rotate(-22deg);pointer-events:none}.template-sleeve{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0}.template-sleeve>span{font:11px Consolas,monospace;letter-spacing:.09em}.template-sleeve strong{font:900 clamp(40px,5.2vw,74px)/.88 "Arial Black",sans-serif;letter-spacing:-.07em;max-width:240px;word-spacing:240px}.template-sleeve .sleeve-arrow{font:64px/1 Arial}.collection-player{position:relative;height:382px;aspect-ratio:9/16;justify-self:center;background:#202024;border:4px solid white;border-radius:17px;overflow:hidden;box-shadow:0 10px 24px #55351626}.collection-player iframe,.collection-player video{width:100%;height:100%;border:0;display:block;object-fit:cover}.template-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 2px 4px}.template-info h3{font-size:23px;font-weight:800;letter-spacing:-.045em}.template-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:4px}.preview-badge{font-size:10px;font-weight:650;background:#eee7ff;color:#5135a4;border-radius:5px;padding:2px 6px}.template-info .button{font-size:12px;padding:12px 18px;gap:14px;white-space:nowrap}.original-credit{font-size:11px;color:var(--muted);display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}.next-drop{background:var(--lilac);border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.drop-label{font:11px Consolas,monospace;letter-spacing:.1em}.drop-art{height:210px;position:relative;margin:8px -10px}.drop-art span{position:absolute;line-height:1}.drop-art span:first-child{color:var(--accent);font-size:180px;top:-8px;left:-4px;transform:rotate(-13deg)}.drop-art span:nth-child(2){font-size:150px;right:-2px;top:30px;color:var(--coral)}.drop-art span:last-child{font-size:66px;color:var(--mango);left:40%;bottom:0}.next-drop h2{font-size:clamp(29px,2.7vw,39px);position:relative}.next-drop p{font-size:13px;color:#554968;margin-top:14px}.drop-footer{font:10px Consolas,monospace;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px}.drop-footer span{font:35px/1 Arial}.collection-about{margin-top:62px;padding:38px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-about h2{font-size:30px}.collection-about details{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.collection-about details:first-child{padding-top:0}.collection-about details:last-child{border-bottom:0}.collection-about details p{font-size:13px;color:var(--muted);margin-top:12px}.collection-about details[open] summary span{transform:rotate(45deg)}
@media(max-width:1050px){.template-grid{grid-template-columns:minmax(0,1.75fr) minmax(235px,1fr);gap:18px}.template-art{padding:20px;gap:12px}.collection-player{height:340px}.template-art{min-height:384px}.template-sleeve strong{font-size:52px}.next-drop{padding:22px}.drop-art{height:190px}.drop-art span:first-child{font-size:148px}.drop-art span:nth-child(2){font-size:125px}.template-info{flex-wrap:wrap}}
@media(max-width:760px){.collection-intro{padding:24px 0 32px}.collection-intro h1{font-size:40px;max-width:320px}.collection-intro>p{display:none}.collection .kicker{font-size:9px}.template-grid{grid-template-columns:1fr;gap:30px}.library-bar h2{font-size:16px}.collection-label{font-size:8px}.template-art{padding:18px;min-height:350px;gap:8px}.collection-player{height:316px}.template-sleeve strong{font-size:48px}.template-sleeve>span{font-size:9px}.template-sleeve .sleeve-arrow{font-size:50px}.template-info{flex-wrap:nowrap}.template-info h3{font-size:21px}.template-info .button{font-size:11px;padding:11px 14px;gap:8px}.next-drop{min-height:180px;padding:22px}.next-drop h2{font-size:28px;margin-top:18px;max-width:60%}.next-drop p{max-width:65%;font-size:12px;margin-top:10px}.drop-art{position:absolute;right:10px;top:12px;width:135px;height:140px;margin:0}.drop-art span:first-child{font-size:118px}.drop-art span:nth-child(2){font-size:84px;right:-6px;top:54px}.drop-art span:last-child{font-size:44px;left:16px;bottom:-6px}.drop-footer{display:none}.collection-about{grid-template-columns:1fr;gap:28px;margin-top:38px;padding:30px 0}.collection-about h2{font-size:28px}.collection-about h2 br{display:none}}
@media(max-width:370px){.template-art{padding:12px;gap:6px}.collection-player{height:280px}.template-sleeve strong{font-size:42px}.template-art{min-height:310px}.template-info .button{padding-inline:10px}}

/* Four real template scenes share a compact two-column collection. */
.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.template-art{padding:18px;gap:12px;min-height:368px}.collection-player{height:330px}.template-sleeve strong{font-size:clamp(30px,3.7vw,52px);word-spacing:220px}.template-card:nth-child(2) .template-art{background:#ded3ff}.template-card:nth-child(2) .template-art:before{background:#a4d7b4}.template-card:nth-child(3) .template-art{background:#ffaaa1}.template-card:nth-child(3) .template-art:before{background:#d1b9ff}.template-card:nth-child(4) .template-art{background:#b2dcd9}.template-info h3{font-size:23px}.template-info .button{padding:11px 13px}
@media(max-width:760px){.template-grid{grid-template-columns:1fr}.collection-player{height:316px}.template-art{min-height:350px}.template-sleeve strong{font-size:40px}.template-info h3{font-size:21px}}
@media(max-width:370px){.collection-player{height:280px}.template-art{min-height:310px}.template-sleeve strong{font-size:34px}}