.pm{gap:10px;display:grid}.pm__tools{flex-wrap:wrap;gap:6px;display:flex}.pm__tool{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--glaze-card);min-height:44px;color:var(--ink-1);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.pm__tool svg{color:var(--son)}.pm__tool[aria-pressed=true]{background:var(--son);border-color:var(--son);color:var(--on-son)}.pm__tool[aria-pressed=true] svg{color:var(--vang)}.pm__tool:disabled{opacity:.45;cursor:not-allowed}.pm__tool:focus-visible,.pm__line:focus-visible,.pm__molechip:focus-visible{outline:2px solid var(--son);outline-offset:2px}.pm__lines{flex-wrap:wrap;gap:6px;display:flex}.pm__line{border:1px solid var(--line-1);border-radius:var(--r-pill);background:var(--glaze-card);min-height:40px;color:var(--ink-1);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:13.5px;display:inline-flex}.pm__line small{color:var(--ink-3);font-size:12px}.pm__line[aria-checked=true]{border-color:var(--vang-line);background:var(--vang-wash);color:var(--ink-0);font-weight:600}.pm__swatch{border-radius:var(--r-pill);border:1px solid var(--line-2);width:12px;height:12px}.pm__hint{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.pm__svg{border:1px solid var(--vang-line);border-radius:var(--r-md);background:var(--glaze-2);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:auto;max-height:78vh;display:block}.pm__svg[data-mode=point],.pm__svg[data-mode=mole]{touch-action:none;cursor:crosshair}.pm__handle,.pm__mole{cursor:grab;touch-action:none;outline:none}.pm__handle:focus-visible circle:nth-child(2),.pm__mole:focus-visible circle:nth-child(2){stroke:var(--vang)}.pm__curve:not([data-active]){opacity:.8}.pm__molebar{border:1px solid var(--vang-line);border-radius:var(--r-md);background:var(--vang-wash);gap:6px;padding:12px;display:grid}.pm__molelist{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pm__molechip{border:1px solid var(--line-1);border-radius:var(--r-pill);background:var(--glaze-card);min-height:36px;color:var(--ink-1);font:inherit;cursor:pointer;padding:0 10px;font-size:13px}.pm__molechip[aria-pressed=true]{border-color:var(--son);color:var(--son);font-weight:600}.pm__zoom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.pm__zoom .pm__hint{flex:240px}.pm__zoombtns{gap:6px;display:flex}.pm__tool--icon{justify-content:center;width:44px;padding:0}.pm__svg[data-zoomed=true]{touch-action:none;cursor:grab}.pm__svg[data-zoomed=true][data-mode=point],.pm__svg[data-zoomed=true][data-mode=mole]{cursor:crosshair}@media (max-width:640px){.pm{gap:8px}.pm__tools,.pm__lines{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.pm__tools::-webkit-scrollbar{display:none}.pm__lines::-webkit-scrollbar{display:none}.pm__tool,.pm__line{white-space:nowrap;flex:none}.pm__tool{min-height:44px;padding:0 10px;font-size:13.5px}.pm__zoom{flex-wrap:nowrap;align-items:flex-start}.pm__hint{font-size:13px}.pm__svg{max-height:70svh}}
