.App{display:flex;width:100vw;height:100vh;overflow:auto}.ConfigSectionWrapper{flex:none;align-self:stretch;position:sticky;top:0}.ConfigSection{width:0;height:100%;overflow:hidden}.ConfigSection-open{width:min(92ch,50vw);box-shadow:-2px 0 8px var(--shadow-color)}.ConfigSection-animating{transition-property:width,box-shadow;transition-timing-function:ease;transition-duration:.25s}.ConfigSection-animating-open{transition-timing-function:ease-out}.ConfigToggle{position:absolute;top:16px;right:calc(100% + 16px);box-shadow:0 2px 8px var(--shadow-color);transition:opacity 75ms ease-in-out}.ConfigSection-open+.ConfigToggle,.ConfigSection-animating:not(.ConfigSection-open)+.ConfigToggle{opacity:0}.ConfigSection-open:not(.ConfigSection-animating)+.ConfigToggle{display:none}.ConfigSectionContent{box-sizing:border-box;width:min(92ch,50vw);height:100%;overflow:auto;overscroll-behavior:contain;background-color:var(--box-bg)}.ConfigSectionHeader{display:flex;align-items:center;gap:8px;padding:4px 8px;position:sticky;top:0;z-index:1;background-color:var(--box-bg-header);box-shadow:0 2px 8px var(--shadow-color)}.ConfigSectionHeader>.Spacer{margin-inline:-4px}.ConfigSectionHeader>button:last-child{margin-right:-4px}.ConfigStatus{flex:1 1 auto}.DropZone{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;align-items:center;padding:16px;position:relative;border:2px dashed var(--drop-border);border-radius:9px;background-color:var(--drop-bg);box-shadow:0 2px 8px var(--shadow-color)}.DropZone-active{border-color:var(--drop-border-active);background-color:var(--drop-bg-active)}.DropZone:focus-within{border-color:var(--drop-border-active)}@supports (corner-shape: bevel){.DropZone{border-radius:0 9px;corner-shape:bevel}}.DropZone>*{pointer-events:none}.DropZoneInput{appearance:none;position:absolute;inset:0;opacity:0}.DropZoneDivider{opacity:.8}.DropZoneDivider:before{content:"– "}.DropZoneDivider:after{content:" –"}.Main{flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column}.MainContent{flex:1 1 auto;display:flex;flex-direction:column;margin-inline:auto;padding:16px;gap:16px;width:100%;max-width:min(920px,100% - 32px)}.MainContent>.Spacer{margin-block:-8px}.MainContent>.DropZone{margin-inline:auto;max-width:720px;width:100%}.MapLoadError{display:flex;gap:8px;margin-inline:auto;align-items:center;width:calc(100% - 16px);max-width:720px}.FileInfoHeading{margin-top:16px;font-size:1.4rem;font-weight:600}.RenderedGrid{display:flex;flex-direction:column;border:1px solid var(--box-border);border-radius:7px;background-color:var(--box-bg);box-shadow:0 2px 8px var(--shadow-color)}@supports (corner-shape: bevel){.RenderedGrid{border-radius:0 9px;corner-shape:bevel}}.RenderedGridHeader{flex:none;align-self:stretch;display:flex;align-items:center;gap:8px;padding:8px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--box-bg-header)}@supports (corner-shape: bevel){.RenderedGridHeader{border-radius:0 8px 0 0;corner-shape:bevel}}.RenderedGridHeader>.Spacer{margin-inline:-4px}.RenderedGridHeader>button{margin-block:-4px}.RenderedGridHeader>button:last-child{margin-right:-4px}.RenderedGridToolbar{display:flex;gap:48px;padding:8px;align-items:center;justify-content:center}.RenderedGridTool{display:flex;gap:8px;align-items:center}.RotationAngle{min-width:3.75ch;text-align:right}.RenderedGridContent{flex:none;align-self:center;margin:8px;position:relative}.RenderedGridGuidebookPage{position:absolute;background-color:#252725}.RenderedGridImage{display:block;position:relative;z-index:1;image-rendering:pixelated}.RenderedGridWarning{display:flex;gap:8px;padding:8px;align-items:center;justify-content:center}*{margin:0;padding:0}:root{font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;font-feature-settings:"tnum" 1;background-color:var(--bg);color:var(--fg);--fg: #fff;--fg-success: #9f3;--fg-warning: #fc9;--fg-error: #f99;--bg: #181818;--shadow-color: #0009;--box-bg: #222;--box-bg-header: #333;--box-border: #444;--button-fg: #fff;--button-fg-disabled: #999;--button-bg: #444;--button-bg-hover: #626262;--button-bg-pressed: #282828;--button-bg-disabled: #333;--button-border: var(--button-bg);--button-border-hover: var(--button-bg-hover);--button-border-disabled: #333;--drop-bg: #191d22;--drop-bg-active: #172f42;--drop-border: #0666b4;--drop-border-active: #128bee}body{width:100vw;height:100vh;overflow:hidden}.Icon{flex:none;width:24px;height:24px;vertical-align:-4px}.Success{color:var(--fg-success)}.Warning{color:var(--fg-warning)}.Error{color:var(--fg-error)}button{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font:inherit;font-size:1rem;font-weight:400;font-style:normal;border:1px solid var(--button-border);border-radius:5px;background-color:var(--button-bg);color:var(--button-fg)}button:hover{border-color:var(--button-border-hover);background-color:var(--button-bg-hover)}button:active{background-color:var(--button-bg-pressed)}button:disabled{border-color:var(--button-border-disabled);background-color:var(--button-bg-disabled);color:var(--button-fg-disabled)}@supports (corner-shape: bevel){button{border-radius:0 7px;corner-shape:bevel}}button>.Icon{margin-block:-2px}button>.Icon:first-child{margin-left:-4px}button>.Icon:last-child{margin-right:-4px}.Spacer{flex:1 1 auto}