.local-preview-surface{flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.local-preview-surface__preview{flex:1}.local-preview-surface__placeholder{justify-content:center;align-items:center;gap:var(--cds-spacing-04);padding:var(--cds-spacing-06);color:var(--cds-text-secondary);text-align:center;flex-direction:column;flex:1;display:flex}.local-preview-surface__placeholder code{background:var(--cds-layer-02);padding:0 var(--cds-spacing-02);border-radius:2px;font-family:IBM Plex Mono,monospace}.local-preview-surface__placeholder-icon{color:var(--cds-icon-secondary)}.local-preview-surface__anatomy-stage{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.local-preview-surface__anatomy-stage .local-preview-surface__preview{pointer-events:none}.local-preview-surface__statemap-stage{flex:none;width:max-content;position:relative}.local-preview-surface__statemap-empty{width:320px;height:160px;color:var(--cds-text-secondary);justify-content:center;align-items:center;display:flex}.local-preview-surface__statemap-publish{top:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:5;position:absolute}.local-preview-surface__statemap-status{left:var(--cds-spacing-03);bottom:var(--cds-spacing-03);max-width:70%;padding:var(--cds-spacing-02)var(--cds-spacing-03);background:var(--cds-layer-01);border:1px solid var(--cds-border-subtle);color:var(--cds-text-secondary);z-index:5;border-radius:4px;position:absolute}.local-preview-surface__published{width:100%;display:block}
.local-preview-fullview__expandable-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.local-preview-fullview{background:var(--cds-background);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.local-preview-fullview__caption{align-items:center;gap:var(--cds-spacing-03);padding:var(--cds-spacing-04)var(--cds-spacing-05);color:var(--cds-text-secondary);border-bottom:1px solid var(--cds-border-subtle);display:flex}.local-preview-fullview__caption-title{color:var(--cds-text-primary)}.local-preview-fullview__caption-view{color:var(--cds-text-helper)}.local-preview-fullview__caption-live{align-items:center;gap:var(--cds-spacing-02);color:var(--cds-support-success);margin-left:auto;display:inline-flex}.local-preview-fullview__caption-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.local-preview-fullview__body{min-height:0;padding:var(--cds-spacing-05);padding-bottom:calc(var(--cds-spacing-07) + 56px);gap:var(--cds-spacing-05);flex:auto;display:flex;position:relative;overflow:hidden}.local-preview-fullview__frame{flex:auto;min-width:0;height:100%}.local-preview-fullview__stage{background:var(--cds-background);border:1px solid var(--cds-border-subtle);border-radius:8px;flex:auto;min-width:0;overflow:auto}.local-preview-fullview__stage-inner{min-width:100%;position:relative}.local-preview-surface.local-preview-fullview__stage-inner{width:max-content;overflow:visible}.local-preview-fullview__panel{gap:var(--cds-spacing-03);max-width:300px;padding:var(--cds-spacing-05);background:var(--cds-layer-01);border:1px solid var(--cds-border-subtle);border-radius:8px;flex-direction:column;flex:0 0 300px;display:flex;overflow-y:auto}