/* openpill.css — the one-inch open/close pill (see openpill.js). One source; surfaces copy it. 1 in = 96 px.
   Drawn 96 × 28, invisible 44 px-tall hit area, orange knob + fill, dark limiter tick, state word. No transitions. */
.op-stack{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:6;pointer-events:none;
  --op-orange:#FF5C39;--op-ink:#2C3947;--op-track:#aab2bc;--op-face:rgba(255,255,255,.96);--op-edge:#c9d0d8}
.op-pill{position:relative;width:96px;height:28px;border-radius:14px;background:var(--op-face);border:1px solid var(--op-edge);
  box-shadow:0 1px 3px rgba(20,30,40,.18);box-sizing:border-box;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;
  cursor:pointer;outline:none;font:700 10px/1 -apple-system,BlinkMacSystemFont,Inter,"Segoe UI",sans-serif;color:#1d2330}
.op-pill::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}            /* 44 px tall to the thumb, 28 px to the eye */
.op-pill:focus-visible:not([data-pointer]){box-shadow:0 0 0 2px #fff,0 0 0 4px var(--op-ink)}
.op-pill .op-tr{position:absolute;left:14px;width:68px;top:11px;height:3px;border-radius:2px;background:var(--op-track)}
.op-pill .op-fi{position:absolute;left:14px;top:11px;height:3px;border-radius:2px;background:var(--op-orange);width:0}
.op-pill .op-lim{position:absolute;top:7px;width:2px;height:11px;background:var(--op-ink);display:none}
.op-pill .op-kn{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:var(--op-orange);border:2px solid #fff;box-sizing:border-box;
  box-shadow:0 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:#1d2330;font-size:9px;line-height:1}
.op-pill .op-st{position:absolute;top:5px;height:16px;padding:0 3px;border-radius:4px;background:var(--op-face);display:flex;align-items:center;white-space:nowrap;letter-spacing:.01em;pointer-events:none}
@media (prefers-color-scheme:dark){.op-stack{--op-face:rgba(255,255,255,.96)}}                  /* stays white on dark canvases on purpose */
@media print{.op-stack{display:none}}
