.button-module-scss-module__zb18Ia__button{color:#fff;cursor:pointer;background:linear-gradient(#6a6a6e,#313132);border:1px solid gray;border-radius:7px;height:36px;padding:0 12px;font-weight:700}.button-module-scss-module__zb18Ia__button:hover{background:linear-gradient(#737376,#373738);border-color:#aba4a4}.button-module-scss-module__zb18Ia__button:active{background:#444}
.page-module-scss-module__nVJC4G__main{border-right:1px solid gray;flex-direction:column;flex:1 1 0;gap:8px;padding:8px;display:flex;overflow:auto}.page-module-scss-module__nVJC4G__imageDisplay{object-fit:contain;image-rendering:pixelated;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5TGgDGvjfjAAAADElEQVR4nGN0YGwAAAFKAMN3SSVvAAAAAElFTkSuQmCC);background-size:16px;place-self:stretch stretch;min-width:0;min-height:0;display:block}.page-module-scss-module__nVJC4G__results{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:100%;display:grid;overflow:hidden}.page-module-scss-module__nVJC4G__imageDisplay:last-child{border-top:1px solid gray}.page-module-scss-module__nVJC4G__replacements{flex-direction:column;flex:1 0 20rem;gap:8px;min-width:0;display:flex}.page-module-scss-module__nVJC4G__replacement{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.page-module-scss-module__nVJC4G__toolbar{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.page-module-scss-module__nVJC4G__page{--background:#fafafa;--foreground:#fff;--text-primary:#000;--text-secondary:#666;--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;--button-secondary-border:#ebebeb;background-color:var(--background);grid-template-columns:minmax(auto,50%) 1fr;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:grid;overflow:hidden}@media (prefers-color-scheme:dark){.page-module-scss-module__nVJC4G__page{--background:#000;--foreground:#000;--text-primary:#ededed;--text-secondary:#999;--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a;--button-secondary-border:#1a1a1a}}
.swatch-module-scss-module__i5H1qW__swatch{width:120px;height:36px;position:relative}.swatch-module-scss-module__i5H1qW__ref{cursor:pointer;border:none;border-radius:2px;width:26px;height:26px;margin:0;padding:0;position:absolute;top:5px;left:5px;box-shadow:0 0 0 1px #fff}.swatch-module-scss-module__i5H1qW__popup{z-index:40;background:#333;border-radius:12px;padding:4px}.swatch-module-scss-module__i5H1qW__popup .react-colorful__saturation{border-radius:0!important}.swatch-module-scss-module__i5H1qW__hexInput{width:100%;padding-left:32px}.swatch-module-scss-module__i5H1qW__nativeInput{cursor:pointer;appearance:none;border:#0000;border-radius:8px 8px 0 0;margin:0;padding:0}.swatch-module-scss-module__i5H1qW__nativeInput::-webkit-color-swatch{border:none}.swatch-module-scss-module__i5H1qW__nativeInput::-moz-color-swatch{border:none}
.input-module-scss-module__ioknPq__input{text-align:center;height:36px;box-shadow:none;color:#fff;background:#454647;border:1px solid gray;border-radius:7px;font-family:monospace}.input-module-scss-module__ioknPq__input:hover{background:#77797b}.input-module-scss-module__ioknPq__short{width:100px}
.floating-module-scss-module__39vzuq__container{position:relative}.floating-module-scss-module__39vzuq__label{z-index:5;opacity:0;pointer-events:none;color:#fff;background:#000;border-radius:4px;font-size:.8rem;transition:opacity .3s;position:absolute;bottom:100%;left:0}.floating-module-scss-module__39vzuq__container:hover .floating-module-scss-module__39vzuq__label,.floating-module-scss-module__39vzuq__container:focus-within .floating-module-scss-module__39vzuq__label{opacity:1}