.lab{grid-template-columns:1.25fr 1fr;align-items:start}
.stage{height:420px;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff1a}
.stage-text{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-shadow:0 2px 20px #0006}.stage-text b{font-size:clamp(26px,4vw,42px);letter-spacing:-.03em}
.bar-wrap{position:relative;margin:22px 8px 8px}
.bar{height:28px;border-radius:8px;cursor:copy;box-shadow:inset 0 0 0 1px #ffffff26}
.h{position:absolute;top:-6px;width:18px;height:40px;margin-left:-9px;border-radius:6px;border:3px solid #fff;box-shadow:0 2px 10px #000a;cursor:grab;touch-action:none}
.h.sel{outline:2px solid var(--accent);outline-offset:2px}
.presets{margin-top:18px;gap:8px}.pr{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:99px;background:none;cursor:pointer;font-size:12.5px;color:var(--text-2)}
.pr i{width:22px;height:22px;border-radius:50%;display:block}.pr:hover{border-color:var(--line-2)}
.pos{margin-top:12px}.stops{display:flex;flex-direction:column;gap:8px}
.stop{display:grid;grid-template-columns:44px 1fr 64px 32px;gap:8px;align-items:center}
.stop input[type=number]{padding:7px 8px;font-size:13px}.stop .x{padding:6px;border:0;background:none;color:var(--faint);cursor:pointer;font-size:16px}.stop .x:hover{color:var(--bad)}
.code-out{min-height:90px;color:var(--accent)}
@media (max-width:860px){.lab{grid-template-columns:1fr}.stage{height:260px}}