.os-stage,.os-controls{--os-bg:#fefefe;--os-ink:#0e1b45;--os-muted:#4e586d;--os-line:#d9dee6;--os-blue:#1e73be}.os-stage{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.os-stage[data-dragging]{cursor:grabbing}.os-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--os-blue)}.os-canvas{opacity:0;width:100%;height:100%;transition:opacity .25s;display:block;position:absolute;inset:0}.os-stage[data-status=ready] .os-canvas{opacity:1}.os-poster{mix-blend-mode:multiply;pointer-events:none;-webkit-user-drag:none;width:auto;max-width:none;height:100%;transition:opacity .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.os-stage[data-status=ready] .os-poster{opacity:0}@media (prefers-reduced-motion:reduce){.os-canvas,.os-poster{transition:none}}.os-fallback-note{text-align:center;color:var(--os-muted);margin:0;font-size:12px;position:absolute;bottom:10px;left:0;right:0}.os-controls{text-align:center;grid-area:controls;padding-top:14px}.os-hint{color:var(--os-muted);margin:0 0 10px;font-size:13px;font-weight:600}.os-buttons{gap:8px;display:inline-flex}.os-buttons button{border:1px solid var(--os-line);min-width:64px;min-height:44px;color:var(--os-ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font:650 14px/1 Manrope Variable,sans-serif;display:inline-flex}.os-buttons button:hover:not(:disabled){border-color:var(--os-ink)}.os-buttons button:disabled{color:#7c8496;cursor:default}.os-buttons .os-reset{padding:0 18px}.os-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.os-buttons button:focus-visible{outline:2px solid var(--os-blue);outline-offset:2px}.os-controls{background:#fefefe;border-radius:12px;padding:14px 8px}.os-buttons{flex-wrap:wrap;justify-content:center}.os-stage[data-status=fallback]{cursor:default}