.cb-template-section{background:radial-gradient(circle at 85% 10%,rgba(109,40,217,.08),transparent 24%),var(--cb-gray-100)}.cb-template-section__header,.cb-studio-preview__header{margin-bottom:clamp(34px,5vw,62px);display:flex;align-items:end;justify-content:space-between;gap:24px}.cb-template-section__header-copy,.cb-studio-preview__header-copy{max-width:820px}.cb-template-section__header .cb-body-lg,.cb-studio-preview__header .cb-body-lg{margin-top:var(--cb-space-4);color:var(--cb-gray-500)}.cb-template-grid{display:grid;grid-template-columns:repeat(var(--cb-template-columns, 4),minmax(0,1fr));gap:clamp(18px,2vw,28px)}.cb-template-card{position:relative;overflow:hidden;display:block;border:1px solid var(--cb-gray-200);border-radius:var(--cb-radius-lg);background:var(--cb-white);color:var(--cb-gray-900);box-shadow:var(--cb-shadow-1);text-decoration:none;transition:transform var(--cb-duration-medium) var(--cb-ease-standard),box-shadow var(--cb-duration-medium) var(--cb-ease-standard),border-color var(--cb-duration-medium) var(--cb-ease-standard)}.cb-template-card:hover{transform:translateY(-6px);border-color:#6d28d940;box-shadow:var(--cb-shadow-2)}.cb-template-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:linear-gradient(145deg,var(--cb-purple-50),var(--cb-gray-100))}.cb-template-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s var(--cb-ease-standard)}.cb-template-card:hover .cb-template-card__media img{transform:scale(1.04)}.cb-template-card__placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,rgba(244,180,0,.2),transparent 25%),linear-gradient(135deg,var(--cb-purple-800),var(--cb-purple-600));color:var(--cb-white);font-family:var(--cb-font-display);font-size:1.25rem;font-weight:950;text-align:center;padding:24px}.cb-template-card__badge{position:absolute;z-index:2;top:14px;left:14px}.cb-template-card__action{position:absolute;z-index:2;right:14px;bottom:14px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border-radius:var(--cb-radius-pill);background:#0b0b0ee0;color:var(--cb-white);font-size:var(--cb-text-xs);font-weight:900;opacity:0;transform:translateY(8px);transition:opacity var(--cb-duration-fast),transform var(--cb-duration-fast)}.cb-template-card:hover .cb-template-card__action{opacity:1;transform:translateY(0)}.cb-template-card__content{padding:20px}.cb-template-card__eyebrow{color:var(--cb-purple-600);font-size:var(--cb-text-xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cb-template-card h3{margin:8px 0 0;font-family:var(--cb-font-display);font-size:1.08rem;font-weight:900;letter-spacing:-.02em}.cb-template-card p{margin:9px 0 0;color:var(--cb-gray-500);font-size:var(--cb-text-sm);line-height:1.55}.cb-studio-preview{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 22%,rgba(109,40,217,.22),transparent 28%),var(--cb-white)}.cb-studio-preview__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(42px,7vw,100px);align-items:center}.cb-studio-preview__copy{max-width:650px}.cb-studio-preview__copy .cb-body-lg{margin-top:var(--cb-space-5);color:var(--cb-gray-500)}.cb-studio-preview__actions{margin-top:var(--cb-space-8);display:flex;flex-wrap:wrap;gap:var(--cb-space-3)}.cb-studio-preview__features{margin-top:var(--cb-space-10);display:grid;gap:18px}.cb-studio-preview__feature{display:flex;align-items:flex-start;gap:13px}.cb-studio-preview__feature-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--cb-purple-50);color:var(--cb-purple-600)}.cb-studio-preview__feature strong,.cb-studio-preview__feature span{display:block}.cb-studio-preview__feature strong{font-size:var(--cb-text-sm);font-weight:900}.cb-studio-preview__feature span{margin-top:4px;color:var(--cb-gray-500);font-size:var(--cb-text-sm);line-height:1.45}.cb-studio-shell{position:relative;min-width:0;overflow:hidden;border:1px solid var(--cb-gray-200);border-radius:var(--cb-radius-xl);background:var(--cb-white);box-shadow:var(--cb-shadow-3)}.cb-studio-shell__topbar{min-height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cb-gray-200);background:var(--cb-graphite-950);color:var(--cb-white)}.cb-studio-shell__brand{display:flex;align-items:center;gap:9px;font-family:var(--cb-font-display);font-size:.78rem;font-weight:900}.cb-studio-shell__mark{color:var(--cb-gold-500);font-size:1rem}.cb-studio-shell__top-actions{display:flex;gap:7px}.cb-studio-shell__top-actions span{padding:6px 9px;border-radius:8px;background:#ffffff14;color:#ffffffc2;font-size:.66rem;font-weight:800}.cb-studio-shell__workspace{min-height:470px;display:grid;grid-template-columns:88px minmax(0,1fr) 190px}.cb-studio-shell__tools{padding:14px 10px;display:grid;align-content:start;gap:10px;border-right:1px solid var(--cb-gray-200);background:var(--cb-gray-50)}.cb-studio-shell__tool{min-height:52px;display:grid;place-items:center;gap:4px;border-radius:10px;color:var(--cb-gray-700);font-size:.61rem;font-weight:800;text-align:center}.cb-studio-shell__tool.is-active{background:var(--cb-purple-50);color:var(--cb-purple-700)}.cb-studio-shell__canvas-wrap{position:relative;min-width:0;display:grid;place-items:center;padding:34px;background:linear-gradient(45deg,#f4f4f5 25%,transparent 25%),linear-gradient(-45deg,#f4f4f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f4f5 75%),linear-gradient(-45deg,transparent 75%,#f4f4f5 75%),#fafafa;background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.cb-studio-shell__canvas{width:min(100%,480px);aspect-ratio:16 / 10;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 78% 20%,rgba(244,180,0,.2),transparent 24%),linear-gradient(135deg,var(--cb-purple-800),var(--cb-purple-600));color:var(--cb-white);box-shadow:0 24px 50px #4c1d9547}.cb-studio-shell__canvas-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cb-studio-shell__canvas-copy{position:relative;z-index:2;max-width:80%;text-align:center}.cb-studio-shell__canvas-copy small{display:block;color:var(--cb-gold-300);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cb-studio-shell__canvas-copy strong{display:block;margin-top:10px;font-family:var(--cb-font-display);font-size:clamp(1.8rem,4vw,3.7rem);line-height:.95;letter-spacing:-.05em}.cb-studio-shell__canvas-copy span{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:var(--cb-radius-pill);background:var(--cb-gold-500);color:var(--cb-graphite-950);font-size:.75rem;font-weight:950}.cb-studio-shell__properties{padding:16px;border-left:1px solid var(--cb-gray-200);background:var(--cb-white)}.cb-studio-shell__properties h4{margin:0 0 14px;font-family:var(--cb-font-display);font-size:.82rem;font-weight:900}.cb-studio-shell__property{margin-bottom:14px}.cb-studio-shell__property label{display:block;margin-bottom:6px;color:var(--cb-gray-500);font-size:.62rem;font-weight:800;text-transform:uppercase}.cb-studio-shell__fake-input{min-height:36px;padding:0 10px;display:flex;align-items:center;border:1px solid var(--cb-gray-300);border-radius:8px;color:var(--cb-gray-700);font-size:.72rem}.cb-studio-shell__layers{display:grid;gap:7px}.cb-studio-shell__layer{padding:8px;border:1px solid var(--cb-gray-200);border-radius:8px;color:var(--cb-gray-700);font-size:.68rem}@media(max-width:1100px){.cb-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-studio-preview__grid{grid-template-columns:1fr}.cb-studio-preview__copy{max-width:820px}}@media(max-width:820px){.cb-template-section__header,.cb-studio-preview__header{align-items:flex-start;flex-direction:column}.cb-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-template-card__action{opacity:1;transform:none}.cb-studio-shell__workspace{grid-template-columns:66px minmax(0,1fr)}.cb-studio-shell__properties{display:none}}@media(max-width:560px){.cb-template-grid{grid-template-columns:1fr}.cb-studio-preview__actions{align-items:stretch;flex-direction:column}.cb-studio-preview__actions .cb-button{width:100%}.cb-studio-shell__workspace{min-height:370px;grid-template-columns:1fr}.cb-studio-shell__tools{display:none}.cb-studio-shell__canvas-wrap{padding:20px}.cb-studio-shell__top-actions span:nth-child(-n+2){display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cb-template-studio.css.map */