.tweakable-preview{border:1px solid var(--cds-border-subtle);background:var(--cds-background);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.tweakable-preview--empty{gap:var(--cds-spacing-03);padding:0}.tweakable-preview__placeholder{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}.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);border-top:1px solid var(--cds-border-subtle);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{background-color:#0000;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{border:none;border-radius:0;height:100%;min-height:0}.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);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-05);gap:var(--cds-spacing-05);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{gap:var(--cds-spacing-02);flex-direction:column;display:flex}.tweakable-preview__knob .cds--slider-container{margin-top:0}.tweakable-preview__knob .cds--slider__range-label{display:none}.tweakable-preview__knob .cds--label{margin-bottom:0}.tweakable-preview__knob-head{justify-content:space-between;align-items:baseline;gap:var(--cds-spacing-03);display:flex}.tweakable-preview__knob-label{color:var(--cds-text-primary);text-transform:none;letter-spacing:0;font-weight:500}.tweakable-preview__knob-value{color:var(--cds-text-secondary);font-family:IBM Plex Mono,monospace;font-size:12px}.tweakable-preview__color-control{cursor:pointer;border:1px solid var(--cds-border-subtle);border-radius:4px;width:100%;height:32px;display:block;position:relative;overflow:hidden}.tweakable-preview__color-control input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.tweakable-preview__color-swatch{pointer-events:none;position:absolute;inset:0}