/* Shared painted-selection tools: retain canonical workspace typography and CTAs. */
.tior-mask .tior-mask__switch,
.tior-mask .tior-workspace__field {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--main-ink, var(--text));
}
.tior-mask .tior-mask__switch input {
  right: 0;
  width: 52px;
  height: 44px;
  margin: 0;
}
.tior-mask .tior-mask__track {
  box-sizing: border-box;
  flex-basis: 38px;
  height: 22px;
  border: 0;
  background: var(--main-line, var(--line-strong));
  corner-shape: round;
}
.tior-mask .tior-mask__track::after {
  width: 18px;
  height: 18px;
  margin: 2px;
  background: #fff;
  box-shadow: 0 1px 3px #0003;
}
.tior-mask .tior-mask__switch input:checked + .tior-mask__track {
  background: var(--main-ink, var(--text));
}
.tior-mask .tior-mask__switch input:checked + .tior-mask__track::after {
  transform: translateX(16px);
  background: var(--workspace-panel, #fff);
}
.tior-mask [data-mask-clear] {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: var(--action-radius);
  corner-shape: squircle;
  background: #fff;
  color: #000;
  font: 650 13px/18px var(--font-ui);
  letter-spacing: .045em;
  text-transform: uppercase;
}
.tior-mask p,
.tior-mask [role="status"] {
  font-size: var(--workspace-detail-support-size, 11px);
  line-height: var(--workspace-detail-support-line-height, 16px);
}
.tior-mask__canvas,
.tior-workspace__floor-selection-overlay[data-brush="true"] {
  cursor: none;
}
.tior-selection-brush-cursor,
[data-floor-brush-cursor] {
  position: absolute;
  z-index: 3;
  box-sizing: border-box;
  pointer-events: none;
  transform: translate(-50%, -50%);
  border: 1px solid #c57828;
  border-radius: 50%;
  corner-shape: round;
  box-shadow: 0 0 0 1px #fff9;
}
.tior-selection-brush-cursor[hidden],
[data-floor-brush-cursor][hidden] { display: none; }
.tior-workspace__floor-selection-overlay[data-brush="true"] svg { overflow: hidden; }
@media (forced-colors: active) {
  .tior-mask .tior-mask__track { border: 1px solid ButtonText; background: Canvas; }
  .tior-mask .tior-mask__track::after { background: ButtonText; }
  .tior-mask .tior-mask__switch input:checked + .tior-mask__track { background: Highlight; }
  .tior-mask .tior-mask__switch input:checked + .tior-mask__track::after { background: HighlightText; }
  .tior-selection-brush-cursor, [data-floor-brush-cursor] { border-color: Highlight; }
}