.rp{--rp-bg:#0e1014;--rp-panel:#161a21;--rp-line:#262b35;--rp-ink:#d9dee7;--rp-muted:#8b94a3;--rp-click:#f5a524;--rp-key:#2dd4bf;--rp-match:#ff4fa3;--rp-frame:#5b6578;background:var(--rp-bg);color:var(--rp-ink);font-family:var(--mono);border:1px solid #000;border-radius:14px;font-size:12px;line-height:1.4;overflow:hidden;box-shadow:0 24px 60px #080c1847}.rp-bar{border-bottom:1px solid var(--rp-line);background:var(--rp-panel);align-items:center;gap:10px;height:40px;padding:0 8px 0 12px;display:flex}.rp-rec{background:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ef444433}.rp-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--rp-muted);overflow:hidden}.rp-title b{color:var(--rp-ink);font-weight:500}.rp-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.rp-play{border:1px solid var(--rp-line);width:32px;height:32px;color:var(--rp-ink);cursor:pointer;background:#1e232c;border-radius:8px;place-items:center;display:inline-grid}.rp-play svg{fill:currentColor;width:14px;height:14px}.rp-play[data-state=paused] .rp-i-pause,.rp-play[data-state=playing] .rp-i-play{display:none}.rp-main{display:grid}.rp-stage{background:#0b0d10;padding:12px;position:relative;container-type:inline-size}.rp-stage>.rp-screen{border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #000}.rp-overlays,.rp-cursor,.rp-ripple{pointer-events:none;position:absolute;top:12px;left:12px}.rp-overlays{bottom:12px;right:12px}.rp-box{border:1.5px solid var(--rp-match);border-radius:3px;position:absolute;box-shadow:0 0 0 1px #0009}.rp-box span{background:var(--rp-match);color:#1a0710;white-space:nowrap;border-radius:999px;padding:.3em .5em;font-size:clamp(6px,1.35cqw,10px);line-height:1;position:absolute;bottom:calc(100% + 3px);left:-1.5px}.rp-right span{left:auto;right:-1.5px}.rp-new{animation:.18s ease-out both rp-snap}@keyframes rp-snap{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}.rp-cursor{fill:#fff;stroke:#000;stroke-width:1.2px;filter:drop-shadow(0 1px 1px #00000080);width:14px;height:20px;margin:-1px 0 0 -1px;display:none}.rp-ripple{border:3px solid var(--rp-click);background:color-mix(in srgb, var(--rp-click) 30%, transparent);opacity:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;box-shadow:0 0 0 1px #00000059}.rp[data-live] .rp-cursor{display:block}.rp-events{border-top:1px solid var(--rp-line);background:var(--rp-panel);gap:6px;margin:0;padding:8px;list-style:none;display:flex;overflow-x:auto}.rp-event{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:72px 1fr;gap:2px 8px;width:210px;padding:6px;font-size:11px;display:grid}.rp-event:hover{background:#1e232c}.rp-event[data-current]{border-color:var(--rp-line);background:#1e232c}.rp-thumb{border-radius:4px;grid-row:1/3;overflow:hidden;box-shadow:0 0 0 1px #000}.rp-ev-time{color:var(--rp-muted);font-variant-numeric:tabular-nums}.rp-event[data-kind=click] .rp-ev-time{color:var(--rp-click)}.rp-event[data-kind=type] .rp-ev-time{color:var(--rp-key)}.rp-event[data-kind=appeared] .rp-ev-time,.rp-event[data-kind=gone] .rp-ev-time{color:var(--rp-match)}.rp-ev-text{color:var(--rp-ink);word-break:break-word}.rp-timeline{border-top:1px solid var(--rp-line);grid-template-columns:1fr;gap:0;padding:6px 12px 12px;display:grid}.rp-labels{display:none}.rp-tracks{cursor:ew-resize;touch-action:none;position:relative}.rp-ruler,.rp-lane{height:16px;position:relative}.rp-ruler{height:18px;color:var(--rp-muted);font-size:10px}.rp-ruler span{position:absolute;transform:translate(-50%)}.rp-ruler span:first-child{transform:none}.rp-ruler span:last-child{transform:translate(-100%)}.rp-lane{border-top:1px solid #1a1e26}.rp-lane i{position:absolute;top:4px}.rp-frame{background:var(--rp-frame);width:2px;height:8px}.rp-click{background:var(--rp-click);width:7px;height:7px;margin-left:-3px;transform:rotate(45deg)}.rp-key{background:var(--rp-key);width:3px;height:8px}.rp-lane-el{height:10px}.rp-lane-el i,.rp-seen{background:var(--rp-match);opacity:.85;border-radius:3px;height:6px;top:2px}.rp-playhead{background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.rp-playhead:before{content:"";background:#fff;border-radius:3px;width:12px;height:12px;position:absolute;top:0;left:-5px}.rp-playhead:focus-visible:before{box-shadow:0 0 0 3px var(--rp-match)}@media (width>=720px){.rp-timeline{grid-template-columns:136px 1fr;gap:12px}.rp-labels{color:var(--rp-muted);grid-template-rows:18px 16px 16px;grid-auto-rows:10px;font-size:10.5px;line-height:16px;display:grid}.rp-labels .rp-slug{white-space:nowrap;text-overflow:ellipsis;height:10px;line-height:10px;overflow:hidden}}@media (width>=980px){.rp-main{grid-template-columns:1fr 248px}.rp-events{contain:size;border-top:0;border-left:1px solid var(--rp-line);flex-direction:column;overflow:visible auto}.rp-event{width:100%}}.rp-screen{isolation:isolate;aspect-ratio:16/10;background:#3a6ea5;display:block;container-type:inline-size}.k-app{color:#000;background:#d4d0c8;flex-direction:column;height:100%;font:1.55cqw/1.35 Tahoma,Segoe UI,Verdana,sans-serif;display:flex;position:relative}.k-title{color:#fff;background:linear-gradient(90deg,#0a246a,#a6caf0);justify-content:space-between;align-items:center;padding:.35em .6em;font-weight:700;display:flex}.k-win{gap:.3em;display:flex}.k-win i{background:#d4d0c8;width:1.1em;height:.95em;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff}.k-menu{border-bottom:1px solid gray;gap:1.2em;padding:.25em .8em;display:flex}.k-toolbar{align-items:center;gap:.8em;padding:.6em .8em;display:flex}.k-field,.k-btn{white-space:nowrap;background:#fff;align-items:center;gap:.4em;height:1.9em;padding:0 .6em;display:flex;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.k-period i,.k-search i{color:#555;font-style:normal}.k-search{flex:1;min-width:0}.k-search u{color:#888;text-decoration:none}.k-search em{background:#000;width:1px;height:1.1em}.k-btn{background:#d4d0c8;padding:0 1.2em;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff}[data-pressed].k-btn,[data-pressed].k-field{background:#c0bcb4;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.k-drop{z-index:2;background:#fff;border:1px solid #000;min-width:13em;position:absolute;top:7.3em;left:.8em;box-shadow:.2em .2em #00000059}.k-drop div{padding:.25em .6em}.k-hl{color:#fff;background:#0a246a}.k-table{background:#fff;flex:1;margin:0 .8em;overflow:hidden;box-shadow:inset 1px 1px gray}.k-tr{border-bottom:1px solid #eee;grid-template-columns:7em 1fr 10em 7em;padding:.22em .6em;display:grid}.k-tr span:last-child{text-align:right}.k-th{background:#d4d0c8;font-weight:700;box-shadow:inset -1px -1px gray}.k-busy{background:#d4d0c8;align-items:center;gap:.6em;padding:.9em 1.4em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -1px -1px #404040,inset 1px 1px #fff,.25em .25em #0000004d}.k-busy i{border:.2em solid #0a246a;border-right-color:#0000;border-radius:50%;width:1.2em;height:1.2em}.k-file{background:#ffffe1;border:1px solid gray;justify-content:space-between;align-items:center;gap:1em;margin:.6em .8em 0;padding:.4em .6em;display:flex}.k-file b{background:#d4d0c8;padding:.15em .8em;font-weight:400;box-shadow:inset -1px -1px #404040,inset 1px 1px #fff}.k-toast{background:#ffffe1;border:1px solid #000;padding:.6em 1em;position:absolute;top:9em;right:1.4em;box-shadow:.2em .2em #0000004d}.k-status{color:#222;border-top:1px solid gray;margin-top:.6em;padding:.3em .8em}.rp-thumb .rp-screen{width:72px}.ev{--rp-fail:#f87171;--rp-pass:#4ade80;margin:28px 0 0}.ev-fail-dot{background:var(--rp-fail);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #f8717133}.ev .rp-time{padding-right:6px}.ev-main{display:grid}.ev-stage [data-el=invoices\/export]{outline:2px dashed var(--rp-click);outline-offset:.3em;position:relative}.ev-stage [data-el=invoices\/export]:after{content:"best 0.71 · needs 0.85";background:var(--rp-click);color:#1a1204;font:500 max(9px, 1.15cqw) / 1.4 var(--mono);white-space:nowrap;border-radius:999px;padding:.15em .5em;position:absolute;bottom:calc(100% + .7em);right:-.3em}.k-btn-new{color:#fff;box-shadow:none;background:#2f6fd6;border-radius:.25em;font-weight:600}.ev-side{border-top:1px solid var(--rp-line);background:var(--rp-panel);align-content:start;display:grid}.ev-steps{gap:4px;margin:0;padding:10px 12px;list-style:none;display:grid}.ev-steps li{color:var(--rp-muted);border-radius:6px;grid-template-columns:18px 56px 1fr;align-items:center;gap:6px;padding:4px 6px;display:grid}.ev-n{color:#0e1014;background:var(--rp-pass);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:inline-grid}.ev-what{color:var(--rp-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-steps [data-ok=false]{box-shadow:inset 2px 0 var(--rp-fail);background:#f871711f}.ev-steps [data-ok=false] .ev-n{background:var(--rp-fail)}.ev-steps [data-ok=skipped]{opacity:.5}.ev-steps [data-ok=skipped] .ev-n{background:var(--rp-frame)}.ev-why{gap:10px;padding:4px 12px 14px;display:grid}.ev-err{color:var(--rp-fail)}.ev-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ev-label{color:var(--rp-muted);margin-bottom:4px;font-size:11px;display:block}.ev-crop{color:#000;background:#d4d0c8;border-radius:6px;place-items:center;height:44px;font:12px/1.35 Tahoma,Segoe UI,Verdana,sans-serif;display:grid;box-shadow:0 0 0 1px #000}.ev-crop .k-btn{outline:1.5px solid var(--rp-match);outline-offset:3px}.ev-crop-best .k-btn{outline:1.5px dashed var(--rp-click)}.ev-actions{flex-wrap:wrap;gap:6px;display:flex}.ev-btn{border:1px solid var(--rp-line);background:#1e232c;border-radius:7px;align-items:center;height:28px;padding:0 10px;display:inline-flex}.ev-btn-primary{border-color:var(--rp-match);background:var(--rp-match);color:#1a0710;font-weight:500}@media (width>=900px){.ev-main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.ev-side{border-top:0;border-left:1px solid var(--rp-line)}}@media (prefers-reduced-motion:reduce){.rp-new{animation:none}}
