.vc-design-template-preview-browser{display:grid;overflow:hidden;border:1px solid var(--vc-card-border-color);border-radius:var(--vc-card-radius);background:var(--vc-card-background);box-shadow:var(--vc-card-shadow-hover)}.vc-design-template-preview-browser__bar{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(12rem,34rem) minmax(6rem,1fr);align-items:center;gap:var(--vc-space-3);border-bottom:1px solid var(--vc-card-border-color);padding:var(--vc-space-3);background:var(--vc-card-background-muted)}.vc-design-template-preview-browser__traffic{display:inline-flex;flex:0 0 auto;gap:calc(var(--vc-space-1) + 1px);justify-self:start}.vc-design-template-preview-browser__traffic span{width:10px;height:10px;border-radius:var(--vc-radius-circle);background:hsl(var(--vc-text-primary-hsl) / .22)}.vc-design-template-preview-browser__traffic span:first-child{background:hsl(var(--vc-state-danger-text-hsl) / .72)}.vc-design-template-preview-browser__traffic span:nth-child(2){background:hsl(var(--vc-state-warning-text-hsl) / .72)}.vc-design-template-preview-browser__traffic span:nth-child(3){background:color-mix(in srgb,var(--vc-state-success-color) 72%,transparent)}.vc-design-template-preview-browser__address,.vc-design-template-preview-browser__source,.vc-design-template-preview-browser__open{min-width:0;border:1px solid var(--vc-card-border-color);border-radius:var(--vc-radius-pill);color:var(--vc-text-muted);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--vc-card-meta-size);line-height:var(--vc-card-meta-line-height)}.vc-design-template-preview-browser__address{grid-column:2;justify-self:center;width:min(100%,34rem);overflow:hidden;padding:var(--vc-space-1) var(--vc-space-3);background:var(--vc-card-background);text-align:center;text-overflow:ellipsis;white-space:nowrap}.vc-design-template-preview-browser__actions{display:inline-flex;min-width:0;align-items:center;justify-self:end;gap:var(--vc-space-2)}.vc-design-template-preview-browser__actions:empty{display:none}.vc-design-template-preview-browser__source,.vc-design-template-preview-browser__open{display:inline-flex;width:auto;align-items:center;justify-content:center}.vc-design-template-preview-browser__source{padding:var(--vc-space-1) var(--vc-space-2);color:var(--vc-action-primary-bg);text-decoration:none;white-space:nowrap}.vc-design-template-preview-browser__open{padding:var(--vc-space-1) var(--vc-space-3);color:var(--vc-action-primary-bg);text-decoration:none;white-space:nowrap}.vc-design-template-preview-browser__source:hover,.vc-design-template-preview-browser__open:hover{border-color:var(--vc-card-border-color-hover);color:var(--vc-action-primary-bg)}.vc-design-template-preview-browser__viewport{position:relative;min-height:clamp(28rem,64vh,46rem);background:linear-gradient(180deg,hsl(var(--card) / .92),hsl(var(--background) / .96)),var(--vc-card-cover-fallback-background)}.vc-design-template-preview-browser__viewport iframe,.vc-design-template-preview-browser__fallback{position:absolute;inset:0;width:100%;height:100%}.vc-design-template-preview-browser__viewport iframe{border:0;background:var(--vc-card-cover-background)}.vc-design-template-preview-browser__fallback{display:grid;place-items:center;overflow:hidden;gap:var(--vc-space-4);padding:clamp(var(--vc-space-4),4vw,var(--vc-space-8));text-align:center}.vc-design-template-preview-browser__fallback[hidden]{display:none}.vc-design-template-preview-browser__fallback img{position:relative;z-index:1;width:min(100%,54rem);max-height:min(68%,32rem);border:1px solid var(--vc-card-cover-border-color);border-radius:var(--vc-card-radius);object-fit:contain;background:var(--vc-card-cover-background);box-shadow:var(--vc-card-shadow)}.vc-design-template-preview-browser__fallback>div{position:relative;z-index:2;display:grid;justify-items:center;gap:var(--vc-space-2);max-width:28rem}.vc-design-template-preview-browser__fallback-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--vc-space-2)}.vc-design-template-preview-browser__fallback span{color:var(--vc-text-primary);font-family:var(--vc-card-title-font-family);font-size:var(--vc-card-title-size);font-weight:var(--vc-card-title-weight);line-height:var(--vc-card-title-line-height)}.vc-design-template-preview-browser__fallback a,.vc-design-template-preview-browser__fallback p{margin:0;color:var(--vc-action-primary-bg);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--vc-card-meta-size);line-height:var(--vc-card-meta-line-height)}.vc-design-template-preview-browser__source:focus-visible,.vc-design-template-preview-browser__open:focus-visible,.vc-design-template-preview-browser__fallback a:focus-visible{outline:var(--vc-card-focus-outline-width) solid var(--vc-card-focus-outline-color);outline-offset:var(--vc-card-focus-outline-offset)}@media(max-width:700px){.vc-design-template-preview-browser__bar{grid-template-columns:auto minmax(0,1fr);gap:var(--vc-space-2)}.vc-design-template-preview-browser__actions{grid-column:2;justify-self:end}.vc-design-template-preview-browser__address{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}.vc-design-template-preview-browser__viewport{min-height:22rem}}