.tweakable-preview__placeholder{padding:var(--cds-spacing-04) var(--cds-spacing-05);color:var(--cds-text-secondary);font-size:13px;line-height:1.5}.tweakable-preview__placeholder 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}.tweakable-preview__body{height:var(--tweakable-preview-height,400px);flex-direction:row;align-items:stretch;min-height:0;display:flex;position:relative}.tweakable-preview__body[data-panel-open] .preview-frame__zoom-pill{right:calc(var(--tweakable-panel-width) + var(--app-chrome-inset)*2)}.tweakable-preview__media{flex:1;min-width:0;min-height:0;position:relative}.tweakable-preview__media .preview-frame{height:100%}.tweakable-preview__content{align-items:stretch;display:flex}.tweakable-preview__live{flex-direction:column;justify-content:center;display:flex}.tweakable-preview__fullview-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.tweakable-preview--fullview{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.tweakable-preview--fullview .tweakable-preview__body{flex:1;height:auto}.tweakable-preview__panel{box-sizing:border-box;background-color:var(--cds-layer);border-radius:var(--app-chrome-radius);box-shadow:var(--elevation-1);top:var(--app-chrome-inset);right:var(--app-chrome-inset);bottom:var(--app-chrome-inset);z-index:3;width:var(--tweakable-panel-width,280px);flex-direction:column;min-height:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 6px #0003,0 8px 24px #0000003d}.tweakable-preview__panel-empty{padding:var(--cds-spacing-05);color:var(--cds-text-helper);font-size:12px;line-height:1.5}.tweakable-preview__knobs{padding:var(--cds-spacing-04);gap:var(--cds-spacing-02);flex-direction:column;display:flex}.tweakable-preview__footer-card{gap:var(--cds-spacing-03);margin:0 var(--cds-spacing-04) var(--cds-spacing-04);padding:var(--cds-spacing-04);background:var(--cds-layer-01);border:1px solid var(--cds-border-subtle);border-radius:var(--cds-spacing-02);flex-direction:column;display:flex;box-shadow:0 2px 6px #0003}.tweakable-preview__footer-row{justify-content:space-between;align-items:center;gap:var(--cds-spacing-03);margin-block:calc(-1*var(--cds-spacing-02));display:flex}.tweakable-preview__footer-card>.cds--btn{justify-content:space-between;width:100%;max-width:none}.tweakable-preview__footer-status{color:var(--cds-text-secondary)}.tweakable-preview__knob{display:block}.tweakable-preview__color-row{cursor:pointer}.tweakable-preview__color-hex{color:var(--cds-text-primary);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.tweakable-preview__color-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--cds-border-subtle);border-radius:5px;flex-shrink:0;position:relative}.tweakable-preview__color-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.tweakable-preview.block-shell--header-hidden .tweakable-preview__panel{top:calc(var(--cds-spacing-09) + var(--app-chrome-inset))}