/* Controls have no painted tile. Keep intentional palette/color previews intact. */
:is(#ws-control-chrome#ws-control-chrome#ws-control-chrome,body.phase2-workspace)
  :is(button,summary):not([style*="background"],[data-ws-pick],[data-text-color],.ws-color-picker-option),
:is(#ws-control-chrome#ws-control-chrome#ws-control-chrome,body.phase2-workspace)
  :is(select,textarea,input:not([type="range"],[type="color"],[type="checkbox"],[type="radio"])) {
  background-color:transparent!important;background-image:none!important;
  color:var(--ws-text)!important;box-shadow:none!important;
}
/* These are layout wrappers, not framed controls. Context moves must not leave
   a border width captured while the dialog was still in its original home. */
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-inline-size
  :is(#ws-resize-dialog,.ws-resize-card,.ws-resize-body,.ws-resize-presets,.ws-size-block,
      .ws-live-size,.ws-live-size-stepper,.ws-live-size-arrows,.ws-source-toolbar) {
  border-width:0!important;outline:none!important;background:transparent!important;
  box-shadow:none!important;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-inline-size {gap:5px;}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-live-size {gap:5px;}
body.phase2-workspace #ws-top-controls #ws-tool-options #ws-live-size-value {
  flex:0 0 11ch!important;width:11ch!important;min-width:11ch!important;
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-live-size-stepper {
  display:grid!important;grid-template-columns:4ch 16px!important;
  flex:0 0 calc(4ch + 18px)!important;width:calc(4ch + 18px)!important;gap:2px!important;
  align-items:center;font-size:12px!important;font-variant-numeric:tabular-nums;
}
body.phase2-workspace #ws-top-controls #ws-tool-options #ws-live-size-number {
  width:4ch!important;min-width:4ch!important;max-width:4ch!important;
  text-align:right;font-variant-numeric:tabular-nums;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-live-size-arrows {
  flex:0 0 16px!important;width:16px!important;height:24px!important;gap:0!important;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-live-size-arrows
  :is(#ws-live-size-increase,#ws-live-size-decrease) {
  display:flex!important;align-items:center;justify-content:center;
  flex:0 0 12px!important;width:16px!important;min-width:16px!important;
  height:12px!important;min-height:12px!important;max-height:12px!important;
  padding:0!important;margin:0!important;border-width:0!important;
  line-height:10px!important;font-size:9px!important;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-live-size-arrows svg {
  display:block;width:10px!important;height:7px!important;flex:none;
}
body.phase2-workspace #ws-top-controls #ws-tool-options .ws-inline-size :is(.ws-resize-presets button,.ws-source-toolbar button) {
  min-height:24px!important;height:24px!important;padding:1px 5px!important;
  font-size:11px!important;font-weight:400!important;
}