
.ds-template-thumb{position:relative;overflow:hidden;border-radius:15px;background:#e8eaf3;border:1px solid #dce1ed;width:100%;isolation:isolate}
.ds-template-chrome{height:28px;background:#f5f6fa;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #e4e7ed}
.ds-template-chrome i{width:5px;height:5px;border-radius:50%;background:#c6cbd8}.ds-template-chrome i:first-child{background:#efb2ac}.ds-template-chrome i:nth-child(2){background:#e8cd8c}.ds-template-chrome i:nth-child(3){background:#9bccba}.ds-template-chrome span{margin:auto;font:9px Arial,sans-serif;color:#67748c}
.ds-template-screen{height:auto;aspect-ratio:1120/740;position:relative;overflow:hidden;pointer-events:none}
.ds-template-screen iframe{position:absolute;top:0;left:0;width:1120px!important;height:740px!important;max-width:none!important;border:0;transform:scale(var(--thumb-scale,.3));transform-origin:top left;pointer-events:none;background:#f5f4ef}
.ds-template-open{position:absolute;bottom:14px;right:14px;background:#fff;color:#182747;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 5px 20px #101b3020}
.ds-template-catalog{display:grid;gap:50px;margin-bottom:80px}
.ds-template-catalog article{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center;background:#fff;border:1px solid #e2e6f0;border-radius:24px;padding:24px;box-shadow:0 12px 45px #183f7510}
.ds-template-catalog article h2{font-size:36px;letter-spacing:-1.2px;margin:10px 0}.ds-template-catalog article p{line-height:1.8;color:#63718a}.ds-template-catalog article ul{padding:0;list-style:none;margin:20px 0}.ds-template-catalog article li{padding:7px 0;color:#344561}.ds-template-catalog article li:before{content:'✓';margin-right:10px;color:#5b58dc}
.ds-template-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.ds-template-actions .ds-button{padding:13px 19px;font-size:14px}
.ds-template-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#6262cb;font-weight:800}.ds-template-label:before{content:'';width:6px;height:6px;background:#7773ed;border-radius:50%}
.ds-ref-theme-image .ds-template-thumb{height:auto!important;border:0;border-radius:12px 12px 0 0}.ds-ref-theme-image{padding:0!important;overflow:hidden}.ds-ref-theme-image .ds-template-screen{aspect-ratio:1120/800}.ds-ref-theme-image .ds-template-screen iframe{height:800px!important}.ds-ref-theme-image .ds-template-open{font-size:10px;padding:7px 10px}
@media(max-width:760px){.ds-template-catalog article{grid-template-columns:1fr;gap:24px;padding:16px}.ds-template-catalog article h2{font-size:30px}.ds-template-catalog{gap:28px}.ds-template-actions .ds-button{flex:1;text-align:center}.ds-template-open{bottom:10px;right:10px;font-size:10px}}
