.page-module__qHcnqG__canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:100%;display:block}.page-module__qHcnqG__hint{letter-spacing:.15em;text-transform:uppercase;color:#ffffff61;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;transition:opacity 1.4s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.page-module__qHcnqG__hintGone{opacity:0}.page-module__qHcnqG__error{font-size:var(--fs-xs);color:var(--sky-300);background:color-mix(in srgb, var(--sky-300) 8%, var(--mørk-200));border:2px solid color-mix(in srgb, var(--sky-300) 30%, var(--mørk-500));border-radius:var(--r-md);text-transform:lowercase;font-family:var(--font-sans);margin:0;padding:10px 14px}.page-module__qHcnqG__modeGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-module__qHcnqG__modeActive{border-color:var(--sky-300);color:var(--sky-100)}.page-module__qHcnqG__swatchRow{align-items:center;gap:10px;display:flex}.page-module__qHcnqG__swatch{appearance:none;border-radius:var(--r-sm);border:2px solid var(--mørk-500);cursor:pointer;background:0 0;flex:none;width:30px;height:30px;padding:0;transition:border-color .15s;overflow:hidden}.page-module__qHcnqG__swatch:hover{border-color:var(--sky-500)}.page-module__qHcnqG__swatch::-webkit-color-swatch-wrapper{padding:0}.page-module__qHcnqG__swatch::-webkit-color-swatch{border:none}.page-module__qHcnqG__swatch::-moz-color-swatch{border:none}.page-module__qHcnqG__swatchActive,.page-module__qHcnqG__swatchActive:hover{border-color:var(--sky-200)}.page-module__qHcnqG__toolBtn{justify-content:center;width:100%;padding:8px 12px}