.generator-marker{cursor:pointer;pointer-events:all}.generator-marker .marker-halo{fill:#241735a8;stroke:#fff8;stroke-width:1}.generator-marker .marker-glyph{fill:#fff;stroke:#241735;stroke-width:.5;paint-order:stroke fill}.generator-marker text{fill:white;font:600 13px system-ui,sans-serif;paint-order:stroke fill;stroke:#241735;stroke-width:3px}.generator-marker.selected .marker-halo{stroke:#f8d777;stroke-width:3;fill:#463168c9}.generator-marker:focus-visible{outline:none}.generator-marker:focus-visible .marker-halo{stroke:#f8d777;stroke-width:4}.group strong{font-size:22px}.phase-chip{font-size:11px}.scale-label{color:#ffffffc7;text-shadow:0 1px 3px #000}.selected h2{white-space:nowrap}.selected-description{overflow-wrap:anywhere}.reading p{max-width:940px}.canvas-wrap canvas{touch-action:manipulation}.phase-rule p{overflow-wrap:anywhere}.generator-overlay:not([hidden]){display:block}.pattern-thumbnails:empty{margin:0}#empty-state h2{max-width:100%}#empty-state .empty-symbol{margin-bottom:10px}.playback label:last-child{display:flex}@media(max-width:720px){.intro>p br{display:none}.group strong{font-size:20px}.groups{margin-bottom:18px}.selected{margin-top:4px}.comparison canvas{max-height:none}.playback{gap:8px}.phase-chip{padding:3px 5px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics strong{font-size:17px}.image-label span{font-size:10px}.scale-label{font-size:10px;right:10px;bottom:10px}}

.generator-marker.extra-centre .marker-glyph,.generator-marker.extra-centre text{fill:#a9f5e4}
.generator-marker.approximate-centre .marker-glyph,.generator-marker.approximate-centre text{fill:#ffd495}
.generator-marker.approximate-centre .marker-halo{stroke:#ffd495;stroke-width:2;stroke-dasharray:4 3}
.generator-marker .verified-inner{fill:none;stroke:white;stroke-width:2}
.approximate-controls{padding:12px 14px;background:#fff7e9;border:1px solid #edd2a6;border-radius:8px;margin:12px 0}
.approximate-controls[hidden]{display:none}.approximate-controls label{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}.approximate-controls p{margin-bottom:0}
.approximate-view-label{position:absolute;bottom:30px;left:10px;border-radius:4px;background:#281a10dd;color:#ffd495;padding:4px 7px;font-size:11px;line-height:1.4;pointer-events:none}.approximate-view-label[hidden]{display:none}