.mol-canvas{aspect-ratio:800/460;cursor:grab;touch-action:none;width:100%;display:block}.mol-canvas:active{cursor:grabbing}.mol-pal{flex-wrap:wrap;gap:8px;display:flex}.mol-chip{border:1px solid var(--line);cursor:grab;appearance:none;touch-action:none;text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:6px 12px 6px 8px;display:flex}.mol-chip:hover{border-color:#6d8de0}.mol-chip:focus-visible,.mol-pre:focus-visible{outline-offset:2px;outline:2px solid #ffd36b}.mol-chip i{color:#fff;text-shadow:0 1px 2px #0009;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:.95rem;font-style:normal;font-weight:700;display:grid}.mol-chip span{gap:1px;line-height:1.25;display:grid}.mol-chip b{font-size:.875rem}.mol-chip small{color:var(--mute);font-variant-numeric:tabular-nums;font-size:.75rem}.mol-legend{color:var(--mute);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.mol-legend li{align-items:center;gap:6px;display:inline-flex}.mol-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.mol-presets{flex-wrap:wrap;gap:8px;display:flex}.mol-pre{border:1px solid var(--line);cursor:pointer;appearance:none;background:#ffffff0d;border-radius:10px;min-width:64px;min-height:44px;padding:0 14px;font-size:1rem;font-weight:700}.mol-pre:hover{background:color-mix(in srgb, var(--acc) 25%, transparent);border-color:#6d8de0}.mol-qrow,.mol-opts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mol-bad{background:#e5534b26!important;border-color:#e5534b!important}.mol-ghost{z-index:60;color:#fff;pointer-events:none;text-shadow:0 1px 2px #0009;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;font-weight:700;display:grid;position:fixed;box-shadow:0 6px 18px #00000080}@media (max-width:820px){.mol-chip{flex:calc(50% - 8px)}}