.grid-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;text-align:center;text-wrap:balance;word-break:break-all;overflow:hidden;aspect-ratio:1}.cell-coordinates{font-size:12px;color:#666;font-family:monospace}#add-item-drawer{#item-preview{display:grid;grid-template-columns:200px 100px;grid-gap:24px;gap:24px;.grid-item{width:200px;height:200px}}#colour-pickers{display:flex;gap:24px}.color-picker-wrapper{width:100px;.react-colorful{width:100px;height:100px;flex-direction:column-reverse}.react-colorful__hue{border-radius:8px 8px 0 0}.react-colorful__saturation{border-radius:0}input{border-radius:0 0 8px 8px;padding:8px;border-width:0 1px 1px}}footer{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;background:var(--white);border-top:1px solid var(--drawer-border)}}.right[data-drawer] .drawer-wrapper{margin:12px;height:calc(100vh - 24px);background-color:var(--white-opacity90);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);.drawer-content-wrapper{border-width:var(--global-border-width)}.drawer-inner-content{height:100%}}.item-drawer{.item-drawer-content{height:100%;flex-direction:column;justify-content:space-between}#catch-preview,.item-drawer-content{display:flex;gap:16px}.grid-item{width:200px;height:200px}#catch-content{h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.5em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}ol,p,ul{margin-bottom:1em}ol,ul{padding-left:1.5em}li{margin-bottom:.25em}}footer{display:flex;flex-direction:column;gap:16px}#item-actions{display:flex;gap:8px;p{width:-moz-fit-content;width:fit-content}}}.infinite-canvas-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}.infinite-canvas-grid{position:relative;width:100%;height:100%}.grid-cell{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}