.page-module__qHcnqG__canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:100%;display:block}.page-module__qHcnqG__hint{font-size:var(--type-caption);--tracking:-.01em;letter-spacing:-.01em;white-space:nowrap;color:#ffffff80;pointer-events:none;transition:opacity 1.4s var(--ease-smooth);font-weight:500;line-height:1.2;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.page-module__qHcnqG__hintGone{opacity:0}.page-module__qHcnqG__error{font-size:var(--type-caption);--tracking:-.01em;letter-spacing:-.01em;color:var(--error);background:color-mix(in srgb, var(--error) 6%, var(--surface));border:1px solid color-mix(in srgb, var(--error) 30%, var(--line));border-radius:var(--r-card);line-height:1.4;font-family:var(--font-sans);margin:0;padding:12px 16px}.page-module__qHcnqG__modeGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-module__qHcnqG__swatchRow{align-items:center;gap:8px;display:flex}.page-module__qHcnqG__swatch{appearance:none;border-radius:var(--r-card);border:1px solid var(--line);cursor:pointer;width:32px;height:32px;transition:box-shadow var(--dur-hover) var(--ease-smooth), border-color var(--dur-hover) var(--ease-smooth);background:0 0;flex:none;padding:0;overflow:hidden}.page-module__qHcnqG__swatch:hover{border-color:var(--ink-40)}.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(--surface);box-shadow:0 0 0 2px var(--ink)}.page-module__qHcnqG__exportRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-module__qHcnqG__toolBtn{justify-content:center;width:100%;padding:0 12px}