.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{border-top:1px solid var(--cds-border-subtle);flex-direction:row;align-items:stretch;min-height:0;display:flex}.tweakable-preview__media{background-color:#0000;flex:1;min-width:0;position:relative}.tweakable-preview__frame{display:block}.tweakable-preview__live{border:none;display:block}.tweakable-preview__panel{background:var(--cds-layer-01);border-left:1px solid var(--cds-border-subtle);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.tweakable-preview__panel-header{padding:var(--cds-spacing-03) var(--cds-spacing-04);border-bottom:1px solid var(--cds-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.tweakable-preview__panel-title{color:var(--cds-text-secondary);text-transform:uppercase;letter-spacing:.32px}.tweakable-preview__panel-empty{padding:var(--cds-spacing-05);color:var(--cds-text-helper);font-size:12px;line-height:1.5}.tweakable-preview__panel-knobs{padding:var(--cds-spacing-04);gap:var(--cds-spacing-05);flex-direction:column;flex:1;display:flex;overflow-y:auto}.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}