.scene{background:var(--paper-3);width:100%}.scene-empty{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-pending{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#f5f0e78c;align-items:flex-end;padding:14px;display:flex;position:absolute;inset:0}.scene-pill{background:var(--white);border:1px solid var(--rule-2);border-radius:2px;flex-direction:column;gap:8px;width:100%;max-width:520px;padding:12px 14px;display:flex;box-shadow:0 12px 30px #1b191724}.scene-pill .progress{background:var(--paper-3);height:2px;overflow:hidden}.scene-pill .progress .bar{background:var(--ochre);height:100%}.scene-pill .stages{flex-wrap:wrap;gap:14px;display:flex}.scene-pill .stages .done{color:var(--ink)}.scene-pill .stages .now{color:var(--ochre)}.ruler{-webkit-user-select:none;user-select:none;height:96px;position:relative}.ruler.compact{height:36px}.ruler .marker{background:var(--ochre);width:2px;height:16px;margin-left:-1px;position:absolute;top:16px}.ruler .connector{background:var(--rule-2);width:1px;height:12px;position:absolute;top:20px}.ruler .dot{background:var(--ink);border-radius:50%;width:7px;height:7px;margin-left:-3px;position:absolute;top:17px}.ruler .hit{cursor:pointer;height:24px;position:absolute;top:8px;left:0;right:0}.ruler-chips{flex-wrap:wrap;gap:8px;display:flex}