.tool-page,.map-generator,.map-generator>*,.map-generator__form>*,.map-generator__workspace>*,.map-generator__output>*{min-width:0}.tool-page{display:grid;gap:var(--space-4)}.map-generator{display:grid;width:100%;max-width:100%;gap:1rem}.map-generator__form{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) auto;gap:.8rem;align-items:end;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.map-generator label{display:grid;gap:.35rem;color:var(--ink-muted);font-size:.82rem}.map-generator input,.map-generator textarea,.map-generator button{font-family:inherit}.map-generator input,.map-generator textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font-size:1rem}.map-generator input{min-height:2.75rem;padding:.55rem .7rem}.map-generator textarea{resize:vertical;padding:.75rem;overflow-x:auto;font-family:var(--font-mono);line-height:1.6;white-space:pre}.map-generator button{min-height:2.75rem;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-size:.9rem;cursor:pointer}.map-generator button:disabled{cursor:not-allowed;opacity:.55}.map-generator__status{min-height:1.5em;margin:0;color:var(--ink-muted);font-size:.88rem}.map-generator[data-state=error] .map-generator__status{color:#b44235}.map-generator__workspace{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);min-height:24rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.map-generator__results{max-height:24rem;margin:0;padding:0;overflow-y:auto;border-right:1px solid var(--line);list-style:none;scrollbar-width:thin;scrollbar-color:var(--ink-muted) transparent}.map-generator__results li{min-width:0}.map-generator__results button{display:grid;gap:.25rem;width:100%;min-height:4.25rem;padding:.8rem .9rem;overflow-wrap:anywhere;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left}.map-generator__results button:hover,.map-generator__results button:focus-visible,.map-generator__results button[aria-pressed=true]{background:var(--accent-soft)}.map-generator__results button[aria-pressed=true]{box-shadow:3px 0 0 var(--accent) inset}.map-generator__results span{color:var(--ink-muted);font-size:.78rem;line-height:1.5}.map-generator__preview{width:100%;min-width:0;min-height:24rem;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,transparent 48%,var(--line) 49%,var(--line) 51%,transparent 52%),var(--bg);background-size:2rem 2rem}.map-generator__output{display:grid;gap:.6rem;padding:1rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.map-generator__output button{justify-self:start}@media(max-width:720px){.tool-page{gap:1rem}.tool-page .page-header{padding-bottom:0}.map-generator{gap:.8rem}.map-generator__form{grid-template-columns:1fr;gap:.7rem;padding:.85rem}.map-generator__form button,.map-generator__output button{width:100%}.map-generator__workspace{grid-template-columns:1fr;grid-template-rows:auto 18rem;min-height:0}.map-generator__results{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);scroll-padding-inline:.75rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.map-generator__results:empty{display:none}.map-generator__results li{flex:0 0 min(82vw,18rem);scroll-snap-align:start}.map-generator__results button{height:100%;min-height:5.2rem;border-right:1px solid var(--line);border-bottom:0}.map-generator__results button[aria-pressed=true]{box-shadow:0 -3px 0 var(--accent) inset}.map-generator__preview{min-height:18rem}.map-generator__output{padding:.85rem}.map-generator__output textarea{min-height:13rem}}@media(max-width:420px){.map-generator__form,.map-generator__output{padding:.75rem}.map-generator__workspace{grid-template-rows:auto 16rem;border-radius:var(--radius-sm)}.map-generator__results li{flex-basis:calc(100vw - 4rem)}.map-generator__preview{min-height:16rem}}@media(prefers-reduced-motion:reduce){.map-generator__results{scroll-behavior:auto}}