/* Teaching dimensions: neutral chrome only (the brand mint stays for logo / key CTA / focus). */
#dimensionLayer .dim-label { outline: none; }
@media (hover: hover) { #dimensionLayer .dim-label:hover rect { fill-opacity: 1; stroke: var(--dim-ink); stroke-opacity: .35; stroke-width: 1; } }
#dimensionLayer .dim-label:focus-visible rect { stroke: var(--focus-ring); stroke-opacity: 1; stroke-width: 2; }
#redesignContext .dimension-toggle[aria-pressed="true"] { background: var(--state-active-bg); color: var(--state-active-fg); box-shadow: inset 0 0 0 1px var(--state-active-border); }
.dimension-editor { position: fixed; z-index: var(--layer-stack-2147483000); width: 248px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); color: var(--ink); box-shadow: var(--shadow-panel); font: var(--text-sm)/1.45 var(--font-ui); }
.dimension-editor__title { display: grid; gap: 6px; font-weight: 600; }
.dimension-editor__title input { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-soft); color: var(--ink); font: 600 var(--text-md)/1.3 var(--font-ui); font-variant-numeric: tabular-nums; }
.dimension-editor__title input:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 1px; }
.dimension-editor__check { display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.dimension-editor__check[hidden] { display: none; }
.dimension-editor__rule { margin: 6px 0 0; color: var(--muted); font-size: var(--text-xs); }
.dimension-editor__error { margin: 4px 0 0; color: var(--danger); font-size: var(--text-xs); }
.dimension-editor__error:empty { display: none; }
.dimension-editor__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.dimension-editor__actions button { padding: 5px 12px; border: 1px solid var(--btn-secondary-border); border-radius: var(--radius-md); background: var(--btn-secondary-bg); color: var(--btn-secondary-fg); font: 500 var(--text-sm)/1.3 var(--font-ui); }
.dimension-editor__actions .is-primary { border-color: var(--btn-primary-border); background: var(--btn-primary-bg); color: var(--btn-primary-fg); }
.dimension-settings__note { margin: 6px 0 0; color: var(--muted); font-size: var(--text-xs); }