.d23-host{outline:none;position:absolute;inset:0;overflow:hidden}.d23-host.is-turn{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.d23-host.is-turn:active{cursor:grabbing}.d23-host:focus-visible{box-shadow:inset 0 0 0 2px var(--dmo-accent)}.d23-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.d23-cells{image-rendering:pixelated;display:block;position:absolute;top:0;left:0}.d23-fail{font-size:var(--pt-t-meta);line-height:var(--pt-t-meta-lh);color:var(--pt-ink-2);margin:0;position:absolute;bottom:14px;left:16px;right:16px}.d23-label{z-index:2;font-size:var(--pt-t-meta);line-height:var(--pt-t-meta-lh);color:var(--dmo-ink);white-space:nowrap;pointer-events:none;visibility:hidden;margin:0;padding-right:8px;position:absolute;top:0;left:0;translate:-100% -50%}.d23-label[data-ready=true]{visibility:visible}.d23-read{z-index:3;border:1px solid var(--pt-hair);border-radius:var(--pt-radius-chip);background:var(--dmo-ground);max-width:calc(100% - 20px);font-size:var(--pt-t-meta);line-height:var(--pt-t-meta-lh);color:var(--dmo-ink);pointer-events:none;align-items:baseline;gap:8px;margin:0;padding:2px 8px;display:inline-flex;position:absolute;bottom:10px;left:10px}.d23-read-tag{font-family:var(--pt-mono);font-size:var(--pt-t-group);color:var(--pt-ink-2)}.d23-read-sample{color:var(--pt-ink-2)}.d23-host.is-pointer{cursor:crosshair;touch-action:pan-y}.d23-host.is-paint{cursor:crosshair;touch-action:none}.d23-cost{margin-left:auto}@media (max-width:640px){.d23-cost{flex-basis:100%;margin-left:0}}