#stops{list-style:none;margin:8px 0;padding:0}#stops li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:4px;animation:rin .25s ease}
#stops b{width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px;flex:none}#stops span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#stops button{border:0;background:none;color:var(--mute);font-size:20px;line-height:1;width:32px;height:32px;border-radius:6px;cursor:pointer}#stops button:hover{background:#eef2f4;color:var(--ink)}
.rpin{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--acc);display:grid;place-items:center;font:700 13px/1 system-ui,sans-serif;color:#123B67;box-shadow:0 1px 4px rgba(0,0,0,.45);cursor:grab}
.res{margin-top:10px;padding:10px;border:1px solid var(--line);border-left:5px solid var(--acc);border-radius:8px;background:#fff;animation:rin .3s ease}.res b{font-size:16px}
.dir{margin:8px 0 0;padding-left:20px;max-height:240px;overflow:auto;font-size:13px}.dir li{margin-bottom:5px}.dir small{display:block;color:var(--mute)}
.key{list-style:none;margin:8px 0 0;padding:0}.key li{display:flex;align-items:center;gap:8px;margin-bottom:4px}.key i{width:16px;height:16px;border-radius:4px;opacity:.85;flex:none}
@keyframes rin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#stops li,.res{animation:none}}