/* Read-only previews share content, dimensions and typography with the editor. */
.showcase-fit{position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff;direction:ltr}
.showcase-stage{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:top left;overflow:hidden;background:#fff;color:#182d37;text-align:right;font-family:var(--brand-font),sans-serif;font-weight:400;line-height:1.5;pointer-events:none;isolation:isolate}
.showcase-stage .element-wrapper{pointer-events:none;cursor:default}
.showcase-stage .content{outline:none;min-height:0}
.showcase-editor-thumb{position:absolute!important;inset:0;border-radius:10px;pointer-events:none}
.slide-thumb:has(.showcase-editor-thumb) .slide-thumb-number{position:absolute;bottom:4px;left:4px;min-width:20px;height:20px;font-size:9px;z-index:2}
.element-wrapper[data-creative-native=true] .table-style-minimal .preznta-table-cell{padding:3px 12px;color:#182d37}
.element-wrapper[data-creative-native=true] .table-style-minimal{border-radius:0;box-shadow:none}
.showcase-eyebrow{color:var(--brand-primary);font-size:12px;font-weight:600;letter-spacing:.02em}
.showcase-primary{border:0;background:var(--brand-primary);color:var(--desktop-on-accent,#fff);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:12px;font:600 14px var(--brand-font),sans-serif;cursor:pointer}
.showcase-primary svg{width:18px;height:18px}.showcase-primary:hover{filter:brightness(.94)}.showcase-primary:disabled{opacity:.45;cursor:not-allowed}
.showcase-home{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;border:1px solid #dfe8e9;background:linear-gradient(110deg,#f1f6f5,#fff);border-radius:24px;padding:30px 34px;margin:18px 0 40px}
.showcase-home h2{font-size:30px;font-weight:600;margin:8px 0 12px;color:#18383c}.showcase-home p{font-size:15px;line-height:1.9;color:#607276;margin:0 0 22px}
.showcase-home-art{padding:0;min-width:0;overflow:hidden;border-radius:12px;border:0;background:transparent;cursor:pointer;text-align:right;color:#63777c;font:400 12px var(--brand-font),sans-serif}
.showcase-home-art>div{border-radius:10px;box-shadow:0 14px 30px #213e4220}.showcase-home-art>span{display:block;margin-top:10px}
.showcase-dialog{box-sizing:border-box;width:min(1350px,calc(100vw - 36px));height:min(900px,calc(100vh - 36px));max-width:none;max-height:none;padding:0;border:1px solid #d9e3e5;border-radius:22px;color:#19333e;background:#f7faf9;overflow:hidden;font-family:var(--brand-font),sans-serif}
.showcase-dialog::backdrop{background:#0c232bbb;backdrop-filter:blur(8px)}
.showcase-dialog[open]{display:flex;flex-direction:column}.showcase-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #e1e9e9;background:#fff;flex:none;gap:14px}
.showcase-head h2{font-size:25px;font-weight:600;margin:4px 0 0}.showcase-icon{width:38px;height:38px;border:1px solid #e0e8ea;background:#fff;color:#46606b;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.showcase-icon svg{width:18px;height:18px}.showcase-icon:disabled{opacity:.35;cursor:default}
.showcase-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#62767f;font:400 12px var(--brand-font),sans-serif;cursor:pointer}.showcase-back svg{width:14px;height:14px}
.showcase-gallery{padding:26px 36px 40px;overflow:auto;flex:1}.showcase-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.showcase-intro h3{font-size:35px;line-height:1.45;font-weight:500;max-width:430px}.showcase-intro p{font-size:15px;line-height:1.9;color:#6c7e83}
.showcase-categories{display:flex;gap:10px;margin-bottom:25px}.showcase-categories>span{display:flex;gap:9px;align-items:center;padding:9px 15px;border:1px solid #cbdcdd;border-radius:30px;background:#fff;font-size:13px}.showcase-categories svg{width:16px;height:16px;color:var(--brand-primary)}.showcase-categories b{font-size:11px;color:#6e8588}
.showcase-model{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid #dce6e6;border-radius:18px;background:#fff;box-shadow:0 12px 35px #123b3e08}
.showcase-model-cover{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px;background:#112c31;border:0;cursor:pointer}.showcase-model-cover>div{width:100%;border-radius:6px}
.showcase-preview-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#e7f2ef;font:400 13px var(--brand-font),sans-serif}.showcase-preview-label svg{width:16px;height:16px}
.showcase-model-copy{padding:28px}.showcase-model-copy h3{font-size:29px;font-weight:600;margin:8px 0 10px}.showcase-model-copy p{font-size:14px;color:#647b82;line-height:1.9;margin:0 0 18px}.showcase-card-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px}.showcase-card-strip>div{border:1px solid #e0e8ea;border-radius:5px}
.showcase-viewer{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0;flex:1;overflow:hidden;direction:ltr}.showcase-viewer-main{min-width:0;overflow:auto;padding:24px;background:#e8eeed;direction:rtl;display:flex;flex-direction:column;justify-content:center}
.showcase-screen{width:100%;flex:none;box-shadow:0 8px 26px #102d331a;outline:0}
.showcase-screen:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.showcase-slide-controls{display:flex;align-items:center;gap:10px;margin:15px 0;flex:none;font-size:13px;color:#577078}.showcase-slide-controls [data-counter]{min-width:45px;text-align:center;direction:ltr}.showcase-slide-controls [data-slide-title]{margin-right:auto;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-filmstrip{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px;min-height:110px;flex:none}.showcase-filmstrip>button{display:block;position:relative;border:2px solid transparent;flex:0 0 120px;border-radius:7px;padding:3px;background:transparent;cursor:pointer;color:#617780}.showcase-filmstrip>button.active{border-color:var(--brand-primary);background:#fff}.showcase-filmstrip>button>div{width:110px;border:1px solid #d8e2e3}.showcase-filmstrip>button>span{display:block;margin-top:5px;font-size:10px}
.showcase-info{padding:25px 23px;direction:rtl;background:#fff;border-left:1px solid #dbe5e6;overflow:auto}.showcase-info h3{font-size:26px;font-weight:600;line-height:1.5;margin:13px 0}.showcase-info>p{font-size:13px;line-height:1.9;color:#687e85}.showcase-info ul{padding:0;list-style:none;display:grid;gap:14px;margin:24px 0}.showcase-info li{display:flex;align-items:center;gap:9px;font-size:13px}.showcase-info li svg{width:17px;height:17px;color:var(--brand-primary)}.showcase-info>.showcase-primary{width:100%}.showcase-info .showcase-usage{font-size:11px;text-align:center;margin:9px 0 22px}
.showcase-sources{border-top:1px solid #e3eaeb;padding-top:18px;color:#607980;font-size:12px}.showcase-sources summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#314e59;font-weight:600}.showcase-sources summary svg{width:15px;height:15px}.showcase-sources p{font-size:11px;line-height:1.85;margin:14px 0}.showcase-sources h4{color:#2d4c57;font-size:12px;margin:18px 0 9px}.showcase-source{display:flex;gap:8px;align-items:center;margin-bottom:10px;line-height:1.7;font-size:11px}.showcase-source>span{flex:1}.showcase-source button{width:25px;height:28px;border:0;background:#f0f5f5;display:grid;place-items:center;color:#4c727c;border-radius:6px;cursor:pointer}.showcase-source svg{width:13px;height:13px}.showcase-status{overflow-wrap:anywhere;font-size:12px;color:#944329}
@media(max-width:1050px){.showcase-viewer{grid-template-columns:minmax(0,1fr) 235px}.showcase-viewer-main{padding:15px}.showcase-info{padding:20px 16px}.showcase-model-copy{padding:22px}.showcase-home{gap:20px;padding:25px}.showcase-home h2{font-size:26px}}
@media(max-width:750px){.showcase-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:14px}.showcase-head{padding:15px 18px}.showcase-head h2{font-size:21px}.showcase-gallery{padding:20px}.showcase-intro{display:block}.showcase-intro h3{font-size:29px}.showcase-model,.showcase-home{grid-template-columns:1fr}.showcase-viewer{display:block;overflow:auto}.showcase-viewer-main{overflow:visible}.showcase-screen{max-height:none}.showcase-info{overflow:visible}.showcase-filmstrip{min-height:104px}.showcase-intro p{margin:10px 0}.showcase-home-art{max-width:540px}.showcase-slide-controls [data-slide-title]{display:none}}