/* Template cards display the editor's real layer composition. */
.cb-premade-launch{display:flex;align-items:center;gap:18px;width:100%;padding:24px 17px;margin:21px 0 25px;border:1px solid #d5dcce;border-radius:5px;background:#eef1e7;text-align:left;color:#293e36;cursor:pointer}
.cb-premade-launch:hover{background:#e6ecdc;border-color:#a7b49b}.cb-premade-launch:focus-visible{outline:2px solid #a7012a;outline-offset:4px}.cb-premade-launch:disabled{opacity:.55;cursor:wait}
.cb-premade-teaser{position:relative;display:block;flex:0 0 93px;height:107px}
.cb-premade-teaser>svg,.cb-premade-teaser>img{position:absolute;top:8px;left:17px;width:65px;height:92px;object-fit:cover;box-shadow:0 3px 8px #1b302d33;transform:rotate(-13deg);transform-origin:50% 100%}
.cb-premade-teaser>:nth-child(2){left:21px;top:1px;transform:rotate(1deg)}.cb-premade-teaser>:nth-child(3){left:25px;top:8px;transform:rotate(15deg)}
.cb-premade-launch-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.cb-premade-launch-copy>strong{font-size:15px;line-height:1.3;font-weight:600}.cb-premade-launch-copy>span{font-size:11px;line-height:1.65;color:#56644f}.cb-premade-launch-copy>b{font-size:11px;font-weight:600;line-height:1.5;color:#831d37}.cb-premade-launch-copy>b>span{padding-left:5px}
.cb-premade-dialog .cb-kicker{color:#7a6a45}.cb-premade-dialog .cb-template-browser,.cb-premade-dialog .cb-template-gallery{background:#f3f1e9}.cb-premade-dialog .cb-template-cover{box-shadow:0 5px 14px #21352b24}
.cb-premade-browser-heading{padding:20px 32px 15px;background:#f3f1e9;border-bottom:1px solid #e3e1d8}.cb-premade-genre-label{display:block;font-size:11px;color:#65705d;margin-bottom:11px}
.cb-premade-genre-tabs{display:flex;flex-wrap:wrap;gap:7px}.cb-premade-genre-tabs [role=tab]{padding:9px 13px;border:1px solid #d9d9cd;border-radius:5px;background:#faf9f4;color:#4f5b49;font:500 12px/1.3 var(--fb,'Instrument Sans',sans-serif);cursor:pointer;white-space:nowrap}.cb-premade-genre-tabs [role=tab]:hover{border-color:#9da68e;background:#e7eadf}.cb-premade-genre-tabs [role=tab][aria-selected=true]{background:#293e36;border-color:#293e36;color:#fff}.cb-premade-genre-tabs [role=tab]:focus-visible{outline:2px solid #a7012a;outline-offset:3px}
.cb-premade-browser-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.cb-premade-browser-summary p{font-size:11px;line-height:1.5;color:#667165;margin:0}
@media(max-width:580px){.cb-premade-browser-heading{padding:16px 20px}.cb-premade-genre-tabs{gap:6px}.cb-premade-genre-tabs [role=tab]{font-size:11px;padding:8px 10px}.cb-premade-browser-summary{gap:4px}}
.cb-premade-detail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #e3e1d8;background:#f3f1e9;gap:14px}.cb-premade-detail-toolbar .cb-preview-tabs{padding:0;background:none}
.cb-premade-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.cb-premade-preview{min-width:0;align-self:center}.cb-premade-preview .cb-mockup{height:390px;background:radial-gradient(ellipse at center,#fdfbf5,#e6e4da)}.cb-premade-preview .cb-preview-art{min-height:390px;display:flex;align-items:center;padding:25px}.cb-premade-preview .cb-preview-art[hidden]{display:none}.cb-premade-preview .cb-rotation{background:#e9e8df}.cb-premade-preview .cb-preview-note{padding:18px 12px}
.cb-premade-detail-copy{padding:35px 27px;border-left:1px solid #e3e1d8;background:#fff}.cb-premade-detail-copy h3{font:500 30px/1.1 'Cormorant Garamond',Georgia,serif;margin:13px 0 20px}.cb-premade-detail-copy p,.cb-premade-detail-copy li{font-size:12px;line-height:1.75;color:#63705f}.cb-premade-detail-copy ul{padding-left:17px;margin:20px 0 27px}.cb-premade-detail-copy li{margin:8px 0}.cb-premade-detail-copy .cb-help{font-size:10px;margin-top:16px}
#cbPremadeBrowse[hidden],#cbPremadeDetail[hidden]{display:none}
@media(max-width:700px){.cb-premade-detail-layout{grid-template-columns:1fr}.cb-premade-detail-copy{border-left:0;border-top:1px solid #e3e1d8;padding:22px}.cb-premade-detail-copy h3{font-size:26px}.cb-premade-detail-toolbar{padding:13px 18px}.cb-premade-preview .cb-mockup{height:350px}.cb-premade-preview .cb-preview-art{min-height:260px;padding:16px}.cb-premade-detail-copy ul{margin:15px 0}.cb-premade-launch{grid-column:1/-1}}
.cb-browse-templates{margin:16px 0 19px;justify-content:center;background:#fcf8f5;border-color:#ded4cc;font-size:12px;gap:9px}
.cb-template-filter{margin:0 0 12px}.cb-template-filter select{width:100%}
.cb-template-count{font-size:11px;color:#697169;margin:14px 0 9px;line-height:1.5}
.cb-template-keep{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#465448}
.cb-template-keep[hidden]{display:none}.cb-template-keep input{accent-color:#a7012a;flex-shrink:0;width:15px;height:15px}
.cb-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px;margin:0 0 23px}
.cb-template{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:0;background:none;padding:0;text-align:left;color:#293e36;cursor:pointer}
.cb-template .cb-template-cover{display:block;width:100%;height:auto;aspect-ratio:148/210;position:relative;padding:0;border:0;background:#ece8e0;box-shadow:0 3px 7px #21352b1a;overflow:hidden;outline:1px solid #2b3c2c14;transition:box-shadow .18s,transform .18s}
.cb-template-cover>svg,.cb-template-cover>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cb-template .cb-template-cover:before,.cb-template .cb-template-cover:after{content:none}
.cb-template:hover .cb-template-cover{transform:translateY(-2px);box-shadow:0 6px 12px #21352b26}
.cb-template[aria-pressed=true] .cb-template-cover{outline:2px solid #a7012a;outline-offset:3px}
.cb-template-info{display:block;padding:11px 0 0;flex:1;min-width:0}
.cb-template-info strong{display:block;font-size:12px;font-weight:600;line-height:1.4}
.cb-template-info small{display:block;font-size:10px;line-height:1.5;color:#667167;margin-top:3px}
.cb-template-use{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.5;color:#8e1734;padding-top:8px}
.cb-template-use>span{font-size:14px;line-height:1}.cb-template:disabled{cursor:wait;opacity:.6}
.cb-template:focus-visible{outline:2px solid #a7012a;outline-offset:6px;border-radius:1px}
.cb-template-dialog{width:min(1080px,calc(100vw - 40px));max-height:92dvh;overflow:auto}
.cb-template-dialog .cb-dialog-heading{position:sticky;top:0;background:#fff;z-index:2;align-items:flex-start;border-bottom:1px solid #e4e3dc;padding:24px 32px 20px}
.cb-template-dialog .cb-dialog-heading p{font:13px/1.6 var(--fb,'Instrument Sans',sans-serif);color:#657063;margin:8px 0 0}
.cb-template-dialog .cb-dialog-heading h2{font-size:36px;line-height:1.1;margin:6px 0 0}
.cb-template-dialog .cb-icon-button{flex-shrink:0;width:36px;height:36px;font-size:25px;border:1px solid #e2e1d9}
.cb-template-browser{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:21px 32px;background:#faf9f5;border-bottom:1px solid #e8e6de}
.cb-template-browser .cb-field{width:235px;margin:0;flex-shrink:0}.cb-template-browser .cb-field select{width:100%;background:white}
.cb-template-browser p{font-size:12px;line-height:1.6;color:#667165;margin:0}
.cb-template-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:33px 28px;padding:30px 34px 24px;margin:0;background:#faf9f5}
.cb-template-gallery .cb-template-info strong{font-size:14px}.cb-template-gallery .cb-template-info small{font-size:11px}
.cb-template-gallery .cb-template-use{font-size:12px;padding-top:12px}.cb-template-gallery .cb-template-use>span{font-size:17px}
.cb-template-gallery-note{font-size:12px;line-height:1.65;padding:20px 32px;margin:0;border-top:1px solid #e4e3dc;color:#657063}
@media(max-width:850px){.cb-template-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px;padding:25px}.cb-template-browser{flex-wrap:wrap;gap:15px;padding:20px 25px}.cb-template-browser p{margin-left:auto}.cb-template-dialog .cb-dialog-heading{padding:22px 25px}}
@media(max-width:580px){.cb-template-dialog{width:calc(100vw - 20px);max-height:94dvh}.cb-template-dialog .cb-dialog-heading{padding:19px 18px 16px}.cb-template-dialog .cb-dialog-heading h2{font-size:28px}.cb-template-dialog .cb-dialog-heading p{font-size:12px}.cb-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;padding:24px 20px}.cb-template-browser{padding:16px 20px}.cb-template-browser .cb-field{width:100%}.cb-template-browser p{margin:0}.cb-template-gallery .cb-template-info strong{font-size:12px}.cb-template-gallery .cb-template-info small{font-size:10px}.cb-template-gallery-note{padding:18px 20px}.cb-template-grid:not(.cb-template-gallery){gap:25px 20px}.cb-template-info strong{font-size:14px}.cb-template-info small{font-size:11px}.cb-template-use{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cb-template .cb-template-cover{transition:none}.cb-template:hover .cb-template-cover{transform:none}}