.GridDesign{border:1px solid var(--mui-components-appBar-color);-webkit-user-select:none;user-select:none;max-width:calc(100vw - calc(var(--mui-grid-size) * 4));height:auto}.GridDesign--clickable .GridDesign__cell{cursor:cell}.GridDesign__cell{fill:#fff;stroke:var(--mui-components-appBar-color)}.GridDesign__cellHighlightOverlay{pointer-events:none;fill:var(--mui-palette-primary-half);stroke:var(--mui-palette-primary-main);stroke-width:2;stroke-dasharray:4,2}.GridDesign__cell--dark{fill:var(--mui-components-appBar-color)}.GridDesign__num{fill:#000}.Document__body--dark .GridDesign__cell{fill:#4e5765;stroke:var(--mui-palette-background-default)}.Document__body--dark .GridDesign__cellHighlightOverlay{fill:var(--mui-palette-primary-faint)}.Document__body--dark .GridDesign__cell--dark{fill:var(--mui-palette-background-default)}.Document__body--dark .GridDesign__num{fill:#fff}.CreateGridDialog__layoutsContainer{display:grid;grid-template-columns:max-content max-content max-content max-content;gap:calc(var(--mui-grid-size) * 2);margin-top:calc(var(--mui-grid-size) * 2)}.CreateGridDialog__layout{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;border:2px solid var(--mui-palette-divider);border-radius:calc(var(--mui-shape-borderRadius) + var(--mui-grid-size));padding:calc(var(--mui-grid-size) * 2)}.CreateGridDialog__layout--selected{border-color:var(--mui-palette-primary-main)}.CreateGridDialog__layoutName{margin-bottom:calc(var(--mui-grid-size) * 1)!important;border-radius:var(--mui-shape-borderRadius);padding:calc(var(--mui-grid-size) * .5) calc(var(--mui-grid-size) * 1)!important;font-weight:500!important}@media not (min-width:650px){.CreateGridDialog__layoutsContainer{grid-template-columns:max-content max-content}}@media not (min-width:370px){.CreateGridDialog__layoutsContainer{grid-template-columns:100%}}.GridDesigner__controls{margin:calc(var(--mui-grid-size) * 4) 0 calc(var(--mui-grid-size) * 2) 0}.GridDesigner .GridDesign{margin-bottom:calc(var(--mui-grid-size) * 2)}.GridDesigner__checkedWordCountContainer{display:flex;align-items:center;gap:calc(var(--mui-grid-size) * .5);margin-bottom:calc(var(--mui-grid-size) * 1)}.GridDesigner__wordCounts{display:grid;grid-template-columns:repeat(3,max-content);column-gap:calc(var(--mui-grid-size) * 1)}.GridDesigner__wordCountRow{display:contents}