.local-component-preview{border:1px solid var(--cds-border-subtle);background:var(--cds-background);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.local-component-preview--empty,.local-component-preview--offline{gap:var(--cds-spacing-03);padding:0}.local-component-preview__placeholder-body{padding:var(--cds-spacing-02) var(--cds-spacing-05) var(--cds-spacing-04);color:var(--cds-text-secondary);font-size:13px;line-height:1.5}.local-component-preview__placeholder-body code{background:var(--cds-layer-02);color:var(--cds-text-primary);border-radius:3px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:12px}.local-component-preview__live-indicator{align-items:center;gap:var(--cds-spacing-02);cursor:default;-webkit-user-select:none;user-select:none;display:inline-flex}.local-component-preview__live-dot{background:var(--cds-support-success,#24a148);border-radius:50%;width:8px;height:8px;position:relative}.local-component-preview__live-dot:after{content:"";background:var(--cds-support-success,#24a148);opacity:.6;animation:local-preview-pulse 1.6s var(--cds-standard-easing,ease-out) infinite;border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.local-component-preview__live-dot:after{opacity:0;animation:none}}.local-component-preview__live-label{color:var(--cds-text-secondary);text-transform:uppercase;letter-spacing:.32px}.local-component-preview__publish{align-items:center;display:inline-flex}.local-component-preview__error{padding:var(--cds-spacing-03) var(--cds-spacing-04);background:var(--cds-notification-background-error,#fff1f1);color:var(--cds-text-error,#da1e28);border-top:1px solid var(--cds-border-subtle);border-bottom:1px solid var(--cds-border-subtle);font-size:12px}.local-component-preview__media{border-top:1px solid var(--cds-border-subtle);background-color:#0000;position:relative}.local-component-preview__frame{display:block}.local-component-preview__live-iframe{border:none;display:block}.local-component-preview__expand-button{top:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:3;opacity:0;transition:opacity var(--cds-duration-fast-01) var(--cds-standard-easing);position:absolute}.local-component-preview__expand-button .cds--btn{box-shadow:0 1px 4px #00000040;background:var(--cds-layer-02)!important}.local-component-preview__expand-button .cds--btn:hover{background:var(--cds-layer-hover)!important}.local-component-preview:hover .local-component-preview__expand-button{opacity:1}@media (max-width:671px){.local-component-preview__expand-button{opacity:1}}@keyframes local-preview-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}