.battlemap-generator{--_gap:16px;--_card-pad:6px 14px 12px;gap:var(--_gap);flex-direction:column;display:flex}.battlemap-generator .map-col{flex-direction:column;gap:8px;min-width:0;display:flex}.battlemap-generator h2{font-size:var(--size-card-title)}.battlemap-generator .card{padding:var(--_card-pad)}.battlemap-generator .collapse:not([open]){padding-bottom:6px}@media (min-width:880px){.battlemap-generator{flex-direction:row;align-items:flex-start}.battlemap-generator .map-col{flex:1}}.battlemap-generator .stage{height:60svh;min-height:320px;padding:0;position:relative;overflow:hidden}.battlemap-generator .stage .canvas-mount{position:absolute;inset:0}.battlemap-generator .stage .canvas-mount canvas{touch-action:none}.battlemap-generator .stage .vignette{--_vignette-ink:#40301a21;pointer-events:none;background:radial-gradient(ellipse 70% 70% at 50% 50%, #40301a00 64%, var(--_vignette-ink) 100%);position:absolute;inset:0}@media (min-width:880px){.battlemap-generator .stage{height:min(72svh,760px)}}.battlemap-generator .facts{font-size:var(--size-footnote);flex-wrap:wrap;gap:2px 14px;display:flex}.battlemap-generator .facts .fact-seed{color:var(--text-body)}.battlemap-generator .facts .fact-times{margin-left:auto}.battlemap-generator .controls{gap:var(--_gap);flex-direction:column;min-width:0;display:flex}.battlemap-generator .controls .fields{flex-direction:column;gap:12px;padding-top:6px;display:flex}.battlemap-generator .controls .field{flex-direction:column;gap:2px;min-width:0;display:flex}.battlemap-generator .controls .field .smallcaps,.battlemap-generator .controls .item-count{font-size:var(--size-footnote)}.battlemap-generator .controls .label-row{justify-content:space-between;align-items:center;display:flex}.battlemap-generator .controls .pct{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}.battlemap-generator .controls .seed-row{align-items:flex-end;gap:10px;display:flex}.battlemap-generator .controls .seed-row .field{flex:1}.battlemap-generator .controls .dice,.battlemap-generator .controls .share{flex:none;padding:7px 12px}.battlemap-generator .controls .view-row{gap:10px;display:flex}.battlemap-generator .controls .max-toggle{flex:1;gap:8px;padding-block:10px}.battlemap-generator .controls .fit-view{aspect-ratio:1;flex:none;padding:0}.battlemap-generator .controls .size-row{gap:12px;display:flex}.battlemap-generator .controls .size-row .field{flex:1}.battlemap-generator .controls .field .num-field{width:100%}.battlemap-generator .controls .size-hint{font-size:var(--size-footnote);color:var(--sienna-text);background:var(--card-fill);border:var(--border-w) solid var(--rule-accent);border-radius:var(--radius-button);padding:6px 10px;line-height:1.35}.battlemap-generator .controls .hint summary{min-height:var(--tap-target);font-size:var(--size-footnote);color:var(--sienna-text);cursor:pointer;align-content:center}.battlemap-generator .controls .hint p{font-size:var(--size-footnote);padding-bottom:6px;line-height:1.35}.battlemap-generator .controls .fields>.hint{margin-top:-8px}.battlemap-generator .controls select{min-width:0;min-height:var(--tap-target);font-size:var(--size-body);color:var(--text-body);border:0;border-bottom:var(--border-w) solid var(--field-border);cursor:pointer;background:0 0;border-radius:0;padding:4px 2px;font-variant-caps:normal}.battlemap-generator .controls select:focus{border-bottom-color:var(--sienna);outline:none}.battlemap-generator .controls input[type=range]{width:100%;min-height:var(--tap-target);accent-color:var(--sienna-fill);cursor:pointer;margin:0;padding:0}.battlemap-generator .controls .swatch{border:var(--border-w) solid var(--border-card);border-radius:var(--radius-checkbox);width:16px;height:16px}.battlemap-generator .controls .check-row{min-height:var(--tap-target);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.battlemap-generator .controls .check-row input{width:20px;height:20px;accent-color:var(--sienna-fill);cursor:pointer;flex:none;margin:0}.battlemap-generator .controls .btn:disabled{opacity:var(--op-done);cursor:default}.battlemap-generator .controls .panel-actions{z-index:5;background:var(--page-bg);border-top:var(--border-w) solid var(--border-outer);gap:10px;padding:10px 0 12px;display:flex;position:sticky;bottom:0}.battlemap-generator .controls .panel-actions .generate{flex:1}.battlemap-generator .controls .export-error{--_fill:#9c4a1e24;--_edge:#9c4a1e8c;font-size:var(--size-footnote);color:var(--sienna-text);background:var(--_fill);border:var(--border-w) solid var(--_edge);border-radius:var(--radius-button);padding:6px 10px;line-height:1.35}@media (min-width:880px){.battlemap-generator .controls{flex:0 0 320px;order:-1}}.battlemap-generator.maximized{padding:10px;overflow-y:auto}.battlemap-generator.maximized .stage{border-radius:0;flex:none;height:85svh;min-height:0}@media (min-width:880px){.battlemap-generator.maximized{align-items:stretch}.battlemap-generator.maximized .map-col{flex:1;height:100%}.battlemap-generator.maximized .stage{flex:1;height:auto}.battlemap-generator.maximized .controls{height:100%;overflow-y:auto}}