1/* The system picker: one small button wearing the current divider's mark,2 cycling to the next on click, shown only when the map offers a choice.3 It keeps the navigator's 36px rhythm; the icon type shrinks to carry a4 word-mark instead of a glyph, at the specificity the shared button rule5 would otherwise win. */6.grid-navigator .grid-system {7 color: var(--accent);8 font-size: 10px;9 font-weight: 800;10 letter-spacing: 0.08em;11 text-transform: uppercase;12}1314.grid-navigator .grid-system[hidden] {15 display: none;16}1718.grid-navigator {19 position: absolute;20 z-index: 8;21 top: 17px;22 right: 67px;23 display: flex;24 overflow: hidden;25 align-items: stretch;26 border: 1px solid var(--line-strong);27 border-radius: 8px;28 background: rgba(23, 25, 29, 0.94);29 box-shadow: 0 6px 25px rgba(0, 0, 0, 0.22);30}3132.grid-navigator[hidden] {33 display: none;34}3536.grid-navigator button {37 width: 36px;38 padding: 0;39 border: 0;40 border-right: 1px solid var(--line);41 background: transparent;42 color: var(--muted);43 font-size: 17px;44 cursor: pointer;45}4647.grid-navigator button:hover {48 color: var(--accent);49}5051/* The subgrid toggle sits after the field it belongs to, so its rule divides it52 from the field rather than trailing off the end of the control. */53.subgrid-toggle {54 display: grid;55 border-right: 0;56 border-left: 1px solid var(--line);57 place-items: center;58}5960.subgrid-toggle svg {61 width: 15px;62 fill: none;63 stroke: currentColor;64 stroke-linecap: round;65 stroke-linejoin: round;66 stroke-width: 1.3;67}6869.subgrid-toggle .subgrid-toggle-slash {70 display: none;71}7273.subgrid-toggle[aria-pressed="false"] {74 color: #6d6860;75}7677.subgrid-toggle[aria-pressed="false"] .subgrid-toggle-slash {78 display: inline;79 stroke: currentColor;80 stroke-width: 1.6;81}8283.grid-navigator label {84 display: flex;85 height: 36px;86 align-items: center;87 gap: 7px;88 padding: 0 9px;89 color: var(--muted);90 font-size: 8px;91 font-weight: 800;92 letter-spacing: 0.12em;93 text-transform: uppercase;94}9596.grid-navigator input {97 width: 74px;98 padding: 4px 6px;99 border: 1px solid #3c3833;100 border-radius: 4px;101 outline: none;102 background: #0e1014;103 color: var(--accent);104 font-family: ui-monospace, SFMono-Regular, Menlo, monospace;105 font-size: 12px;106 font-weight: 700;107 letter-spacing: 0.08em;108 text-transform: lowercase;109 -webkit-user-select: text;110 user-select: text;111}112113.grid-navigator input:focus {114 border-color: rgba(58, 165, 201, 0.68);115}116