.design-studio{--design-ink:#182533;--design-muted:#728093;--design-line:#e8ebf0;color:var(--design-ink)}.design-studio-heading{padding:24px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.design-studio-heading p{font-size:12px;color:var(--design-muted);margin:0 0 5px}.design-studio-heading h1{font-size:25px;letter-spacing:-.5px;margin:0}.design-studio-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--design-line)}.design-studio-tabs a{display:block;text-decoration:none;color:#6f7c8e;font-size:14px;padding:15px 0 16px;border-bottom:3px solid transparent}.design-studio-tabs a.is-active{color:#2168e8;border-color:#2168e8;font-weight:650}.design-gallery{padding:28px}.design-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.design-gallery-top h2{margin:0 0 6px;font-size:20px;letter-spacing:-.3px}.design-gallery-top p{margin:0;color:var(--design-muted);font-size:13px}.design-current{font-size:12px;color:var(--design-muted);background:#f5f7fb;border-radius:8px;padding:10px 14px}.design-current strong{color:#25374b}.design-gallery-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:24px 0 8px}.design-filter>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.design-filter select{border:1px solid #dbe0e8;border-radius:8px;padding:9px 34px 9px 12px;background:#fff;min-height:40px;font-size:13px;color:#26394d;max-width:210px}.design-search{margin-left:auto}.design-search input{width:220px;max-width:100%;border:1px solid #dbe0e8;border-radius:8px;min-height:40px;padding:9px 12px;font-size:13px;background:#fff}.design-clear{border:0;background:none;color:#788799;font-size:12px;cursor:pointer;padding:10px}.design-clear:hover{color:#2168e8}.design-gallery-status{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.design-gallery-status p{font-size:12px;color:#8a95a4;margin:5px 0}.design-gallery-status [role=alert]{color:#b42318}.design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.design-card{min-width:0}.design-card-preview{aspect-ratio:3/4;border:1px solid #e1e5eb;border-radius:10px;position:relative;overflow:hidden;background:#f3f5f9;box-shadow:0 3px 7px #24344b05}.design-card-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s}.design-card-preview>img.is-cover-fallback{object-fit:cover}.design-active-badge{position:absolute;left:10px;top:10px;z-index:3;background:#e9f8ef;color:#128744;font-size:10px;font-weight:700;padding:6px 9px;border-radius:5px;box-shadow:0 1px 6px #0001}.design-card.is-current .design-card-preview{border:2px solid #2875f6}.design-preview-open{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#ffffffe8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;opacity:0;cursor:pointer;color:#19283b;font-size:14px;transition:opacity .2s;padding-bottom:80px}.design-preview-open>span{font-size:44px;font-weight:300;line-height:1.2}.design-card-actions{position:absolute;left:12px;right:12px;bottom:13px;display:grid;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.design-card:hover .design-preview-open,.design-card:focus-within .design-preview-open,.design-card:hover .design-card-actions,.design-card:focus-within .design-card-actions{opacity:1;transform:none}.design-apply,.design-demo{font-family:inherit;font-weight:600;line-height:1.3;border:1px solid #1e2c3b;border-radius:7px;min-height:37px;text-align:center;padding:10px 5px;background:#1e2c3b;color:#fff;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.design-demo{background:#fff;color:#25384f;border-color:#d2d9e3;font-weight:500}.design-apply:disabled{background:#eef4fe;color:#2168e8;border-color:#bed3f7;cursor:default}.design-card-title{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}.design-card-title h3{font-size:14px;font-weight:650;margin:0}.design-card-title a{font-size:10px;color:#8b97a6;text-decoration:none;white-space:nowrap}.design-card-title a:hover{color:#2168e8}.design-card-meta{color:#98a2b0;font-size:11px;margin:4px 0 0}.design-gallery-empty{padding:70px 20px;text-align:center;color:#748296}.design-gallery-empty h3{color:#26384a;margin-bottom:8px}.design-gallery-message{padding:50px;text-align:center;color:#718198}.design-preview-modal{width:min(1320px,96vw)!important;max-width:96vw!important}.design-demo-dialog{width:100%}.design-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 14px}.design-demo-toolbar p{margin:0;color:#7b899b;font-size:12px}.design-demo-toolbar>div{display:flex;flex-wrap:wrap;gap:7px}.design-demo-toolbar .btn{font-size:11px;padding:8px 10px;min-height:34px}.design-demo-frame{height:min(68vh,760px);overflow:auto;display:flex;justify-content:center;background:#edf0f5;border:1px solid #e0e6ee;border-radius:8px}.design-demo-frame iframe{width:100%;height:100%;border:0;flex:0 0 100%;background:#fff}.design-demo-frame.is-mobile iframe{max-width:390px;flex-basis:390px}.design-demo-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px}.design-activate-copy{text-align:center;padding:15px 12px}.design-activate-icon{font-size:42px;color:#2875f6}.design-activate-copy h3{font-size:24px;margin:5px 0 18px}.design-activate-copy p{font-size:14px;color:#6c7a8c}.design-activate-copy p:first-of-type{color:#273b52}.design-studio button:focus-visible,.design-studio a:focus-visible,.design-studio input:focus-visible,.design-studio select:focus-visible{outline:3px solid #8bb5ff;outline-offset:3px}.design-studio [hidden]{display:none!important}@media(max-width:1500px){.design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-current{display:none}.design-search{margin-left:0}.design-card-title{align-items:flex-start;flex-direction:column;gap:4px}}@media(hover:none){.design-card-actions{opacity:1;transform:none;background:#ffffffeb;border-radius:8px;padding:7px;left:7px;right:7px;bottom:7px}.design-preview-open{opacity:0!important}.design-card-preview{padding-bottom:85px}.design-card-preview>img{height:100%}}@media(max-width:760px){.design-studio-heading{padding:20px 16px}.design-studio-heading h1{font-size:21px}.design-studio-heading>.btn{font-size:11px;padding:8px}.design-studio-tabs{padding:0 16px;gap:22px}.design-gallery{padding:22px 16px}.design-gallery-top h2{font-size:18px}.design-gallery-toolbar{gap:8px;padding-top:18px}.design-filter{flex:1 0 28%}.design-filter select{width:100%;max-width:none;padding:8px;font-size:12px}.design-search{flex:1;min-width:160px}.design-search input{width:100%}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.design-card-title h3{font-size:13px}.design-demo-toolbar{align-items:flex-start;flex-direction:column}.design-demo-footer .btn{font-size:11px}.design-card-meta{font-size:10px}}@media(max-width:420px){.design-grid{gap:22px 10px}.design-gallery{padding:18px 12px}.design-apply,.design-demo{font-size:10px;padding:8px 3px;min-height:33px}.design-studio-heading>.btn{max-width:120px}.design-card-actions{gap:5px}.design-card-title a{font-size:10px}.design-card-preview{border-radius:7px}}

/* Keep demo controls reachable on touch screens and narrow dialogs. */
.design-demo-frame.is-mobile iframe{max-width:100%;flex-basis:min(390px,100%)}.design-demo-toolbar [aria-pressed=true]{background:#edf4ff;border-color:#2168e8;color:#2168e8}.design-demo-dialog button:focus-visible,.design-demo-dialog a:focus-visible{outline:3px solid #8bb5ff;outline-offset:3px}
@media(hover:none){.design-preview-open{inset:auto;top:10px;right:10px;width:auto;height:auto;padding:7px 10px;border-radius:6px;opacity:1!important;background:#ffffffed;font-size:11px;box-shadow:0 1px 6px #0001}.design-preview-open>span{display:none}.design-card.is-current .design-preview-open{top:43px}.design-card-actions{z-index:2}}
@media(prefers-reduced-motion:reduce){.design-card-preview>img,.design-preview-open,.design-card-actions{transition:none}}

.design-tariff-note{color:#7b6670;font-size:11px;margin:6px 0 0}.design-card:not(.is-current) .design-apply:disabled{background:#f2f4f7;color:#697586;border-color:#d8dfe7}

.design-apply[data-design-action="buy"]{background:#169b62!important;color:#fff!important;border-color:#169b62!important}