/* Match the Copy Room presentation adapter across the other studio tools. */
:root{
  --tool-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --tool-heading-font:Georgia,'Times New Roman',serif;
  --tool-text-size:12px;
  --tool-nav-size:11px;
  --tool-title-size:30px;
}
body,button,input,select,textarea{
  font-family:var(--tool-font);
  font-weight:400;
  font-synthesis:none;
  letter-spacing:0;
}
body{font-size:var(--tool-text-size)}
.site-dock .panel,
.site-dock .panel :is(label,.label,button,.button,input,select,textarea,output,summary,p,.toggle,.swatch,.file-nav,.status,.muted,.bottom,.slider label,.slider-row label,.export-filename label,.export-filename p),
.color-dialog :is(label,button,input,select,output,p,strong,.brightness,.swatches label){
  font-family:var(--tool-font);
  font-size:var(--tool-text-size);
  font-weight:400;
  letter-spacing:0;
}
.site-dock .panel h1,
.color-dialog .dialog-head h2{
  font-family:var(--tool-heading-font);
  font-size:var(--tool-title-size);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.03em;
  text-transform:none;
}
.site-dock .panel :is(h2,h3,.section h2){
  font-family:var(--tool-font);
  font-size:var(--tool-text-size);
  font-weight:400;
  line-height:1.15;
  letter-spacing:0;
  text-transform:uppercase;
}
.site-dock .panel :is(.label,.slider label,.slider-row label,.upload label,.export button,.exports button,.transfer){text-transform:uppercase}
.site-dock .panel :is(.muted,.bottom,.status,.export-filename p),
.color-dialog :is(.muted,.error){line-height:1.6;text-transform:none}
.site-dock :is(.dock-name,nav a,.dock-action){
  font-family:var(--tool-font);
  font-size:var(--tool-nav-size);
  font-weight:400;
  letter-spacing:0;
}
.site-dock .panel #shortcuts,
.site-dock .panel #shortcuts kbd{font-family:var(--tool-font);font-size:var(--tool-text-size);font-weight:400}
.workspace :is(.empty,.hint,.compare){
  font-family:var(--tool-font);
  font-size:var(--tool-text-size);
  font-weight:400;
  letter-spacing:0;
  line-height:1.6;
}
/* Symbol-only controls retain a legible icon size. */
.color-dialog .dialog-head button{font-size:25px;line-height:1}