.charm-preview .cp-canvas-shell canvas{cursor:grab;touch-action:none}.charm-preview .cp-canvas-shell canvas:active{cursor:grabbing}.charm-preview .cp-hint{color:#ffffffd9;white-space:nowrap;pointer-events:none;background:#00000073;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.charm-preview .cp-note{opacity:.7;margin:.5rem 0 0;font-size:.8rem;line-height:1.35}.charm-preview .cp-facts{grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;font-size:.85rem;display:grid}.charm-preview .cp-facts>div{display:contents}.charm-preview .cp-facts dt{opacity:.6;white-space:nowrap}.charm-preview .cp-facts dd{text-align:right;margin:0}.charm-preview .cp-cross-link{text-align:center;align-self:start}.charm-preview .cp-pattern-input{width:8.5ch;color:inherit;font:inherit;text-align:right;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;padding:.1rem .25rem;font-size:.85rem}.charm-preview .cp-pattern-input::-webkit-outer-spin-button{appearance:none;margin:0}.charm-preview .cp-pattern-input::-webkit-inner-spin-button{appearance:none;margin:0}.charm-preview .pattern-slider input:disabled{cursor:default;opacity:.5}.charm-preview .cp-stops{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;display:flex}.charm-preview .cp-stop{width:4rem;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:.1rem;padding:.2rem .1rem;display:flex}.charm-preview .cp-stop canvas{border-radius:4px;width:100%;height:auto}.charm-preview .cp-stop:hover{background:#ffffff14}.charm-preview .cp-stop[aria-pressed=true]{border-color:#ffffff73}.charm-preview .cp-stop-num{opacity:.75;font-size:.7rem;line-height:1.2}.charm-preview .cp-stop-special{background:#ffd2781a}.charm-preview .cp-stop-special .cp-stop-kind{color:#ffd278;text-align:center;font-size:.6rem;line-height:1.15}