From 9cb9045f871a7841b48bae808514213342809af6 Mon Sep 17 00:00:00 2001
From: SkyLi <SkyLiA7Mr@gmail.com>
Date: Sat, 1 Aug 2026 20:29:32 +0800
Subject: [PATCH] feat: use MediaRecorder + canvas.captureStream() for MP4/WebM
 output
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Recording now uses the browser's hardware video encoder:
- JPEG frames drawn to offscreen canvas → canvas.captureStream(30fps)
- MediaRecorder encodes to MP4 (preferred) or WebM (fallback)
- Stop triggers download of standard video file

Playback uses native <video> element — no custom parsing needed.
Massively simplified: removed packFrames/unpackFrames, no more custom
binary format.
---
 dist/assets/index-C8d4acis.css   |   1 +
 dist/assets/index-CHMLXxlv.js    |   1 -
 dist/assets/index-Deon0U_J.css   |   1 -
 dist/assets/index-aL8cGzGF.js    |   1 +
 dist/index.html                  |   4 +-
 src/App.vue                      |   2 +-
 src/components/PlaybackPanel.vue | 256 ++++++++++---------------------
 src/composables/useRecorder.ts   | 113 +++++++++++---
 src/composables/useStorage.ts    |  57 -------
 9 files changed, 176 insertions(+), 260 deletions(-)
 create mode 100644 dist/assets/index-C8d4acis.css
 delete mode 100644 dist/assets/index-CHMLXxlv.js
 delete mode 100644 dist/assets/index-Deon0U_J.css
 create mode 100644 dist/assets/index-aL8cGzGF.js

diff --git a/dist/assets/index-C8d4acis.css b/dist/assets/index-C8d4acis.css
new file mode 100644
index 0000000..3e2e396
--- /dev/null
+++ b/dist/assets/index-C8d4acis.css
@@ -0,0 +1 @@
+.live-view[data-v-710ffa12]{width:100%}.video-container[data-v-710ffa12]{aspect-ratio:16/9;background:#1a1a2e;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-frame[data-v-710ffa12]{object-fit:contain;width:100%;height:100%}.video-placeholder[data-v-710ffa12]{color:#666;text-align:center;padding:2rem;font-size:1.1rem}.error-text[data-v-710ffa12]{color:#e74c3c}.live-badge[data-v-710ffa12]{color:#f44;letter-spacing:.1em;background:#000000a6;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.live-dot[data-v-710ffa12]{background:#f44;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-710ffa12}@keyframes pulse-710ffa12{0%,to{opacity:1}50%{opacity:.3}}.recorder-controls[data-v-28c7ac14]{flex-direction:column;align-items:center;gap:10px;display:flex}.controls-row[data-v-28c7ac14]{gap:10px;display:flex}.btn[data-v-28c7ac14]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.btn[data-v-28c7ac14]:active:not(:disabled){transform:scale(.97)}.btn[data-v-28c7ac14]:disabled{opacity:.45;cursor:not-allowed}.btn-icon[data-v-28c7ac14]{font-size:1.1rem}.btn-record[data-v-28c7ac14]{color:#fff;background:#e74c3c}.btn-record[data-v-28c7ac14]:hover:not(:disabled){background:#c0392b}.btn-stop[data-v-28c7ac14]{color:#fff;background:#e74c3c}.btn-stop[data-v-28c7ac14]:hover{background:#c0392b}.recording-info[data-v-28c7ac14]{color:#e74c3c;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:.9rem;display:flex}.rec-dot[data-v-28c7ac14]{background:#e74c3c;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite pulse-28c7ac14}@keyframes pulse-28c7ac14{0%,to{opacity:1}50%{opacity:.3}}.rec-time[data-v-28c7ac14]{font-weight:700}.rec-frames[data-v-28c7ac14]{color:#999}.recorder-error[data-v-28c7ac14]{color:#f39c12;word-break:break-all;background:#f39c121a;border-radius:4px;max-width:100%;padding:6px 12px;font-size:.85rem}.playback-panel[data-v-a93ce5da]{width:100%}.section-title[data-v-a93ce5da]{color:#ddd;margin:0 0 16px;font-size:1.2rem;font-weight:600}.load-area[data-v-a93ce5da]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.file-input-hidden[data-v-a93ce5da]{display:none}.file-info[data-v-a93ce5da]{color:#27ae60;font-size:.9rem}.file-hint[data-v-a93ce5da]{color:#666;font-size:.85rem}.player-container[data-v-a93ce5da]{background:#1a1a2e;border-radius:8px;overflow:hidden}.playback-video[data-v-a93ce5da]{background:#000;width:100%;max-height:480px;display:block}.playback-controls[data-v-a93ce5da]{align-items:center;gap:10px;padding:10px 14px;display:flex}.playback-time[data-v-a93ce5da]{font-variant-numeric:tabular-nums;color:#aaa;margin-left:auto;font-size:.9rem}.progress-bar[data-v-a93ce5da]{background:#333;height:3px}.progress-fill[data-v-a93ce5da]{background:#3498db;height:100%;transition:width .1s linear}.btn[data-v-a93ce5da]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.btn[data-v-a93ce5da]:active{transform:scale(.97)}.btn-sm[data-v-a93ce5da]{padding:5px 12px;font-size:.82rem}.btn-load[data-v-a93ce5da]{color:#fff;background:#3498db}.btn-load[data-v-a93ce5da]:hover{background:#2980b9}.btn-play[data-v-a93ce5da]{color:#fff;background:#27ae60}.btn-play[data-v-a93ce5da]:hover{background:#219a52}.btn-pause[data-v-a93ce5da]{color:#fff;background:#f39c12}.btn-pause[data-v-a93ce5da]:hover{background:#d68910}.btn-stop-play[data-v-a93ce5da]{color:#fff;background:#555}.btn-stop-play[data-v-a93ce5da]:hover{background:#444}.config-panel[data-v-1bf23d59]{width:100%}.section-title[data-v-1bf23d59]{color:#ddd;margin:0 0 16px;font-size:1.2rem;font-weight:600}.config-row[data-v-1bf23d59]{flex-direction:column;gap:8px;display:flex}.config-label[data-v-1bf23d59]{color:#aaa;font-size:.9rem;font-weight:500}.input-group[data-v-1bf23d59]{gap:8px;display:flex}.config-input[data-v-1bf23d59]{color:#ddd;background:#1a1a2e;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-family:Courier New,monospace;font-size:.9rem;transition:border-color .2s}.config-input[data-v-1bf23d59]:focus{border-color:#3498db}.btn[data-v-1bf23d59]{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s}.btn[data-v-1bf23d59]:active{transform:scale(.97)}.btn-apply[data-v-1bf23d59]{color:#fff;background:#3498db}.btn-apply[data-v-1bf23d59]:hover{background:#2980b9}.save-hint[data-v-1bf23d59]{color:#27ae60;font-size:.8rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0e0e1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-shell{max-width:900px;margin:0 auto;padding:24px 20px 40px}.app-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.app-title{color:#fff;font-size:1.6rem;font-weight:700}.status-badge{border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:600}.status-badge.live{color:#27ae60;background:#27ae6026}.status-badge.idle{color:#888;background:#96969626}.app-main{flex-direction:column;gap:24px;display:flex}.tab-bar{border-bottom:2px solid #1a1a2e;gap:0;display:flex}.tab-btn{color:#777;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:#bbb}.tab-btn.active{color:#3498db;border-bottom-color:#3498db}.tab-content{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
diff --git a/dist/assets/index-CHMLXxlv.js b/dist/assets/index-CHMLXxlv.js
deleted file mode 100644
index 2f2c156..0000000
--- a/dist/assets/index-CHMLXxlv.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e){let t=Object.create(null);for(let n of e.split(`,`))t[n]=1;return e=>e in t}var t={},n=[],r=()=>{},i=()=>!1,a=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),o=e=>e.startsWith(`onUpdate:`),s=Object.assign,c=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)},l=Object.prototype.hasOwnProperty,u=(e,t)=>l.call(e,t),d=Array.isArray,f=e=>x(e)===`[object Map]`,p=e=>x(e)===`[object Set]`,m=e=>x(e)===`[object Date]`,h=e=>typeof e==`function`,g=e=>typeof e==`string`,_=e=>typeof e==`symbol`,v=e=>typeof e==`object`&&!!e,y=e=>(v(e)||h(e))&&h(e.then)&&h(e.catch),b=Object.prototype.toString,x=e=>b.call(e),S=e=>x(e).slice(8,-1),C=e=>x(e)===`[object Object]`,w=e=>g(e)&&e!==`NaN`&&e[0]!==`-`&&``+parseInt(e,10)===e,ee=e(`,key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted`),te=e=>{let t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},ne=/-\w/g,T=te(e=>e.replace(ne,e=>e.slice(1).toUpperCase())),re=/\B([A-Z])/g,E=te(e=>e.replace(re,`-$1`).toLowerCase()),ie=te(e=>e.charAt(0).toUpperCase()+e.slice(1)),ae=te(e=>e?`on${ie(e)}`:``),D=(e,t)=>!Object.is(e,t),oe=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},O=(e,t,n,r=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},se=e=>{let t=parseFloat(e);return isNaN(t)?e:t},ce,le=()=>ce||=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof window<`u`?window:typeof global<`u`?global:{};function ue(e){if(d(e)){let t={};for(let n=0;n<e.length;n++){let r=e[n],i=g(r)?me(r):ue(r);if(i)for(let e in i)t[e]=i[e]}return t}if(g(e)||v(e))return e}var de=/;(?![^(]*\))/g,fe=/:([^]+)/,pe=/\/\*[^]*?\*\//g;function me(e){let t={};return e.replace(pe,``).split(de).forEach(e=>{if(e){let n=e.split(fe);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function k(e){let t=``;if(g(e))t=e;else if(d(e))for(let n=0;n<e.length;n++){let r=k(e[n]);r&&(t+=r+` `)}else if(v(e))for(let n in e)e[n]&&(t+=n+` `);return t.trim()}var he=`itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`,ge=e(he);he+``;function _e(e){return!!e||e===``}function ve(e,t){if(e.length!==t.length)return!1;let n=!0;for(let r=0;n&&r<e.length;r++)n=ye(e[r],t[r]);return n}function ye(e,t){if(e===t)return!0;let n=m(e),r=m(t);if(n||r)return n&&r?e.getTime()===t.getTime():!1;if(n=_(e),r=_(t),n||r)return e===t;if(n=d(e),r=d(t),n||r)return n&&r?ve(e,t):!1;if(n=v(e),r=v(t),n||r){if(!n||!r||Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e){let r=e.hasOwnProperty(n),i=t.hasOwnProperty(n);if(r&&!i||!r&&i||!ye(e[n],t[n]))return!1}}return String(e)===String(t)}var be=e=>!!(e&&e.__v_isRef===!0),A=e=>g(e)?e:e==null?``:d(e)||v(e)&&(e.toString===b||!h(e.toString))?be(e)?A(e.value):JSON.stringify(e,xe,2):String(e),xe=(e,t)=>be(t)?xe(e,t.value):f(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[Se(t,r)+` =>`]=n,e),{})}:p(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>Se(e))}:_(t)?Se(t):v(t)&&!d(t)&&!C(t)?String(t):t,Se=(e,t=``)=>_(e)?`Symbol(${e.description??t})`:e,j,Ce=class{constructor(e=!1){this.detached=e,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this._warnOnRun=!0,this.__v_skip=!0,!e&&j&&(j.active?(this.parent=j,this.index=(j.scopes||(j.scopes=[])).push(this)-1):(this._active=!1,this._warnOnRun=!1))}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let e,t;if(this.scopes){let n=this.scopes.slice();for(e=0,t=n.length;e<t;e++)n[e].pause()}for(e=0,t=this.effects.length;e<t;e++)this.effects[e].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let e,t;if(this.scopes){let n=this.scopes.slice();for(e=0,t=n.length;e<t;e++)n[e].resume()}let n=this.effects.slice();for(e=0,t=n.length;e<t;e++)n[e].resume()}}run(e){if(this._active){let t=j;try{return j=this,e()}finally{j=t}}}on(){++this._on===1&&(this.prevScope=j,j=this)}off(){if(this._on>0&&--this._on===0){if(j===this)j=this.prevScope;else{let e=j;for(;e;){if(e.prevScope===this){e.prevScope=this.prevScope;break}e=e.prevScope}}this.prevScope=void 0}}stop(e){if(this._active){this._active=!1;let t,n;for(t=0,n=this.effects.length;t<n;t++)this.effects[t].stop();for(this.effects.length=0,t=0,n=this.cleanups.length;t<n;t++)this.cleanups[t]();if(this.cleanups.length=0,this.scopes){let e=this.scopes.slice();for(t=0,n=e.length;t<n;t++)e[t].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!e){let e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.parent=void 0}}};function we(){return j}var M,Te=new WeakSet,Ee=class{constructor(e){this.fn=e,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,j&&(j.active?j.effects.push(this):this.flags&=-2)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,Te.has(this)&&(Te.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||Ae(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,He(this),Ne(this);let e=M,t=N;M=this,N=!0;try{return this.fn()}finally{Pe(this),M=e,N=t,this.flags&=-3}}stop(){if(this.flags&1){for(let e=this.deps;e;e=e.nextDep)Le(e);this.deps=this.depsTail=void 0,He(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?Te.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){Fe(this)&&this.run()}get dirty(){return Fe(this)}},De=0,Oe,ke;function Ae(e,t=!1){if(e.flags|=8,t){e.next=ke,ke=e;return}e.next=Oe,Oe=e}function je(){De++}function Me(){if(--De>0)return;if(ke){let e=ke;for(ke=void 0;e;){let t=e.next;e.next=void 0,e.flags&=-9,e=t}}let e;for(;Oe;){let t=Oe;for(Oe=void 0;t;){let n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(t){e||=t}t=n}}if(e)throw e}function Ne(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function Pe(e){let t,n=e.depsTail,r=n;for(;r;){let e=r.prevDep;r.version===-1?(r===n&&(n=e),Le(r),Re(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=e}e.deps=t,e.depsTail=n}function Fe(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Ie(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Ie(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Ue)||(e.globalVersion=Ue,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!Fe(e))))return;e.flags|=2;let t=e.dep,n=M,r=N;M=e,N=!0;try{Ne(e);let n=e.fn(e._value);(t.version===0||D(n,e._value))&&(e.flags|=128,e._value=n,t.version++)}catch(e){throw t.version++,e}finally{M=n,N=r,Pe(e),e.flags&=-3}}function Le(e,t=!1){let{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let e=n.computed.deps;e;e=e.nextDep)Le(e,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function Re(e){let{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}var N=!0,ze=[];function Be(){ze.push(N),N=!1}function Ve(){let e=ze.pop();N=e===void 0||e}function He(e){let{cleanup:t}=e;if(e.cleanup=void 0,t){let e=M;M=void 0;try{t()}finally{M=e}}}var Ue=0,We=class{constructor(e,t){this.sub=e,this.dep=t,this.version=t.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}},Ge=class{constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(e){if(!M||!N||M===this.computed)return;let t=this.activeLink;if(t===void 0||t.sub!==M)t=this.activeLink=new We(M,this),M.deps?(t.prevDep=M.depsTail,M.depsTail.nextDep=t,M.depsTail=t):M.deps=M.depsTail=t,Ke(t);else if(t.version===-1&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=M.depsTail,t.nextDep=void 0,M.depsTail.nextDep=t,M.depsTail=t,M.deps===t&&(M.deps=e)}return t}trigger(e){this.version++,Ue++,this.notify(e)}notify(e){je();try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()&&e.sub.dep.notify()}finally{Me()}}};function Ke(e){if(e.dep.sc++,e.sub.flags&4){let t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let e=t.deps;e;e=e.nextDep)Ke(e)}let n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}var qe=new WeakMap,Je=Symbol(``),Ye=Symbol(``),Xe=Symbol(``);function P(e,t,n){if(N&&M){let t=qe.get(e);t||qe.set(e,t=new Map);let r=t.get(n);r||(t.set(n,r=new Ge),r.map=t,r.key=n),r.track()}}function Ze(e,t,n,r,i,a){let o=qe.get(e);if(!o){Ue++;return}let s=e=>{e&&e.trigger()};if(je(),t===`clear`)o.forEach(s);else{let i=d(e),a=i&&w(n);if(i&&n===`length`){let e=Number(r);o.forEach((t,n)=>{(n===`length`||n===Xe||!_(n)&&n>=e)&&s(t)})}else switch((n!==void 0||o.has(void 0))&&s(o.get(n)),a&&s(o.get(Xe)),t){case`add`:i?a&&s(o.get(`length`)):(s(o.get(Je)),f(e)&&s(o.get(Ye)));break;case`delete`:i||(s(o.get(Je)),f(e)&&s(o.get(Ye)));break;case`set`:f(e)&&s(o.get(Je))}}Me()}function Qe(e){let t=L(e);return t===e?t:(P(t,`iterate`,Xe),I(e)?t:t.map(Rt))}function $e(e){return P(e=L(e),`iterate`,Xe),e}function F(e,t){return Ft(e)?zt(Pt(e)?Rt(t):t):Rt(t)}var et={__proto__:null,[Symbol.iterator](){return tt(this,Symbol.iterator,e=>F(this,e))},concat(...e){return Qe(this).concat(...e.map(e=>d(e)?Qe(e):e))},entries(){return tt(this,`entries`,e=>(e[1]=F(this,e[1]),e))},every(e,t){return rt(this,`every`,e,t,void 0,arguments)},filter(e,t){return rt(this,`filter`,e,t,e=>e.map(e=>F(this,e)),arguments)},find(e,t){return rt(this,`find`,e,t,e=>F(this,e),arguments)},findIndex(e,t){return rt(this,`findIndex`,e,t,void 0,arguments)},findLast(e,t){return rt(this,`findLast`,e,t,e=>F(this,e),arguments)},findLastIndex(e,t){return rt(this,`findLastIndex`,e,t,void 0,arguments)},forEach(e,t){return rt(this,`forEach`,e,t,void 0,arguments)},includes(...e){return at(this,`includes`,e)},indexOf(...e){return at(this,`indexOf`,e)},join(e){return Qe(this).join(e)},lastIndexOf(...e){return at(this,`lastIndexOf`,e)},map(e,t){return rt(this,`map`,e,t,void 0,arguments)},pop(){return ot(this,`pop`)},push(...e){return ot(this,`push`,e)},reduce(e,...t){return it(this,`reduce`,e,t)},reduceRight(e,...t){return it(this,`reduceRight`,e,t)},shift(){return ot(this,`shift`)},some(e,t){return rt(this,`some`,e,t,void 0,arguments)},splice(...e){return ot(this,`splice`,e)},toReversed(){return Qe(this).toReversed()},toSorted(e){return Qe(this).toSorted(e)},toSpliced(...e){return Qe(this).toSpliced(...e)},unshift(...e){return ot(this,`unshift`,e)},values(){return tt(this,`values`,e=>F(this,e))}};function tt(e,t,n){let r=$e(e),i=r[t]();return r!==e&&!I(e)&&(i._next=i.next,i.next=()=>{let e=i._next();return e.done||(e.value=n(e.value)),e}),i}var nt=Array.prototype;function rt(e,t,n,r,i,a){let o=$e(e),s=o!==e&&!I(e),c=o[t];if(c!==nt[t]){let t=c.apply(e,a);return s?Rt(t):t}let l=n;o!==e&&(s?l=function(t,r){return n.call(this,F(e,t),r,e)}:n.length>2&&(l=function(t,r){return n.call(this,t,r,e)}));let u=c.call(o,l,r);return s&&i?i(u):u}function it(e,t,n,r){let i=$e(e),a=i!==e&&!I(e),o=n,s=!1;i!==e&&(a?(s=r.length===0,o=function(t,r,i){return s&&(s=!1,t=F(e,t)),n.call(this,t,F(e,r),i,e)}):n.length>3&&(o=function(t,r,i){return n.call(this,t,r,i,e)}));let c=i[t](o,...r);return s?F(e,c):c}function at(e,t,n){let r=L(e);P(r,`iterate`,Xe);let i=r[t](...n);return(i===-1||i===!1)&&It(n[0])?(n[0]=L(n[0]),r[t](...n)):i}function ot(e,t,n=[]){Be(),je();let r=L(e)[t].apply(e,n);return Me(),Ve(),r}var st=e(`__proto__,__v_isRef,__isVue`),ct=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!==`arguments`&&e!==`caller`).map(e=>Symbol[e]).filter(_));function lt(e){_(e)||(e=String(e));let t=L(this);return P(t,`has`,e),t.hasOwnProperty(e)}var ut=class{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){if(t===`__v_skip`)return e.__v_skip;let r=this._isReadonly,i=this._isShallow;if(t===`__v_isReactive`)return!r;if(t===`__v_isReadonly`)return r;if(t===`__v_isShallow`)return i;if(t===`__v_raw`)return n===(r?i?Ot:Dt:i?Et:Tt).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;let a=d(e);if(!r){let e;if(a&&(e=et[t]))return e;if(t===`hasOwnProperty`)return lt}let o=Reflect.get(e,t,R(e)?e:n);if((_(t)?ct.has(t):st(t))||(r||P(e,`get`,t),i))return o;if(R(o)){let e=a&&w(t)?o:o.value;return r&&v(e)?Mt(e):e}return v(o)?r?Mt(o):At(o):o}},dt=class extends ut{constructor(e=!1){super(!1,e)}set(e,t,n,r){let i=e[t],a=d(e)&&w(t);if(!this._isShallow){let e=Ft(i);if(!I(n)&&!Ft(n)&&(i=L(i),n=L(n)),!a&&R(i)&&!R(n))return e||(i.value=n),!0}let o=a?Number(t)<e.length:u(e,t),s=Reflect.set(e,t,n,R(e)?e:r);return e===L(r)&&s&&(o?D(n,i)&&Ze(e,`set`,t,n,i):Ze(e,`add`,t,n)),s}deleteProperty(e,t){let n=u(e,t),r=e[t],i=Reflect.deleteProperty(e,t);return i&&n&&Ze(e,`delete`,t,void 0,r),i}has(e,t){let n=Reflect.has(e,t);return(!_(t)||!ct.has(t))&&P(e,`has`,t),n}ownKeys(e){return P(e,`iterate`,d(e)?`length`:Je),Reflect.ownKeys(e)}},ft=class extends ut{constructor(e=!1){super(!0,e)}set(e,t){return!0}deleteProperty(e,t){return!0}},pt=new dt,mt=new ft,ht=new dt(!0),gt=e=>e,_t=e=>Reflect.getPrototypeOf(e);function vt(e,t,n){return function(...r){let i=this.__v_raw,a=L(i),o=f(a),c=e===`entries`||e===Symbol.iterator&&o,l=e===`keys`&&o,u=i[e](...r),d=n?gt:t?zt:Rt;return!t&&P(a,`iterate`,l?Ye:Je),s(Object.create(u),{next(){let{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:c?[d(e[0]),d(e[1])]:d(e),done:t}}})}}function yt(e){return function(...t){return e===`delete`?!1:e===`clear`?void 0:this}}function bt(e,t){let n={get(n){let r=this.__v_raw,i=L(r),a=L(n);e||(D(n,a)&&P(i,`get`,n),P(i,`get`,a));let{has:o}=_t(i),s=t?gt:e?zt:Rt;if(o.call(i,n))return s(r.get(n));if(o.call(i,a))return s(r.get(a));r!==i&&r.get(n)},get size(){let t=this.__v_raw;return!e&&P(L(t),`iterate`,Je),t.size},has(t){let n=this.__v_raw,r=L(n),i=L(t);return e||(D(t,i)&&P(r,`has`,t),P(r,`has`,i)),t===i?n.has(t):n.has(t)||n.has(i)},forEach(n,r){let i=this,a=i.__v_raw,o=L(a),s=t?gt:e?zt:Rt;return!e&&P(o,`iterate`,Je),a.forEach((e,t)=>n.call(r,s(e),s(t),i))}};return s(n,e?{add:yt(`add`),set:yt(`set`),delete:yt(`delete`),clear:yt(`clear`)}:{add(e){let n=L(this),r=_t(n),i=L(e),a=!t&&!I(e)&&!Ft(e)?i:e;return r.has.call(n,a)||D(e,a)&&r.has.call(n,e)||D(i,a)&&r.has.call(n,i)||(n.add(a),Ze(n,`add`,a,a)),this},set(e,n){!t&&!I(n)&&!Ft(n)&&(n=L(n));let r=L(this),{has:i,get:a}=_t(r),o=i.call(r,e);o||=(e=L(e),i.call(r,e));let s=a.call(r,e);return r.set(e,n),o?D(n,s)&&Ze(r,`set`,e,n,s):Ze(r,`add`,e,n),this},delete(e){let t=L(this),{has:n,get:r}=_t(t),i=n.call(t,e);i||=(e=L(e),n.call(t,e));let a=r?r.call(t,e):void 0,o=t.delete(e);return i&&Ze(t,`delete`,e,void 0,a),o},clear(){let e=L(this),t=e.size!==0,n=e.clear();return t&&Ze(e,`clear`,void 0,void 0,void 0),n}}),[`keys`,`values`,`entries`,Symbol.iterator].forEach(r=>{n[r]=vt(r,e,t)}),n}function xt(e,t){let n=bt(e,t);return(t,r,i)=>r===`__v_isReactive`?!e:r===`__v_isReadonly`?e:r===`__v_raw`?t:Reflect.get(u(n,r)&&r in t?n:t,r,i)}var St={get:xt(!1,!1)},Ct={get:xt(!1,!0)},wt={get:xt(!0,!1)},Tt=new WeakMap,Et=new WeakMap,Dt=new WeakMap,Ot=new WeakMap;function kt(e){switch(e){case`Object`:case`Array`:return 1;case`Map`:case`Set`:case`WeakMap`:case`WeakSet`:return 2;default:return 0}}function At(e){return Ft(e)?e:Nt(e,!1,pt,St,Tt)}function jt(e){return Nt(e,!1,ht,Ct,Et)}function Mt(e){return Nt(e,!0,mt,wt,Dt)}function Nt(e,t,n,r,i){if(!v(e)||e.__v_raw&&!(t&&e.__v_isReactive)||e.__v_skip||!Object.isExtensible(e))return e;let a=i.get(e);if(a)return a;let o=kt(S(e));if(o===0)return e;let s=new Proxy(e,o===2?r:n);return i.set(e,s),s}function Pt(e){return Ft(e)?Pt(e.__v_raw):!!(e&&e.__v_isReactive)}function Ft(e){return!!(e&&e.__v_isReadonly)}function I(e){return!!(e&&e.__v_isShallow)}function It(e){return e?!!e.__v_raw:!1}function L(e){let t=e&&e.__v_raw;return t?L(t):e}function Lt(e){return!u(e,`__v_skip`)&&Object.isExtensible(e)&&O(e,`__v_skip`,!0),e}var Rt=e=>v(e)?At(e):e,zt=e=>v(e)?Mt(e):e;function R(e){return e?e.__v_isRef===!0:!1}function z(e){return Bt(e,!1)}function Bt(e,t){return R(e)?e:new Vt(e,t)}var Vt=class{constructor(e,t){this.dep=new Ge,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:L(e),this._value=t?e:Rt(e),this.__v_isShallow=t}get value(){return this.dep.track(),this._value}set value(e){let t=this._rawValue,n=this.__v_isShallow||I(e)||Ft(e);e=n?e:L(e),D(e,t)&&(this._rawValue=e,this._value=n?e:Rt(e),this.dep.trigger())}};function Ht(e){return R(e)?e.value:e}var Ut={get:(e,t,n)=>t===`__v_raw`?e:Ht(Reflect.get(e,t,n)),set:(e,t,n,r)=>{let i=e[t];return R(i)&&!R(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Wt(e){return Pt(e)?e:new Proxy(e,Ut)}var Gt=class{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new Ge(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Ue-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!t,this.isSSR=n}notify(){if(this.flags|=16,!(this.flags&8)&&M!==this)return Ae(this,!0),!0}get value(){let e=this.dep.track();return Ie(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}};function Kt(e,t,n=!1){let r,i;return h(e)?r=e:(r=e.get,i=e.set),new Gt(r,i,n)}var qt={},Jt=new WeakMap,Yt=void 0;function Xt(e,t=!1,n=Yt){if(n){let t=Jt.get(n);t||Jt.set(n,t=[]),t.push(e)}}function Zt(e,n,i=t){let{immediate:a,deep:o,once:s,scheduler:l,augmentJob:u,call:f}=i,p=e=>o?e:I(e)||o===!1||o===0?Qt(e,1):Qt(e),m,g,_,v,y=!1,b=!1;if(R(e)?(g=()=>e.value,y=I(e)):Pt(e)?(g=()=>p(e),y=!0):d(e)?(b=!0,y=e.some(e=>Pt(e)||I(e)),g=()=>e.map(e=>{if(R(e))return e.value;if(Pt(e))return p(e);if(h(e))return f?f(e,2):e()})):g=h(e)?n?f?()=>f(e,2):e:()=>{if(_){Be();try{_()}finally{Ve()}}let t=Yt;Yt=m;try{return f?f(e,3,[v]):e(v)}finally{Yt=t}}:r,n&&o){let e=g,t=o===!0?1/0:o;g=()=>Qt(e(),t)}let x=we(),S=()=>{m.stop(),x&&x.active&&c(x.effects,m)};if(s&&n){let e=n;n=(...t)=>{let n=e(...t);return S(),n}}let C=b?Array(e.length).fill(qt):qt,w=e=>{if(!(!(m.flags&1)||!m.dirty&&!e))if(n){let t=m.run();if(e||o||y||(b?t.some((e,t)=>D(e,C[t])):D(t,C))){_&&_();let e=Yt;Yt=m;try{let e=[t,C===qt?void 0:b&&C[0]===qt?[]:C,v];C=t,f?f(n,3,e):n(...e)}finally{Yt=e}}}else m.run()};return u&&u(w),m=new Ee(g),m.scheduler=l?()=>l(w,!1):w,v=e=>Xt(e,!1,m),_=m.onStop=()=>{let e=Jt.get(m);if(e){if(f)f(e,4);else for(let t of e)t();Jt.delete(m)}},n?a?w(!0):C=m.run():l?l(w.bind(null,!0),!0):m.run(),S.pause=m.pause.bind(m),S.resume=m.resume.bind(m),S.stop=S,S}function Qt(e,t=1/0,n){if(t<=0||!v(e)||e.__v_skip||(n||=new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,R(e))Qt(e.value,t,n);else if(d(e))for(let r=0;r<e.length;r++)Qt(e[r],t,n);else if(p(e)||f(e))e.forEach(e=>{Qt(e,t,n)});else if(C(e)){for(let r in e)Qt(e[r],t,n);for(let r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&Qt(e[r],t,n)}return e}function $t(e,t,n,r){try{return r?e(...r):e()}catch(e){en(e,t,n)}}function B(e,t,n,r){if(h(e)){let i=$t(e,t,n,r);return i&&y(i)&&i.catch(e=>{en(e,t,n)}),i}if(d(e)){let i=[];for(let a=0;a<e.length;a++)i.push(B(e[a],t,n,r));return i}}function en(e,n,r,i=!0){let a=n?n.vnode:null,{errorHandler:o,throwUnhandledErrorInProduction:s}=n&&n.appContext.config||t;if(n){let t=n.parent,i=n.proxy,a=`https://vuejs.org/error-reference/#runtime-${r}`;for(;t;){let n=t.ec;if(n){for(let t=0;t<n.length;t++)if(n[t](e,i,a)===!1)return}t=t.parent}if(o){Be(),$t(o,null,10,[e,i,a]),Ve();return}}tn(e,r,a,i,s)}function tn(e,t,n,r=!0,i=!1){if(i)throw e;console.error(e)}var V=[],H=-1,nn=[],rn=null,an=0,on=Promise.resolve(),sn=null;function cn(e){let t=sn||on;return e?t.then(this?e.bind(this):e):t}function ln(e){let t=H+1,n=V.length;for(;t<n;){let r=t+n>>>1,i=V[r],a=hn(i);a<e||a===e&&i.flags&2?t=r+1:n=r}return t}function un(e){if(!(e.flags&1)){let t=hn(e),n=V[V.length-1];!n||!(e.flags&2)&&t>=hn(n)?V.push(e):V.splice(ln(t),0,e),e.flags|=1,dn()}}function dn(){sn||=on.then(gn)}function fn(e){d(e)?nn.push(...e):rn&&e.id===-1?rn.splice(an+1,0,e):e.flags&1||(nn.push(e),e.flags|=1),dn()}function pn(e,t,n=H+1){for(;n<V.length;n++){let t=V[n];if(t&&t.flags&2){if(e&&t.id!==e.uid)continue;V.splice(n,1),n--,t.flags&4&&(t.flags&=-2),t(),t.flags&4||(t.flags&=-2)}}}function mn(e){if(nn.length){let e=[...new Set(nn)].sort((e,t)=>hn(e)-hn(t));if(nn.length=0,rn){rn.push(...e);return}for(rn=e,an=0;an<rn.length;an++){let e=rn[an];e.flags&4&&(e.flags&=-2),e.flags&8||e(),e.flags&=-2}rn=null,an=0}}var hn=e=>e.id==null?e.flags&2?-1:1/0:e.id;function gn(e){try{for(H=0;H<V.length;H++){let e=V[H];e&&!(e.flags&8)&&(e.flags&4&&(e.flags&=-2),$t(e,e.i,e.i?15:14),e.flags&4||(e.flags&=-2))}}finally{for(;H<V.length;H++){let e=V[H];e&&(e.flags&=-2)}H=-1,V.length=0,mn(e),sn=null,(V.length||nn.length)&&gn(e)}}var U=null,_n=null;function vn(e){let t=U;return U=e,_n=e&&e.type.__scopeId||null,t}function yn(e,t=U,n){if(!t||e._n)return e;let r=(...n)=>{r._d&&Ci(-1);let i=vn(t),a=bi.length,o;try{o=e(...n)}finally{for(let e=bi.length;e>a;e--)xi();vn(i),r._d&&Ci(1)}return o};return r._n=!0,r._c=!0,r._d=!0,r}function bn(e,n){if(U===null)return e;let r=na(U),i=e.dirs||=[];for(let e=0;e<n.length;e++){let[a,o,s,c=t]=n[e];a&&(h(a)&&(a={mounted:a,updated:a}),a.deep&&Qt(o),i.push({dir:a,instance:r,value:o,oldValue:void 0,arg:s,modifiers:c}))}return e}function xn(e,t,n,r){let i=e.dirs,a=t&&t.dirs;for(let o=0;o<i.length;o++){let s=i[o];a&&(s.oldValue=a[o].value);let c=s.dir[r];c&&(Be(),B(c,n,8,[e.el,s,e,t]),Ve())}}function Sn(e,t){if($){let n=$.provides,r=$.parent&&$.parent.provides;r===n&&(n=$.provides=Object.create(r)),n[e]=t}}function Cn(e,t,n=!1){let r=Vi();if(r||Dr){let i=Dr?Dr._context.provides:r?r.parent==null||r.ce?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides:void 0;if(i&&e in i)return i[e];if(arguments.length>1)return n&&h(t)?t.call(r&&r.proxy):t}}var wn=Symbol.for(`v-scx`),Tn=()=>Cn(wn);function En(e,t,n){return Dn(e,t,n)}function Dn(e,n,i=t){let{immediate:a,deep:o,flush:c,once:l}=i,u=s({},i),d=n&&a||!n&&c!==`post`,f;if(qi){if(c===`sync`){let e=Tn();f=e.__watcherHandles||=[]}else if(!d){let e=()=>{};return e.stop=r,e.resume=r,e.pause=r,e}}let p=$;u.call=(e,t,n)=>B(e,p,t,n);let m=!1;c===`post`?u.scheduler=e=>{G(e,p&&p.suspense)}:c!==`sync`&&(m=!0,u.scheduler=(e,t)=>{t?e():un(e)}),u.augmentJob=e=>{n&&(e.flags|=4),m&&(e.flags|=2,p&&(e.id=p.uid,e.i=p))};let h=Zt(e,n,u);return qi&&(f?f.push(h):d&&h()),h}function On(e,t,n){let r=this.proxy,i=g(e)?e.includes(`.`)?kn(r,e):()=>r[e]:e.bind(r,r),a;h(t)?a=t:(a=t.handler,n=t);let o=Wi(this),s=Dn(i,a.bind(r),n);return o(),s}function kn(e,t){let n=t.split(`.`);return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}var An=Symbol(`_vte`),jn=e=>e.__isTeleport,Mn=Symbol(`_leaveCb`);function Nn(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Nn(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Pn(e,t){return h(e)?s({name:e.name},t,{setup:e}):e}function Fn(e){e.ids=[e.ids[0]+e.ids[2]+++`-`,0,0]}function In(e,t){let n;return!!((n=Object.getOwnPropertyDescriptor(e,t))&&!n.configurable)}var Ln=new WeakMap;function Rn(e,n,r,a,o=!1){if(d(e)){e.forEach((e,t)=>Rn(e,n&&(d(n)?n[t]:n),r,a,o));return}if(Bn(a)&&!o){a.shapeFlag&512&&a.type.__asyncResolved&&a.component.subTree.component&&Rn(e,n,r,a.component.subTree);return}let s=a.shapeFlag&4?na(a.component):a.el,l=o?null:s,{i:f,r:p}=e,m=n&&n.r,_=f.refs===t?f.refs={}:f.refs,v=f.setupState,y=L(v),b=v===t?i:e=>!In(_,e)&&u(y,e),x=(e,t)=>!(t&&In(_,t));if(m!=null&&m!==p){if(zn(n),g(m))_[m]=null,b(m)&&(v[m]=null);else if(R(m)){let e=n;x(m,e.k)&&(m.value=null),e.k&&(_[e.k]=null)}}if(h(p))$t(p,f,12,[l,_]);else{let t=g(p),n=R(p);if(t||n){let i=()=>{if(e.f){let n=t?b(p)?v[p]:_[p]:x(p)||!e.k?p.value:_[e.k];if(o)d(n)&&c(n,s);else if(d(n))n.includes(s)||n.push(s);else if(t)_[p]=[s],b(p)&&(v[p]=_[p]);else{let t=[s];x(p,e.k)&&(p.value=t),e.k&&(_[e.k]=t)}}else t?(_[p]=l,b(p)&&(v[p]=l)):n&&(x(p,e.k)&&(p.value=l),e.k&&(_[e.k]=l))};if(l){let t=()=>{i(),Ln.delete(e)};t.id=-1,Ln.set(e,t),G(t,r)}else zn(e),i()}}}function zn(e){let t=Ln.get(e);t&&(t.flags|=8,Ln.delete(e))}le().requestIdleCallback,le().cancelIdleCallback;var Bn=e=>!!e.type.__asyncLoader,Vn=e=>e.type.__isKeepAlive;function Hn(e,t){Wn(e,`a`,t)}function Un(e,t){Wn(e,`da`,t)}function Wn(e,t,n=$){let r=e.__wdc||=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}return e()};if(Kn(t,r,n),n){let e=n.parent;for(;e&&e.parent;)Vn(e.parent.vnode)&&Gn(r,t,n,e),e=e.parent}}function Gn(e,t,n,r){let i=Kn(t,e,r,!0);$n(()=>{c(r[t],i)},n)}function Kn(e,t,n=$,r=!1){if(n){let i=n[e]||(n[e]=[]),a=t.__weh||=(...r)=>{Be();let i=Wi(n),a=B(t,n,e,r);return i(),Ve(),a};return r?i.unshift(a):i.push(a),a}}var qn=e=>(t,n=$)=>{(!qi||e===`sp`)&&Kn(e,(...e)=>t(...e),n)},Jn=qn(`bm`),Yn=qn(`m`),Xn=qn(`bu`),Zn=qn(`u`),Qn=qn(`bum`),$n=qn(`um`),er=qn(`sp`),tr=qn(`rtg`),nr=qn(`rtc`);function rr(e,t=$){Kn(`ec`,e,t)}var ir=Symbol.for(`v-ndc`),ar=e=>e?Ki(e)?na(e):ar(e.parent):null,or=s(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ar(e.parent),$root:e=>ar(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>hr(e),$forceUpdate:e=>e.f||=()=>{un(e.update)},$nextTick:e=>e.n||=cn.bind(e.proxy),$watch:e=>On.bind(e)}),sr=(e,n)=>e!==t&&!e.__isScriptSetup&&u(e,n),cr={get({_:e},n){if(n===`__v_skip`)return!0;let{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:c,appContext:l}=e;if(n[0]!==`$`){let e=s[n];if(e!==void 0)switch(e){case 1:return i[n];case 2:return a[n];case 4:return r[n];case 3:return o[n]}else if(sr(i,n))return s[n]=1,i[n];else if(a!==t&&u(a,n))return s[n]=2,a[n];else if(u(o,n))return s[n]=3,o[n];else if(r!==t&&u(r,n))return s[n]=4,r[n];else ur&&(s[n]=0)}let d=or[n],f,p;if(d)return n===`$attrs`&&P(e.attrs,`get`,``),d(e);if((f=c.__cssModules)&&(f=f[n]))return f;if(r!==t&&u(r,n))return s[n]=4,r[n];if(p=l.config.globalProperties,u(p,n))return p[n]},set({_:e},n,r){let{data:i,setupState:a,ctx:o}=e;return sr(a,n)?(a[n]=r,!0):i!==t&&u(i,n)?(i[n]=r,!0):u(e.props,n)||n[0]===`$`&&n.slice(1)in e?!1:(o[n]=r,!0)},has({_:{data:e,setupState:n,accessCache:r,ctx:i,appContext:a,props:o,type:s}},c){let l;return!!(r[c]||e!==t&&c[0]!==`$`&&u(e,c)||sr(n,c)||u(o,c)||u(i,c)||u(or,c)||u(a.config.globalProperties,c)||(l=s.__cssModules)&&l[c])},defineProperty(e,t,n){return n.get==null?u(n,`value`)&&this.set(e,t,n.value,null):e._.accessCache[t]=0,Reflect.defineProperty(e,t,n)}};function lr(e){return d(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}var ur=!0;function dr(e){let t=hr(e),n=e.proxy,i=e.ctx;ur=!1,t.beforeCreate&&pr(t.beforeCreate,e,`bc`);let{data:a,computed:o,methods:s,watch:c,provide:l,inject:u,created:f,beforeMount:p,mounted:m,beforeUpdate:g,updated:_,activated:y,deactivated:b,beforeDestroy:x,beforeUnmount:S,destroyed:C,unmounted:w,render:ee,renderTracked:te,renderTriggered:ne,errorCaptured:T,serverPrefetch:re,expose:E,inheritAttrs:ie,components:ae,directives:D,filters:oe}=t;if(u&&fr(u,i,null),s)for(let e in s){let t=s[e];h(t)&&(i[e]=t.bind(n))}if(a){let t=a.call(n,n);v(t)&&(e.data=At(t))}if(ur=!0,o)for(let e in o){let t=o[e],a=ia({get:h(t)?t.bind(n,n):h(t.get)?t.get.bind(n,n):r,set:!h(t)&&h(t.set)?t.set.bind(n):r});Object.defineProperty(i,e,{enumerable:!0,configurable:!0,get:()=>a.value,set:e=>a.value=e})}if(c)for(let e in c)mr(c[e],i,n,e);if(l){let e=h(l)?l.call(n):l;Reflect.ownKeys(e).forEach(t=>{Sn(t,e[t])})}f&&pr(f,e,`c`);function O(e,t){d(t)?t.forEach(t=>e(t.bind(n))):t&&e(t.bind(n))}if(O(Jn,p),O(Yn,m),O(Xn,g),O(Zn,_),O(Hn,y),O(Un,b),O(rr,T),O(nr,te),O(tr,ne),O(Qn,S),O($n,w),O(er,re),d(E))if(E.length){let t=e.exposed||={};E.forEach(e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t,enumerable:!0})})}else e.exposed||={};ee&&e.render===r&&(e.render=ee),ie!=null&&(e.inheritAttrs=ie),ae&&(e.components=ae),D&&(e.directives=D),re&&Fn(e)}function fr(e,t,n=r){d(e)&&(e=br(e));for(let n in e){let r=e[n],i;i=v(r)?`default`in r?Cn(r.from||n,r.default,!0):Cn(r.from||n):Cn(r),R(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e}):t[n]=i}}function pr(e,t,n){B(d(e)?e.map(e=>e.bind(t.proxy)):e.bind(t.proxy),t,n)}function mr(e,t,n,r){let i=r.includes(`.`)?kn(n,r):()=>n[r];if(g(e)){let n=t[e];h(n)&&En(i,n)}else if(h(e))En(i,e.bind(n));else if(v(e))if(d(e))e.forEach(e=>mr(e,t,n,r));else{let r=h(e.handler)?e.handler.bind(n):t[e.handler];h(r)&&En(i,r,e)}}function hr(e){let t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:a,config:{optionMergeStrategies:o}}=e.appContext,s=a.get(t),c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(e=>gr(c,e,o,!0)),gr(c,t,o)),v(t)&&a.set(t,c),c}function gr(e,t,n,r=!1){let{mixins:i,extends:a}=t;a&&gr(e,a,n,!0),i&&i.forEach(t=>gr(e,t,n,!0));for(let i in t)if(!(r&&i===`expose`)){let r=_r[i]||n&&n[i];e[i]=r?r(e[i],t[i]):t[i]}return e}var _r={data:vr,props:Sr,emits:Sr,methods:xr,computed:xr,beforeCreate:W,created:W,beforeMount:W,mounted:W,beforeUpdate:W,updated:W,beforeDestroy:W,beforeUnmount:W,destroyed:W,unmounted:W,activated:W,deactivated:W,errorCaptured:W,serverPrefetch:W,components:xr,directives:xr,watch:Cr,provide:vr,inject:yr};function vr(e,t){return t?e?function(){return s(h(e)?e.call(this,this):e,h(t)?t.call(this,this):t)}:t:e}function yr(e,t){return xr(br(e),br(t))}function br(e){if(d(e)){let t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function W(e,t){return e?[...new Set([].concat(e,t))]:t}function xr(e,t){return e?s(Object.create(null),e,t):t}function Sr(e,t){return e?d(e)&&d(t)?[...new Set([...e,...t])]:s(Object.create(null),lr(e),lr(t??{})):t}function Cr(e,t){if(!e)return t;if(!t)return e;let n=s(Object.create(null),e);for(let r in t)n[r]=W(e[r],t[r]);return n}function wr(){return{app:null,config:{isNativeTag:i,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}var Tr=0;function Er(e,t){return function(n,r=null){h(n)||(n=s({},n)),r!=null&&!v(r)&&(r=null);let i=wr(),a=new WeakSet,o=[],c=!1,l=i.app={_uid:Tr++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:aa,get config(){return i.config},set config(e){},use(e,...t){return a.has(e)||(e&&h(e.install)?(a.add(e),e.install(l,...t)):h(e)&&(a.add(e),e(l,...t))),l},mixin(e){return i.mixins.includes(e)||i.mixins.push(e),l},component(e,t){return t?(i.components[e]=t,l):i.components[e]},directive(e,t){return t?(i.directives[e]=t,l):i.directives[e]},mount(a,o,s){if(!c){let u=l._ceVNode||X(n,r);return u.appContext=i,s===!0?s=`svg`:s===!1&&(s=void 0),o&&t?t(u,a):e(u,a,s),c=!0,l._container=a,a.__vue_app__=l,na(u.component)}},onUnmount(e){o.push(e)},unmount(){c&&(B(o,l._instance,16),e(null,l._container),delete l._container.__vue_app__)},provide(e,t){return i.provides[e]=t,l},runWithContext(e){let t=Dr;Dr=l;try{return e()}finally{Dr=t}}};return l}}var Dr=null,Or=(e,t)=>t===`modelValue`||t===`model-value`?e.modelModifiers:e[`${t}Modifiers`]||e[`${T(t)}Modifiers`]||e[`${E(t)}Modifiers`];function kr(e,n,...r){if(e.isUnmounted)return;let i=e.vnode.props||t,a=r,o=n.startsWith(`update:`),s=o&&Or(i,n.slice(7));s&&(s.trim&&(a=r.map(e=>g(e)?e.trim():e)),s.number&&(a=r.map(se)));let c,l=i[c=ae(n)]||i[c=ae(T(n))];!l&&o&&(l=i[c=ae(E(n))]),l&&B(l,e,6,a);let u=i[c+`Once`];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,B(u,e,6,a)}}var Ar=new WeakMap;function jr(e,t,n=!1){let r=n?Ar:t.emitsCache,i=r.get(e);if(i!==void 0)return i;let a=e.emits,o={},c=!1;if(!h(e)){let r=e=>{let n=jr(e,t,!0);n&&(c=!0,s(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return!a&&!c?(v(e)&&r.set(e,null),null):(d(a)?a.forEach(e=>o[e]=null):s(o,a),v(e)&&r.set(e,o),o)}function Mr(e,t){return!e||!a(t)?!1:(t=t.slice(2),t=t===`Once`?t:t.replace(/Once$/,``),u(e,t[0].toLowerCase()+t.slice(1))||u(e,E(t))||u(e,t))}function Nr(e){let{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[a],slots:s,attrs:c,emit:l,render:u,renderCache:d,props:f,data:p,setupState:m,ctx:h,inheritAttrs:g}=e,_=vn(e),v,y;try{if(n.shapeFlag&4){let e=i||r,t=e;v=Z(u.call(t,e,d,f,m,p,h)),y=c}else{let e=t;v=Z(e.length>1?e(f,{attrs:c,slots:s,emit:l}):e(f,null)),y=t.props?c:Pr(c)}}catch(t){bi.length=0,en(t,e,1),v=X(vi)}let b=v;if(y&&g!==!1){let e=Object.keys(y),{shapeFlag:t}=b;e.length&&t&7&&(a&&e.some(o)&&(y=Fr(y,a)),b=Mi(b,y,!1,!0))}return n.dirs&&(b=Mi(b,null,!1,!0),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&Nn(b,n.transition),v=b,vn(_),v}var Pr=e=>{let t;for(let n in e)(n===`class`||n===`style`||a(n))&&((t||={})[n]=e[n]);return t},Fr=(e,t)=>{let n={};for(let r in e)(!o(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Ir(e,t,n){let{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:c}=t,l=a.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return r?Lr(r,o,l):!!o;if(c&8){let e=t.dynamicProps;for(let t=0;t<e.length;t++){let n=e[t];if(Rr(o,r,n)&&!Mr(l,n))return!0}}}else return(i||s)&&(!s||!s.$stable)?!0:r===o?!1:r?!o||Lr(r,o,l):!!o;return!1}function Lr(e,t,n){let r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let i=0;i<r.length;i++){let a=r[i];if(Rr(t,e,a)&&!Mr(n,a))return!0}return!1}function Rr(e,t,n){let r=e[n],i=t[n];return n===`style`&&v(r)&&v(i)?!ye(r,i):r!==i}function zr({vnode:e,parent:t,suspense:n},r){for(;t;){let n=t.subTree;if(n.suspense&&n.suspense.activeBranch===e&&(n.suspense.vnode.el=n.el=r,e=n),n===e)(e=t.vnode).el=r,t=t.parent;else break}n&&n.activeBranch===e&&(n.vnode.el=r)}var Br={},Vr=()=>Object.create(Br),Hr=e=>Object.getPrototypeOf(e)===Br;function Ur(e,t,n,r=!1){let i={},a=Vr();e.propsDefaults=Object.create(null),Gr(e,t,i,a);for(let t in e.propsOptions[0])t in i||(i[t]=void 0);e.props=n?r?i:jt(i):e.type.props?i:a,e.attrs=a}function Wr(e,t,n,r){let{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=L(i),[c]=e.propsOptions,l=!1;if((r||o>0)&&!(o&16)){if(o&8){let n=e.vnode.dynamicProps;for(let r=0;r<n.length;r++){let o=n[r];if(Mr(e.emitsOptions,o))continue;let d=t[o];if(c)if(u(a,o))d!==a[o]&&(a[o]=d,l=!0);else{let t=T(o);i[t]=Kr(c,s,t,d,e,!1)}else d!==a[o]&&(a[o]=d,l=!0)}}}else{Gr(e,t,i,a)&&(l=!0);let r;for(let a in s)(!t||!u(t,a)&&((r=E(a))===a||!u(t,r)))&&(c?n&&(n[a]!==void 0||n[r]!==void 0)&&(i[a]=Kr(c,s,a,void 0,e,!0)):delete i[a]);if(a!==s)for(let e in a)(!t||!u(t,e))&&(delete a[e],l=!0)}l&&Ze(e.attrs,`set`,``)}function Gr(e,n,r,i){let[a,o]=e.propsOptions,s=!1,c;if(n)for(let t in n){if(ee(t))continue;let l=n[t],d;a&&u(a,d=T(t))?!o||!o.includes(d)?r[d]=l:(c||={})[d]=l:Mr(e.emitsOptions,t)||(!(t in i)||l!==i[t])&&(i[t]=l,s=!0)}if(o){let n=L(r),i=c||t;for(let t=0;t<o.length;t++){let s=o[t];r[s]=Kr(a,n,s,i[s],e,!u(i,s))}}return s}function Kr(e,t,n,r,i,a){let o=e[n];if(o!=null){let e=u(o,`default`);if(e&&r===void 0){let e=o.default;if(o.type!==Function&&!o.skipFactory&&h(e)){let{propsDefaults:a}=i;if(n in a)r=a[n];else{let o=Wi(i);r=a[n]=e.call(null,t),o()}}else r=e;i.ce&&i.ce._setProp(n,r)}o[0]&&(a&&!e?r=!1:o[1]&&(r===``||r===E(n))&&(r=!0))}return r}var qr=new WeakMap;function Jr(e,r,i=!1){let a=i?qr:r.propsCache,o=a.get(e);if(o)return o;let c=e.props,l={},f=[],p=!1;if(!h(e)){let t=e=>{p=!0;let[t,n]=Jr(e,r,!0);s(l,t),n&&f.push(...n)};!i&&r.mixins.length&&r.mixins.forEach(t),e.extends&&t(e.extends),e.mixins&&e.mixins.forEach(t)}if(!c&&!p)return v(e)&&a.set(e,n),n;if(d(c))for(let e=0;e<c.length;e++){let n=T(c[e]);Yr(n)&&(l[n]=t)}else if(c)for(let e in c){let t=T(e);if(Yr(t)){let n=c[e],r=l[t]=d(n)||h(n)?{type:n}:s({},n),i=r.type,a=!1,o=!0;if(d(i))for(let e=0;e<i.length;++e){let t=i[e],n=h(t)&&t.name;if(n===`Boolean`){a=!0;break}n===`String`&&(o=!1)}else a=h(i)&&i.name===`Boolean`;r[0]=a,r[1]=o,(a||u(r,`default`))&&f.push(t)}}let m=[l,f];return v(e)&&a.set(e,m),m}function Yr(e){return e[0]!==`$`&&!ee(e)}var Xr=e=>e===`_`||e===`_ctx`||e===`$stable`,Zr=e=>d(e)?e.map(Z):[Z(e)],Qr=(e,t,n)=>{if(t._n)return t;let r=yn((...e)=>Zr(t(...e)),n);return r._c=!1,r},$r=(e,t,n)=>{let r=e._ctx;for(let n in e){if(Xr(n))continue;let i=e[n];if(h(i))t[n]=Qr(n,i,r);else if(i!=null){let e=Zr(i);t[n]=()=>e}}},ei=(e,t)=>{let n=Zr(t);e.slots.default=()=>n},ti=(e,t,n)=>{for(let r in t)(n||!Xr(r))&&(e[r]=t[r])},ni=(e,t,n)=>{let r=e.slots=Vr();if(e.vnode.shapeFlag&32){let e=t._;e?(ti(r,t,n),n&&O(r,`_`,e,!0)):$r(t,r)}else t&&ei(e,t)},ri=(e,n,r)=>{let{vnode:i,slots:a}=e,o=!0,s=t;if(i.shapeFlag&32){let e=n._;e?r&&e===1?o=!1:ti(a,n,r):(o=!n.$stable,$r(n,a)),s=n}else n&&(ei(e,n),s={default:1});if(o)for(let e in a)!Xr(e)&&s[e]==null&&delete a[e]},G=hi;function ii(e){return ai(e)}function ai(e,i){let a=le();a.__VUE__=!0;let{insert:o,remove:s,patchProp:c,createElement:l,createText:u,createComment:d,setText:f,setElementText:p,parentNode:m,nextSibling:h,setScopeId:g=r,insertStaticContent:_}=e,v=(e,t,n,r=null,i=null,a=null,o=void 0,s=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Di(e,t)&&(r=ye(e),k(e,i,a,!0),e=null),t.patchFlag===-2&&(c=!1,t.dynamicChildren=null);let{type:l,ref:u,shapeFlag:d}=t;switch(l){case _i:y(e,t,n,r);break;case vi:b(e,t,n,r);break;case yi:e??x(t,n,r,o);break;case gi:ae(e,t,n,r,i,a,o,s,c);break;default:d&1?w(e,t,n,r,i,a,o,s,c):d&6?D(e,t,n,r,i,a,o,s,c):(d&64||d&128)&&l.process(e,t,n,r,i,a,o,s,c,xe)}u!=null&&i?Rn(u,e&&e.ref,a,t||e,!t):u==null&&e&&e.ref!=null&&Rn(e.ref,null,a,e,!0)},y=(e,t,n,r)=>{if(e==null)o(t.el=u(t.children),n,r);else{let n=t.el=e.el;t.children!==e.children&&f(n,t.children)}},b=(e,t,n,r)=>{e==null?o(t.el=d(t.children||``),n,r):t.el=e.el},x=(e,t,n,r)=>{[e.el,e.anchor]=_(e.children,t,n,r,e.el,e.anchor)},S=({el:e,anchor:t},n,r)=>{let i;for(;e&&e!==t;)i=h(e),o(e,n,r),e=i;o(t,n,r)},C=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=h(e),s(e),e=n;s(t)},w=(e,t,n,r,i,a,o,s,c)=>{if(t.type===`svg`?o=`svg`:t.type===`math`&&(o=`mathml`),e==null)te(t,n,r,i,a,o,s,c);else{let n=e.el&&e.el._isVueCE?e.el:null;try{n&&n._beginPatch(),re(e,t,i,a,o,s,c)}finally{n&&n._endPatch()}}},te=(e,t,n,r,i,a,s,u)=>{let d,f,{props:m,shapeFlag:h,transition:g,dirs:_}=e;if(d=e.el=l(e.type,a,m&&m.is,m),h&8?p(d,e.children):h&16&&T(e.children,d,null,r,i,oi(e,a),s,u),_&&xn(e,null,r,`created`),ne(d,e,e.scopeId,s,r),m){for(let e in m)e!==`value`&&!ee(e)&&c(d,e,null,m[e],a,r);`value`in m&&c(d,`value`,null,m.value,a),(f=m.onVnodeBeforeMount)&&Q(f,r,e)}_&&xn(e,null,r,`beforeMount`);let v=ci(i,g);v&&g.beforeEnter(d),o(d,t,n),((f=m&&m.onVnodeMounted)||v||_)&&G(()=>{try{f&&Q(f,r,e),v&&g.enter(d),_&&xn(e,null,r,`mounted`)}finally{}},i)},ne=(e,t,n,r,i)=>{if(n&&g(e,n),r)for(let t=0;t<r.length;t++)g(e,r[t]);if(i){let n=i.subTree;if(t===n||mi(n.type)&&(n.ssContent===t||n.ssFallback===t)){let t=i.vnode;ne(e,t,t.scopeId,t.slotScopeIds,i.parent)}}},T=(e,t,n,r,i,a,o,s,c=0)=>{for(let l=c;l<e.length;l++){let c=e[l]=s?Fi(e[l]):Z(e[l]);v(null,c,t,n,r,i,a,o,s)}},re=(e,n,r,i,a,o,s)=>{let l=n.el=e.el,{patchFlag:u,dynamicChildren:d,dirs:f}=n;u|=e.patchFlag&16;let m=e.props||t,h=n.props||t,g;if(r&&si(r,!1),(g=h.onVnodeBeforeUpdate)&&Q(g,r,n,e),f&&xn(n,e,r,`beforeUpdate`),r&&si(r,!0),d&&(!e.dynamicChildren||e.dynamicChildren.length!==d.length)&&(u=0,s=!1,d=null),(m.innerHTML&&h.innerHTML==null||m.textContent&&h.textContent==null)&&p(l,``),d?E(e.dynamicChildren,d,l,r,i,oi(n,a),o):s||de(e,n,l,null,r,i,oi(n,a),o,!1),u>0){if(u&16)ie(l,m,h,r,a);else if(u&2&&m.class!==h.class&&c(l,`class`,null,h.class,a),u&4&&c(l,`style`,m.style,h.style,a),u&8){let e=n.dynamicProps;for(let t=0;t<e.length;t++){let n=e[t],i=m[n],o=h[n];(o!==i||n===`value`)&&c(l,n,i,o,a,r)}}u&1&&e.children!==n.children&&p(l,n.children)}else!s&&d==null&&ie(l,m,h,r,a);((g=h.onVnodeUpdated)||f)&&G(()=>{g&&Q(g,r,n,e),f&&xn(n,e,r,`updated`)},i)},E=(e,t,n,r,i,a,o)=>{for(let s=0;s<t.length;s++){let c=e[s],l=t[s],u=c.el&&(c.type===gi||!Di(c,l)||c.shapeFlag&198)?m(c.el):n;v(c,l,u,null,r,i,a,o,!0)}},ie=(e,n,r,i,a)=>{if(n!==r){if(n!==t)for(let t in n)!ee(t)&&!(t in r)&&c(e,t,n[t],null,a,i);for(let t in r){if(ee(t))continue;let o=r[t],s=n[t];o!==s&&t!==`value`&&c(e,t,s,o,a,i)}`value`in r&&c(e,`value`,n.value,r.value,a)}},ae=(e,t,n,r,i,a,s,c,l)=>{let d=t.el=e?e.el:u(``),f=t.anchor=e?e.anchor:u(``),{patchFlag:p,dynamicChildren:m,slotScopeIds:h}=t;h&&(c=c?c.concat(h):h),e==null?(o(d,n,r),o(f,n,r),T(t.children||[],n,f,i,a,s,c,l)):p>0&&p&64&&m&&e.dynamicChildren&&e.dynamicChildren.length===m.length?(E(e.dynamicChildren,m,n,i,a,s,c),(t.key!=null||i&&t===i.subTree)&&li(e,t,!0)):de(e,t,n,f,i,a,s,c,l)},D=(e,t,n,r,i,a,o,s,c)=>{t.slotScopeIds=s,e==null?t.shapeFlag&512?i.ctx.activate(t,n,r,o,c):O(t,n,r,i,a,o,c):se(e,t,c)},O=(e,t,n,r,i,a,o)=>{let s=e.component=Bi(e,r,i);if(Vn(e)&&(s.ctx.renderer=xe),Ji(s,!1,o),s.asyncDep){if(i&&i.registerDep(s,ce,o),!e.el){let r=s.subTree=X(vi);b(null,r,t,n),e.placeholder=r.el}}else ce(s,e,t,n,i,a,o)},se=(e,t,n)=>{let r=t.component=e.component;if(Ir(e,t,n))if(r.asyncDep&&!r.asyncResolved){ue(r,t,n);return}else r.next=t,r.update();else t.el=e.el,r.vnode=t},ce=(e,t,n,r,i,a,o)=>{let s=()=>{if(e.isMounted){let{next:t,bu:n,u:r,parent:s,vnode:c}=e;{let n=di(e);if(n){t&&(t.el=c.el,ue(e,t,o)),n.asyncDep.then(()=>{G(()=>{e.isUnmounted||l()},i)});return}}let u=t,d;si(e,!1),t?(t.el=c.el,ue(e,t,o)):t=c,n&&oe(n),(d=t.props&&t.props.onVnodeBeforeUpdate)&&Q(d,s,t,c),si(e,!0);let f=Nr(e),p=e.subTree;e.subTree=f,v(p,f,m(p.el),ye(p),e,i,a),t.el=f.el,u===null&&zr(e,f.el),r&&G(r,i),(d=t.props&&t.props.onVnodeUpdated)&&G(()=>Q(d,s,t,c),i)}else{let o,{el:s,props:c}=t,{bm:l,m:u,parent:d,root:f,type:p}=e,m=Bn(t);if(si(e,!1),l&&oe(l),!m&&(o=c&&c.onVnodeBeforeMount)&&Q(o,d,t),si(e,!0),s&&j){let t=()=>{e.subTree=Nr(e),j(s,e.subTree,e,i,null)};m&&p.__asyncHydrate?p.__asyncHydrate(s,e,t):t()}else{f.ce&&f.ce._hasShadowRoot()&&f.ce._injectChildStyle(p,e.parent?e.parent.type:void 0);let o=e.subTree=Nr(e);v(null,o,n,r,e,i,a),t.el=o.el}if(u&&G(u,i),!m&&(o=c&&c.onVnodeMounted)){let e=t;G(()=>Q(o,d,e),i)}(t.shapeFlag&256||d&&Bn(d.vnode)&&d.vnode.shapeFlag&256)&&e.a&&G(e.a,i),e.isMounted=!0,t=n=r=null}};e.scope.on();let c=e.effect=new Ee(s);e.scope.off();let l=e.update=c.run.bind(c),u=e.job=c.runIfDirty.bind(c);u.i=e,u.id=e.uid,c.scheduler=()=>un(u),si(e,!0),l()},ue=(e,t,n)=>{t.component=e;let r=e.vnode.props;e.vnode=t,e.next=null,Wr(e,t.props,r,n),ri(e,t.children,n),Be(),pn(e),Ve()},de=(e,t,n,r,i,a,o,s,c=!1)=>{let l=e&&e.children,u=e?e.shapeFlag:0,d=t.children,{patchFlag:f,shapeFlag:m}=t;if(f>0){if(f&128){pe(l,d,n,r,i,a,o,s,c);return}if(f&256){fe(l,d,n,r,i,a,o,s,c);return}}m&8?(u&16&&ve(l,i,a),d!==l&&p(n,d)):u&16?m&16?pe(l,d,n,r,i,a,o,s,c):ve(l,i,a,!0):(u&8&&p(n,``),m&16&&T(d,n,r,i,a,o,s,c))},fe=(e,t,r,i,a,o,s,c,l)=>{e||=n,t||=n;let u=e.length,d=t.length,f=Math.min(u,d),p;for(p=0;p<f;p++){let n=t[p]=l?Fi(t[p]):Z(t[p]);v(e[p],n,r,null,a,o,s,c,l)}u>d?ve(e,a,o,!0,!1,f):T(t,r,i,a,o,s,c,l,f)},pe=(e,t,r,i,a,o,s,c,l)=>{let u=0,d=t.length,f=e.length-1,p=d-1;for(;u<=f&&u<=p;){let n=e[u],i=t[u]=l?Fi(t[u]):Z(t[u]);if(Di(n,i))v(n,i,r,null,a,o,s,c,l);else break;u++}for(;u<=f&&u<=p;){let n=e[f],i=t[p]=l?Fi(t[p]):Z(t[p]);if(Di(n,i))v(n,i,r,null,a,o,s,c,l);else break;f--,p--}if(u>f){if(u<=p){let e=p+1,n=e<d?t[e].el:i;for(;u<=p;)v(null,t[u]=l?Fi(t[u]):Z(t[u]),r,n,a,o,s,c,l),u++}}else if(u>p)for(;u<=f;)k(e[u],a,o,!0),u++;else{let m=u,h=u,g=new Map;for(u=h;u<=p;u++){let e=t[u]=l?Fi(t[u]):Z(t[u]);e.key!=null&&g.set(e.key,u)}let _,y=0,b=p-h+1,x=!1,S=0,C=Array(b);for(u=0;u<b;u++)C[u]=0;for(u=m;u<=f;u++){let n=e[u];if(y>=b){k(n,a,o,!0);continue}let i;if(n.key!=null)i=g.get(n.key);else for(_=h;_<=p;_++)if(C[_-h]===0&&Di(n,t[_])){i=_;break}i===void 0?k(n,a,o,!0):(C[i-h]=u+1,i>=S?S=i:x=!0,v(n,t[i],r,null,a,o,s,c,l),y++)}let w=x?ui(C):n;for(_=w.length-1,u=b-1;u>=0;u--){let e=h+u,n=t[e],f=t[e+1],p=e+1<d?f.el||pi(f):i;C[u]===0?v(null,n,r,p,a,o,s,c,l):x&&(_<0||u!==w[_]?me(n,r,p,2):_--)}}},me=(e,t,n,r,i=null)=>{let{el:a,type:c,transition:l,children:u,shapeFlag:d}=e;if(d&6){me(e.component.subTree,t,n,r);return}if(d&128){e.suspense.move(t,n,r);return}if(d&64){c.move(e,t,n,xe);return}if(c===gi){o(a,t,n);for(let e=0;e<u.length;e++)me(u[e],t,n,r);o(e.anchor,t,n);return}if(c===yi){S(e,t,n);return}if(r!==2&&d&1&&l)if(r===0)l.persisted&&!a[Mn]?o(a,t,n):(l.beforeEnter(a),o(a,t,n),G(()=>l.enter(a),i));else{let{leave:r,delayLeave:i,afterLeave:c}=l,u=()=>{e.ctx.isUnmounted?s(a):o(a,t,n)},d=()=>{let e=a._isLeaving||!!a[Mn];a._isLeaving&&a[Mn](!0),l.persisted&&!e?u():r(a,()=>{u(),c&&c()})};i?i(a,u,d):d()}else o(a,t,n)},k=(e,t,n,r=!1,i=!1)=>{let{type:a,props:o,ref:s,children:c,dynamicChildren:l,shapeFlag:u,patchFlag:d,dirs:f,cacheIndex:p,memo:m}=e;if(d===-2&&(i=!1),s!=null&&(Be(),Rn(s,null,n,e,!0),Ve()),p!=null&&(t.renderCache[p]=void 0),u&256){t.ctx.deactivate(e);return}let h=u&1&&f,g=!Bn(e),_;if(g&&(_=o&&o.onVnodeBeforeUnmount)&&Q(_,t,e),u&6)_e(e.component,n,r);else{if(u&128){e.suspense.unmount(n,r);return}h&&xn(e,null,t,`beforeUnmount`),u&64?e.type.remove(e,t,n,xe,r):l&&!l.hasOnce&&(a!==gi||d>0&&d&64)?ve(l,t,n,!1,!0):(a===gi&&d&384||!i&&u&16)&&ve(c,t,n),r&&he(e)}let v=m!=null&&p==null;(g&&(_=o&&o.onVnodeUnmounted)||h||v)&&G(()=>{_&&Q(_,t,e),h&&xn(e,null,t,`unmounted`),v&&(e.el=null)},n)},he=e=>{let{type:t,el:n,anchor:r,transition:i}=e;if(t===gi){ge(n,r);return}if(t===yi){C(e);return}let a=()=>{s(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(e.shapeFlag&1&&i&&!i.persisted){let{leave:t,delayLeave:r}=i,o=()=>t(n,a);r?r(e.el,a,o):o()}else a()},ge=(e,t)=>{let n;for(;e!==t;)n=h(e),s(e),e=n;s(t)},_e=(e,t,n)=>{let{bum:r,scope:i,job:a,subTree:o,um:s,m:c,a:l}=e;fi(c),fi(l),r&&oe(r),i.stop(),a&&(a.flags|=8,k(o,e,t,n)),s&&G(s,t),G(()=>{e.isUnmounted=!0},t)},ve=(e,t,n,r=!1,i=!1,a=0)=>{for(let o=a;o<e.length;o++)k(e[o],t,n,r,i)},ye=e=>{if(e.shapeFlag&6)return ye(e.component.subTree);if(e.shapeFlag&128)return e.suspense.next();let t=h(e.anchor||e.el),n=t&&t[An];return n?h(n):t},be=!1,A=(e,t,n)=>{let r;e==null?t._vnode&&(k(t._vnode,null,null,!0),r=t._vnode.component):v(t._vnode||null,e,t,null,null,null,n),t._vnode=e,be||=(be=!0,pn(r),mn(),!1)},xe={p:v,um:k,m:me,r:he,mt:O,mc:T,pc:de,pbc:E,n:ye,o:e},Se,j;return i&&([Se,j]=i(xe)),{render:A,hydrate:Se,createApp:Er(A,Se)}}function oi({type:e,props:t},n){return n===`svg`&&e===`foreignObject`||n===`mathml`&&e===`annotation-xml`&&t&&t.encoding&&t.encoding.includes(`html`)?void 0:n}function si({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function ci(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function li(e,t,n=!1){let r=e.children,i=t.children;if(d(r)&&d(i))for(let e=0;e<r.length;e++){let t=r[e],a=i[e];a.shapeFlag&1&&!a.dynamicChildren&&((a.patchFlag<=0||a.patchFlag===32)&&(a=i[e]=Fi(i[e]),a.el=t.el),!n&&a.patchFlag!==-2&&li(t,a)),a.type===_i&&(a.patchFlag===-1&&(a=i[e]=Fi(a)),a.el=t.el),a.type===vi&&!a.el&&(a.el=t.el)}}function ui(e){let t=e.slice(),n=[0],r,i,a,o,s,c=e.length;for(r=0;r<c;r++){let c=e[r];if(c!==0){if(i=n[n.length-1],e[i]<c){t[r]=i,n.push(r);continue}for(a=0,o=n.length-1;a<o;)s=a+o>>1,e[n[s]]<c?a=s+1:o=s;c<e[n[a]]&&(a>0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-->0;)n[a]=o,o=t[o];return n}function di(e){let t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:di(t)}function fi(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}function pi(e){if(e.placeholder)return e.placeholder;let t=e.component;return t?pi(t.subTree):null}var mi=e=>e.__isSuspense;function hi(e,t){t&&t.pendingBranch?d(e)?t.effects.push(...e):t.effects.push(e):fn(e)}var gi=Symbol.for(`v-fgt`),_i=Symbol.for(`v-txt`),vi=Symbol.for(`v-cmt`),yi=Symbol.for(`v-stc`),bi=[],K=null;function q(e=!1){bi.push(K=e?null:[])}function xi(){bi.pop(),K=bi[bi.length-1]||null}var Si=1;function Ci(e,t=!1){Si+=e,e<0&&K&&t&&(K.hasOnce=!0)}function wi(e){return e.dynamicChildren=Si>0?K||n:null,xi(),Si>0&&K&&K.push(e),e}function J(e,t,n,r,i,a){return wi(Y(e,t,n,r,i,a,!0))}function Ti(e,t,n,r,i){return wi(X(e,t,n,r,i,!0))}function Ei(e){return e?e.__v_isVNode===!0:!1}function Di(e,t){return e.type===t.type&&e.key===t.key}var Oi=({key:e})=>e??null,ki=({ref:e,ref_key:t,ref_for:n})=>(typeof e==`number`&&(e=``+e),e==null?null:g(e)||R(e)||h(e)?{i:U,r:e,k:t,f:!!n}:e);function Y(e,t=null,n=null,r=0,i=null,a=e===gi?0:1,o=!1,s=!1){let c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Oi(t),ref:t&&ki(t),scopeId:_n,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:U};return s?(Ii(c,n),a&128&&e.normalize(c)):n&&(c.shapeFlag|=g(n)?8:16),Si>0&&!o&&K&&(c.patchFlag>0||a&6)&&c.patchFlag!==32&&K.push(c),c}var X=Ai;function Ai(e,t=null,n=null,r=0,i=null,a=!1){if((!e||e===ir)&&(e=vi),Ei(e)){let r=Mi(e,t,!0);return n&&Ii(r,n),Si>0&&!a&&K&&(r.shapeFlag&6?K[K.indexOf(e)]=r:K.push(r)),r.patchFlag=-2,r}if(ra(e)&&(e=e.__vccOpts),t){t=ji(t);let{class:e,style:n}=t;e&&!g(e)&&(t.class=k(e)),v(n)&&(It(n)&&!d(n)&&(n=s({},n)),t.style=ue(n))}let o=g(e)?1:mi(e)?128:jn(e)?64:v(e)?4:h(e)?2:0;return Y(e,t,n,r,i,o,a,!0)}function ji(e){return e?It(e)||Hr(e)?s({},e):e:null}function Mi(e,t,n=!1,r=!1){let{props:i,ref:a,patchFlag:o,children:s,transition:c}=e,l=t?Li(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Oi(l),ref:t&&t.ref?n&&a?d(a)?a.concat(ki(t)):[a,ki(t)]:ki(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==gi?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Mi(e.ssContent),ssFallback:e.ssFallback&&Mi(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&r&&Nn(u,c.clone(u)),u}function Ni(e=` `,t=0){return X(_i,null,e,t)}function Pi(e=``,t=!1){return t?(q(),Ti(vi,null,e)):X(vi,null,e)}function Z(e){return e==null||typeof e==`boolean`?X(vi):d(e)?X(gi,null,e.slice()):Ei(e)?Fi(e):X(_i,null,String(e))}function Fi(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Mi(e)}function Ii(e,t){let n=0,{shapeFlag:r}=e;if(t==null)t=null;else if(d(t))n=16;else if(typeof t==`object`)if(r&65){let n=t.default;n&&(n._c&&(n._d=!1),Ii(e,n()),n._c&&(n._d=!0));return}else{n=32;let r=t._;!r&&!Hr(t)?t._ctx=U:r===3&&U&&(U.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else if(h(t)){if(r&65){Ii(e,{default:t});return}t={default:t,_ctx:U},n=32}else t=String(t),r&64?(n=16,t=[Ni(t)]):n=8;e.children=t,e.shapeFlag|=n}function Li(...e){let t={};for(let n=0;n<e.length;n++){let r=e[n];for(let e in r)if(e===`class`)t.class!==r.class&&(t.class=k([t.class,r.class]));else if(e===`style`)t.style=ue([t.style,r.style]);else if(a(e)){let n=t[e],i=r[e];i&&n!==i&&!(d(n)&&n.includes(i))?t[e]=n?[].concat(n,i):i:i==null&&n==null&&!o(e)&&(t[e]=i)}else e!==``&&(t[e]=r[e])}return t}function Q(e,t,n,r=null){B(e,t,7,[n,r])}var Ri=wr(),zi=0;function Bi(e,n,r){let i=e.type,a=(n?n.appContext:e.appContext)||Ri,o={uid:zi++,vnode:e,type:i,parent:n,appContext:a,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new Ce(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:n?n.provides:Object.create(a.provides),ids:n?n.ids:[``,0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Jr(i,a),emitsOptions:jr(i,a),emit:null,emitted:null,propsDefaults:t,inheritAttrs:i.inheritAttrs,ctx:t,data:t,props:t,attrs:t,slots:t,refs:t,setupState:t,setupContext:null,suspense:r,suspenseId:r?r.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return o.ctx={_:o},o.root=n?n.root:o,o.emit=kr.bind(null,o),e.ce&&e.ce(o),o}var $=null,Vi=()=>$||U,Hi,Ui;{let e=le(),t=(t,n)=>{let r;return(r=e[t])||(r=e[t]=[]),r.push(n),e=>{r.length>1?r.forEach(t=>t(e)):r[0](e)}};Hi=t(`__VUE_INSTANCE_SETTERS__`,e=>$=e),Ui=t(`__VUE_SSR_SETTERS__`,e=>qi=e)}var Wi=e=>{let t=$;return Hi(e),e.scope.on(),()=>{e.scope.off(),Hi(t)}},Gi=()=>{$&&$.scope.off(),Hi(null)};function Ki(e){return e.vnode.shapeFlag&4}var qi=!1;function Ji(e,t=!1,n=!1){t&&Ui(t);let{props:r,children:i}=e.vnode,a=Ki(e);Ur(e,r,a,t),ni(e,i,n||t);let o=a?Yi(e,t):void 0;return t&&Ui(!1),o}function Yi(e,t){let n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,cr);let{setup:r}=n;if(r){Be();let n=e.setupContext=r.length>1?ta(e):null,i=Wi(e),a=$t(r,e,0,[e.props,n]),o=y(a);if(Ve(),i(),(o||e.sp)&&!Bn(e)&&Fn(e),o){if(a.then(Gi,Gi),t)return a.then(n=>{Xi(e,n,t)}).catch(t=>{en(t,e,0)});e.asyncDep=a}else Xi(e,a,t)}else $i(e,t)}function Xi(e,t,n){h(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:v(t)&&(e.setupState=Wt(t)),$i(e,n)}var Zi,Qi;function $i(e,t,n){let i=e.type;if(!e.render){if(!t&&Zi&&!i.render){let t=i.template||hr(e).template;if(t){let{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:a,compilerOptions:o}=i;i.render=Zi(t,s(s({isCustomElement:n,delimiters:a},r),o))}}e.render=i.render||r,Qi&&Qi(e)}{let t=Wi(e);Be();try{dr(e)}finally{Ve(),t()}}}var ea={get(e,t){return P(e,`get`,``),e[t]}};function ta(e){return{attrs:new Proxy(e.attrs,ea),slots:e.slots,emit:e.emit,expose:t=>{e.exposed=t||{}}}}function na(e){return e.exposed?e.exposeProxy||=new Proxy(Wt(Lt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in or)return or[n](e)},has(e,t){return t in e||t in or}}):e.proxy}function ra(e){return h(e)&&`__vccOpts`in e}var ia=(e,t)=>Kt(e,t,qi),aa=`3.5.40`,oa=void 0,sa=typeof window<`u`&&window.trustedTypes;if(sa)try{oa=sa.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ca=oa?e=>oa.createHTML(e):e=>e,la=`http://www.w3.org/2000/svg`,ua=`http://www.w3.org/1998/Math/MathML`,da=typeof document<`u`?document:null,fa=da&&da.createElement(`template`),pa={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?da.createElementNS(la,e):t===`mathml`?da.createElementNS(ua,e):n?da.createElement(e,{is:n}):da.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>da.createTextNode(e),createComment:e=>da.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>da.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{fa.innerHTML=ca(r===`svg`?`<svg>${e}</svg>`:r===`mathml`?`<math>${e}</math>`:e);let i=fa.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ma=Symbol(`_vtc`);function ha(e,t,n){let r=e[ma];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var ga=Symbol(`_vod`),_a=Symbol(`_vsh`),va={name:`show`,beforeMount(e,{value:t},{transition:n}){e[ga]=e.style.display===`none`?``:e.style.display,n&&t?n.beforeEnter(e):ya(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),ya(e,!0),r.enter(e)):r.leave(e,()=>{ya(e,!1)}):ya(e,t))},beforeUnmount(e,{value:t}){ya(e,t)}};function ya(e,t){e.style.display=t?e[ga]:`none`,e[_a]=!t}var ba=Symbol(``),xa=/(?:^|;)\s*display\s*:/;function Sa(e,t,n){let r=e.style,i=g(n),a=!1;if(n&&!i){if(t)if(g(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??wa(r,t,``)}else for(let e in t)n[e]??wa(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?wa(r,i,``):Oa(e,i,!g(t)&&t?t[i]:void 0,o)||wa(r,i,o)}}else if(i){if(t!==n){let e=r[ba];e&&(n+=`;`+e),r.cssText=n,a=xa.test(n)}}else t&&e.removeAttribute(`style`);ga in e&&(e[ga]=a?r.display:``,e[_a]&&(r.display=`none`))}var Ca=/\s*!important$/;function wa(e,t,n){if(d(n))n.forEach(n=>wa(e,t,n));else if(n??=``,t.startsWith(`--`))e.setProperty(t,n);else{let r=Da(e,t);Ca.test(n)?e.setProperty(E(r),n.replace(Ca,``),`important`):e[r]=n}}var Ta=[`Webkit`,`Moz`,`ms`],Ea={};function Da(e,t){let n=Ea[t];if(n)return n;let r=T(t);if(r!==`filter`&&r in e)return Ea[t]=r;r=ie(r);for(let n=0;n<Ta.length;n++){let i=Ta[n]+r;if(i in e)return Ea[t]=i}return t}function Oa(e,t,n,r){return e.tagName===`TEXTAREA`&&(t===`width`||t===`height`)&&g(r)&&n===r}var ka=`http://www.w3.org/1999/xlink`;function Aa(e,t,n,r,i,a=ge(t)){r&&t.startsWith(`xlink:`)?n==null?e.removeAttributeNS(ka,t.slice(6,t.length)):e.setAttributeNS(ka,t,n):n==null||a&&!_e(n)?e.removeAttribute(t):e.setAttribute(t,a?``:_(n)?String(n):n)}function ja(e,t,n,r,i){if(t===`innerHTML`||t===`textContent`){n!=null&&(e[t]=t===`innerHTML`?ca(n):n);return}let a=e.tagName;if(t===`value`&&a!==`PROGRESS`&&!a.includes(`-`)){let r=a===`OPTION`?e.getAttribute(`value`)||``:e.value,i=n==null?e.type===`checkbox`?`on`:``:String(n);(r!==i||!(`_value`in e))&&(e.value=i),n??e.removeAttribute(t),e._value=n;return}let o=!1;if(n===``||n==null){let r=typeof e[t];r===`boolean`?n=_e(n):n==null&&r===`string`?(n=``,o=!0):r===`number`&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function Ma(e,t,n,r){e.addEventListener(t,n,r)}function Na(e,t,n,r){e.removeEventListener(t,n,r)}var Pa=Symbol(`_vei`);function Fa(e,t,n,r,i=null){let a=e[Pa]||(e[Pa]={}),o=a[t];if(r&&o)o.value=r;else{let[n,s]=Ra(t);r?Ma(e,n,a[t]=Ha(r,i),s):o&&(Na(e,n,o,s),a[t]=void 0)}}var Ia=/(Once|Passive|Capture)$/,La=/^on:?(?:Once|Passive|Capture)$/;function Ra(e){let t,n;for(;(n=e.match(Ia))&&!La.test(e);)t||={},e=e.slice(0,e.length-n[1].length),t[n[1].toLowerCase()]=!0;return[e[2]===`:`?e.slice(3):E(e.slice(2)),t]}var za=0,Ba=Promise.resolve(),Va=()=>za||=(Ba.then(()=>za=0),Date.now());function Ha(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;let r=n.value;if(d(r)){let n=e.stopImmediatePropagation;e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0};let i=r.slice(),a=[e];for(let n=0;n<i.length&&!e._stopped;n++){let e=i[n];e&&B(e,t,5,a)}}else B(r,t,5,[e])};return n.value=e,n.attached=Va(),n}var Ua=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Wa=(e,t,n,r,i,s)=>{let c=i===`svg`;t===`class`?ha(e,r,c):t===`style`?Sa(e,n,r):a(t)?o(t)||Fa(e,t,n,r,s):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):Ga(e,t,r,c))?(ja(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&Aa(e,t,r,c,s,t!==`value`)):e._isVueCE&&(Ka(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!g(r)))?ja(e,T(t),r,s,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),Aa(e,t,r,c))};function Ga(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&Ua(t)&&h(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return Ua(t)&&g(n)?!1:t in e}function Ka(e,t){let n=e._def.props;if(!n)return!1;let r=T(t);return Array.isArray(n)?n.some(e=>T(e)===r):Object.keys(n).some(e=>T(e)===r)}var qa=e=>{let t=e.props[`onUpdate:modelValue`]||!1;return d(t)?e=>oe(t,e):t};function Ja(e){e.target.composing=!0}function Ya(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var Xa=Symbol(`_assign`);function Za(e,t,n){return t&&(e=e.trim()),n&&(e=se(e)),e}var Qa={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[Xa]=qa(i);let a=r||i.props&&i.props.type===`number`;Ma(e,t?`change`:`input`,t=>{t.target.composing||e[Xa](Za(e.value,n,a))}),(n||a)&&Ma(e,`change`,()=>{e.value=Za(e.value,n,a)}),t||(Ma(e,`compositionstart`,Ja),Ma(e,`compositionend`,Ya),Ma(e,`change`,Ya))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[Xa]=qa(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?se(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},$a={esc:`escape`,space:` `,up:`arrow-up`,left:`arrow-left`,right:`arrow-right`,down:`arrow-down`,delete:`backspace`},eo=(e,t)=>{let n=e._withKeys||={},r=t.join(`.`);return n[r]||(n[r]=(n=>{if(!(`key`in n))return;let r=E(n.key);if(t.some(e=>e===r||$a[e]===r))return e(n)}))},to=s({patchProp:Wa},pa),no;function ro(){return no||=ii(to)}var io=((...e)=>{let t=ro().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=oo(e);if(!r)return;let i=t._component;!h(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,ao(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function ao(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function oo(e){return g(e)?document.querySelector(e):e}function so(){let e=z(null),t=z(!1),n=z(null);function r(r){i(),e.value=r,t.value=!0,n.value=null}function i(){e.value=null,t.value=!1,n.value=null}return{streamUrl:e,isLive:t,error:n,start:r,stop:i}}function co(e){let t=4+e.length*8,n=new ArrayBuffer(t),r=new DataView(n);r.setUint32(0,e.length);let i=4,a=[n];for(let t of e)r.setUint32(i,t.timestamp),r.setUint32(i+4,t.blob.size),i+=8,a.push(t.blob);return new Blob(a,{type:`application/octet-stream`})}async function lo(e){let t=await e.arrayBuffer(),n=new DataView(t),r=n.getUint32(0),i=[],a=4;for(let e=0;e<r;e++){let e=n.getUint32(a),r=n.getUint32(a+4);a+=8,i.push({timestamp:e,blob:new Blob([t.slice(a,a+r)],{type:`image/jpeg`})}),a+=r}return i}function uo(e,t){let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}var fo=new Uint8Array([255,216]),po=new Uint8Array([255,217]);function mo(e,t,n=0){outer:for(let r=n;r<=e.length-t.length;r++){for(let n=0;n<t.length;n++)if(e[r+n]!==t[n])continue outer;return r}return-1}async function*ho(e){if(!e.body)throw Error(`Response body is null`);let t=e.body.getReader(),n=new Uint8Array,r=Date.now();try{for(;;){let{done:e,value:i}=await t.read();if(e)break;let a=new Uint8Array(n.length+i.length);for(a.set(n),a.set(i,n.length),n=a;;){let e=mo(n,fo);if(e===-1)break;let t=mo(n,po,e+2);if(t===-1)break;let i=n.subarray(e,t+2);i.length>100&&(yield{blob:new Blob([i],{type:`image/jpeg`}),timestamp:Date.now()-r}),n=n.subarray(t+2)}}}finally{t.releaseLock()}}function go(){let e=z(`idle`),t=z(0),n=z(0),r=z(null),i=[],a=0,o=null,s=null,c=!1;function l(){c=!1,s&&=(s.abort(),null),o&&=(clearInterval(o),null),i=[],n.value=0,t.value=0,e.value=`idle`}async function u(u){l(),a=Date.now(),e.value=`recording`,r.value=null,c=!0,o=setInterval(()=>{c&&(t.value=Date.now()-a)},100),s=new AbortController;try{let e=await fetch(u,{signal:s.signal,cache:`no-store`});if(!e.ok)throw Error(`HTTP ${e.status}: ${e.statusText}`);for await(let t of ho(e)){if(!c)break;i.push({timestamp:t.timestamp,blob:t.blob}),n.value=i.length}}catch(e){if(e.name===`AbortError`)return;r.value=e.message||String(e)}}function d(){if(e.value!==`recording`)return l(),!1;c=!1,s&&=(s.abort(),null),o&&=(clearInterval(o),null),t.value=Date.now()-a;let n=[...i];return i=[],n.length===0?(r.value=`No frames captured — check that the stream is accessible`,e.value=`idle`,!1):(uo(co(n),`recording-${new Date().toISOString().replace(/[:.]/g,`-`).slice(0,19)}.mjpeg`),r.value=null,e.value=`idle`,!0)}function f(){l(),r.value=null}function p(e){let t=Math.floor(Math.max(0,e)/1e3),n=Math.floor(t/60),r=t%60,i=Math.floor(Math.max(0,e)%1e3/10);return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}.${String(i).padStart(2,`0`)}`}return{recorderState:e,elapsedMs:t,frameCount:n,recorderError:r,startRecording:u,stopRecording:d,cancelRecording:f,formatElapsed:p}}var _o={class:`live-view`},vo={class:`video-container`},yo=[`src`],bo={key:1,class:`video-placeholder`},xo={key:0,class:`error-text`},So={key:1},Co={key:2,class:`live-badge`},wo=Pn({__name:`LiveView`,props:{streamUrl:{},isLive:{type:Boolean},error:{}},setup(e){return(t,n)=>(q(),J(`div`,_o,[Y(`div`,vo,[e.streamUrl&&e.isLive?(q(),J(`img`,{key:e.streamUrl,src:e.streamUrl,alt:`MJPEG Stream`,class:`video-frame`},null,8,yo)):(q(),J(`div`,bo,[e.error?(q(),J(`span`,xo,A(e.error),1)):(q(),J(`span`,So,`Stream not started — configure and apply a stream URL above`))])),e.isLive?(q(),J(`div`,Co,[...n[0]||=[Y(`span`,{class:`live-dot`},null,-1),Ni(` LIVE `,-1)]])):Pi(``,!0)])]))}}),To=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Eo=To(wo,[[`__scopeId`,`data-v-710ffa12`]]),Do={class:`recorder-controls`},Oo={class:`controls-row`},ko=[`disabled`],Ao={key:0,class:`recording-info`},jo={class:`rec-time`},Mo={class:`rec-frames`},No={key:1,class:`recorder-error`},Po=To(Pn({__name:`RecorderControls`,props:{state:{},elapsed:{},frameCount:{},isLive:{type:Boolean},error:{}},emits:[`start`,`stop`],setup(e,{emit:t}){let n=t;return(t,r)=>(q(),J(`div`,Do,[Y(`div`,Oo,[e.state===`idle`?(q(),J(`button`,{key:0,class:`btn btn-record`,disabled:!e.isLive,onClick:r[0]||=e=>n(`start`),title:`Start recording`},[...r[2]||=[Y(`span`,{class:`btn-icon`},`⏺`,-1),Ni(` Record `,-1)]],8,ko)):Pi(``,!0),e.state===`recording`?(q(),J(`button`,{key:1,class:`btn btn-stop`,onClick:r[1]||=e=>n(`stop`),title:`Stop and download recording`},[...r[3]||=[Y(`span`,{class:`btn-icon`},`⏹`,-1),Ni(` Stop & Download `,-1)]])):Pi(``,!0)]),e.state===`recording`?(q(),J(`div`,Ao,[r[4]||=Y(`span`,{class:`rec-dot`},null,-1),Y(`span`,jo,A(e.elapsed),1),Y(`span`,Mo,A(e.frameCount)+` frames`,1)])):Pi(``,!0),e.error?(q(),J(`div`,No,` ⚠ `+A(e.error),1)):Pi(``,!0)]))}}),[[`__scopeId`,`data-v-28c7ac14`]]),Fo={class:`playback-panel`},Io={class:`load-area`},Lo={key:0,class:`file-info`},Ro={key:1,class:`file-hint`},zo={key:0,class:`player-container`},Bo={class:`playback-controls`},Vo={class:`playback-time`},Ho={class:`progress-bar`},Uo=To(Pn({__name:`PlaybackPanel`,setup(e){let t=z(null),n=z(null),r=z(0),i=z(`00:00.00`),a=z(`idle`),o=z(null),s=[],c=0,l=0,u=0,d=0,f=0,p=0;function m(e){let t=Math.floor(e/1e3),n=Math.floor(t/60),r=t%60;return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}`}function h(e){let t=Math.floor(Math.max(0,e)/1e3),n=Math.floor(t/60),r=t%60,i=Math.floor(Math.max(0,e)%1e3/10);return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}.${String(i).padStart(2,`0`)}`}function g(){let e=t.value;if(!e)return null;let n=e.getContext(`2d`);return n?{canvas:e,ctx:n}:null}function _(e,t,n,o,s){if(a.value!==`playing`)return;if(n>=e.length){x();return}l=n;let c=e[n],f=performance.now()-u-d;r.value=Math.min(f/t*100,100),i.value=h(f);let m=new Image,g=URL.createObjectURL(c.blob);m.onload=()=>{URL.revokeObjectURL(g),(o.width!==m.width||o.height!==m.height)&&(o.width=m.width,o.height=m.height),s.drawImage(m,0,0);let r=n+1;if(r<e.length){let n=e[r].timestamp-c.timestamp;p=window.setTimeout(()=>_(e,t,r,o,s),Math.max(n,16))}else p=window.setTimeout(()=>x(),500)},m.src=g}async function v(e,t){x();let n=g();n&&(s=e,c=t,a.value=`playing`,l=0,d=0,u=performance.now(),_(s,c,0,n.canvas,n.ctx))}function y(){a.value===`playing`&&(a.value=`paused`,f=performance.now(),p&&=(clearTimeout(p),0))}function b(){if(a.value!==`paused`)return;let e=g();e&&(d+=performance.now()-f,a.value=`playing`,_(s,c,l,e.canvas,e.ctx))}function x(){a.value=`idle`,r.value=0,i.value=`00:00.00`,l=0,s=[],c=0,p&&=(clearTimeout(p),0);let e=t.value;e&&e.getContext(`2d`)?.clearRect(0,0,e.width,e.height)}async function S(e){let t=e.target,n=t.files?.[0];if(n){x();try{let e=await lo(n);o.value={name:n.name,duration:e.length>0?e[e.length-1].timestamp:0,frameCount:e.length,data:n},await v(e,o.value.duration)}catch(e){o.value=null,alert(`Failed to load recording: ${e.message||e}`)}t.value=``}}return $n(()=>{x()}),(e,s)=>(q(),J(`div`,Fo,[s[1]||=Y(`h2`,{class:`section-title`},`Playback`,-1),Y(`div`,Io,[Y(`input`,{ref_key:`fileInputRef`,ref:n,type:`file`,accept:`.mjpeg`,class:`file-input-hidden`,onChange:S},null,544),Y(`button`,{class:`btn btn-load`,onClick:s[0]||=e=>n.value?.click()},` 📂 Load Recording File `),o.value?(q(),J(`span`,Lo,A(o.value.name)+` · `+A(o.value.frameCount)+` frames · `+A(m(o.value.duration)),1)):(q(),J(`span`,Ro,`Select a .mjpeg file to play back`))]),a.value===`idle`?Pi(``,!0):(q(),J(`div`,zo,[Y(`canvas`,{ref_key:`canvasRef`,ref:t,class:`playback-canvas`},null,512),Y(`div`,Bo,[a.value===`playing`?(q(),J(`button`,{key:0,class:`btn btn-sm btn-pause`,onClick:y},` ⏸ Pause `)):Pi(``,!0),a.value===`paused`?(q(),J(`button`,{key:1,class:`btn btn-sm btn-play`,onClick:b},` ▶ Resume `)):Pi(``,!0),Y(`button`,{class:`btn btn-sm btn-stop-play`,onClick:x},` ⏹ Stop `),Y(`span`,Vo,A(i.value),1)]),Y(`div`,Ho,[Y(`div`,{class:`progress-fill`,style:ue({width:r.value+`%`})},null,4)])]))]))}}),[[`__scopeId`,`data-v-42941ea7`]]),Wo=`mjpeg-viewer-config`,Go={mjpegUrl:`http://localhost:8080/stream`};function Ko(){try{let e=localStorage.getItem(Wo);if(e)return{...Go,...JSON.parse(e)}}catch{}return{...Go}}function qo(e){localStorage.setItem(Wo,JSON.stringify(e))}var Jo=Ko();function Yo(e){return Object.assign(Jo,e),qo(Jo),Jo}var Xo={class:`config-panel`},Zo={class:`config-row`},Qo={class:`input-group`},$o={key:0,class:`save-hint`},es=To(Pn({__name:`ConfigPanel`,emits:[`apply`],setup(e,{emit:t}){let n=z(Jo.mjpegUrl),r=z(!1);function i(){Yo({mjpegUrl:n.value.trim()}),r.value=!0,setTimeout(()=>{r.value=!1},2e3)}let a=t;function o(){i(),a(`apply`,n.value.trim())}return(e,t)=>(q(),J(`div`,Xo,[t[2]||=Y(`h2`,{class:`section-title`},`Stream Configuration`,-1),Y(`div`,Zo,[t[1]||=Y(`label`,{class:`config-label`,for:`mjpeg-url`},`MJPEG Stream URL`,-1),Y(`div`,Qo,[bn(Y(`input`,{id:`mjpeg-url`,"onUpdate:modelValue":t[0]||=e=>n.value=e,type:`text`,class:`config-input`,placeholder:`http://example.com:8080/stream`,onKeyup:eo(o,[`enter`])},null,544),[[Qa,n.value]]),Y(`button`,{class:`btn btn-apply`,onClick:o},` Apply & Connect `)]),r.value?(q(),J(`span`,$o,`✓ Saved`)):Pi(``,!0)])]))}}),[[`__scopeId`,`data-v-1bf23d59`]]),ts={class:`app-shell`},ns={class:`app-header`},rs={key:0,class:`status-badge live`},is={key:1,class:`status-badge idle`},as={class:`app-main`},os={class:`tab-bar`},ss={class:`tab-content`},cs={class:`tab-content`};io(Pn({__name:`App`,setup(e){let{streamUrl:t,isLive:n,error:r,start:i,stop:a}=so(),{recorderState:o,elapsedMs:s,frameCount:c,recorderError:l,startRecording:u,stopRecording:d,formatElapsed:f}=go(),p=z(`live`);function m(e){i(e)}function h(){t.value&&u(t.value)}function g(){d()}let _=ia(()=>f(s.value));return $n(()=>{a()}),(e,i)=>(q(),J(`div`,ts,[Y(`header`,ns,[i[2]||=Y(`h1`,{class:`app-title`},`MJPEG Stream Viewer`,-1),Ht(n)?(q(),J(`span`,rs,`● Stream Active`)):(q(),J(`span`,is,`○ Disconnected`))]),Y(`main`,as,[X(es,{onApply:m}),Y(`div`,os,[Y(`button`,{class:k([`tab-btn`,{active:p.value===`live`}]),onClick:i[0]||=e=>p.value=`live`},` Live View `,2),Y(`button`,{class:k([`tab-btn`,{active:p.value===`playback`}]),onClick:i[1]||=e=>p.value=`playback`},` Playback `,2)]),bn(Y(`section`,ss,[X(Eo,{"stream-url":Ht(t),"is-live":Ht(n),error:Ht(r)},null,8,[`stream-url`,`is-live`,`error`]),X(Po,{state:Ht(o),elapsed:_.value,"frame-count":Ht(c),"is-live":Ht(n),error:Ht(l),onStart:h,onStop:g},null,8,[`state`,`elapsed`,`frame-count`,`is-live`,`error`])],512),[[va,p.value===`live`]]),bn(Y(`section`,cs,[X(Uo,{ref:`playbackRef`},null,512)],512),[[va,p.value===`playback`]])])]))}})).mount(`#app`);
\ No newline at end of file
diff --git a/dist/assets/index-Deon0U_J.css b/dist/assets/index-Deon0U_J.css
deleted file mode 100644
index 60fd183..0000000
--- a/dist/assets/index-Deon0U_J.css
+++ /dev/null
@@ -1 +0,0 @@
-.live-view[data-v-710ffa12]{width:100%}.video-container[data-v-710ffa12]{aspect-ratio:16/9;background:#1a1a2e;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-frame[data-v-710ffa12]{object-fit:contain;width:100%;height:100%}.video-placeholder[data-v-710ffa12]{color:#666;text-align:center;padding:2rem;font-size:1.1rem}.error-text[data-v-710ffa12]{color:#e74c3c}.live-badge[data-v-710ffa12]{color:#f44;letter-spacing:.1em;background:#000000a6;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.live-dot[data-v-710ffa12]{background:#f44;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-710ffa12}@keyframes pulse-710ffa12{0%,to{opacity:1}50%{opacity:.3}}.recorder-controls[data-v-28c7ac14]{flex-direction:column;align-items:center;gap:10px;display:flex}.controls-row[data-v-28c7ac14]{gap:10px;display:flex}.btn[data-v-28c7ac14]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.btn[data-v-28c7ac14]:active:not(:disabled){transform:scale(.97)}.btn[data-v-28c7ac14]:disabled{opacity:.45;cursor:not-allowed}.btn-icon[data-v-28c7ac14]{font-size:1.1rem}.btn-record[data-v-28c7ac14]{color:#fff;background:#e74c3c}.btn-record[data-v-28c7ac14]:hover:not(:disabled){background:#c0392b}.btn-stop[data-v-28c7ac14]{color:#fff;background:#e74c3c}.btn-stop[data-v-28c7ac14]:hover{background:#c0392b}.recording-info[data-v-28c7ac14]{color:#e74c3c;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:.9rem;display:flex}.rec-dot[data-v-28c7ac14]{background:#e74c3c;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite pulse-28c7ac14}@keyframes pulse-28c7ac14{0%,to{opacity:1}50%{opacity:.3}}.rec-time[data-v-28c7ac14]{font-weight:700}.rec-frames[data-v-28c7ac14]{color:#999}.recorder-error[data-v-28c7ac14]{color:#f39c12;word-break:break-all;background:#f39c121a;border-radius:4px;max-width:100%;padding:6px 12px;font-size:.85rem}.playback-panel[data-v-42941ea7]{width:100%}.section-title[data-v-42941ea7]{color:#ddd;margin:0 0 16px;font-size:1.2rem;font-weight:600}.load-area[data-v-42941ea7]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.file-input-hidden[data-v-42941ea7]{display:none}.file-info[data-v-42941ea7]{color:#27ae60;font-size:.9rem}.file-hint[data-v-42941ea7]{color:#666;font-size:.85rem}.player-container[data-v-42941ea7]{background:#1a1a2e;border-radius:8px;margin-bottom:20px;overflow:hidden}.playback-canvas[data-v-42941ea7]{object-fit:contain;width:100%;max-height:480px;display:block}.playback-controls[data-v-42941ea7]{align-items:center;gap:10px;padding:10px 14px;display:flex}.playback-time[data-v-42941ea7]{font-variant-numeric:tabular-nums;color:#aaa;margin-left:auto;font-size:.9rem}.progress-bar[data-v-42941ea7]{background:#333;height:3px}.progress-fill[data-v-42941ea7]{background:#3498db;height:100%;transition:width .1s linear}.btn[data-v-42941ea7]{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.btn[data-v-42941ea7]:active{transform:scale(.97)}.btn-sm[data-v-42941ea7]{padding:5px 12px;font-size:.82rem}.btn-load[data-v-42941ea7]{color:#fff;background:#3498db}.btn-load[data-v-42941ea7]:hover{background:#2980b9}.btn-play[data-v-42941ea7]{color:#fff;background:#27ae60}.btn-play[data-v-42941ea7]:hover{background:#219a52}.btn-pause[data-v-42941ea7]{color:#fff;background:#f39c12}.btn-pause[data-v-42941ea7]:hover{background:#d68910}.btn-stop-play[data-v-42941ea7]{color:#fff;background:#555}.btn-stop-play[data-v-42941ea7]:hover{background:#444}.config-panel[data-v-1bf23d59]{width:100%}.section-title[data-v-1bf23d59]{color:#ddd;margin:0 0 16px;font-size:1.2rem;font-weight:600}.config-row[data-v-1bf23d59]{flex-direction:column;gap:8px;display:flex}.config-label[data-v-1bf23d59]{color:#aaa;font-size:.9rem;font-weight:500}.input-group[data-v-1bf23d59]{gap:8px;display:flex}.config-input[data-v-1bf23d59]{color:#ddd;background:#1a1a2e;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-family:Courier New,monospace;font-size:.9rem;transition:border-color .2s}.config-input[data-v-1bf23d59]:focus{border-color:#3498db}.btn[data-v-1bf23d59]{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s}.btn[data-v-1bf23d59]:active{transform:scale(.97)}.btn-apply[data-v-1bf23d59]{color:#fff;background:#3498db}.btn-apply[data-v-1bf23d59]:hover{background:#2980b9}.save-hint[data-v-1bf23d59]{color:#27ae60;font-size:.8rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0e0e1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-shell{max-width:900px;margin:0 auto;padding:24px 20px 40px}.app-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.app-title{color:#fff;font-size:1.6rem;font-weight:700}.status-badge{border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:600}.status-badge.live{color:#27ae60;background:#27ae6026}.status-badge.idle{color:#888;background:#96969626}.app-main{flex-direction:column;gap:24px;display:flex}.tab-bar{border-bottom:2px solid #1a1a2e;gap:0;display:flex}.tab-btn{color:#777;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:#bbb}.tab-btn.active{color:#3498db;border-bottom-color:#3498db}.tab-content{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
diff --git a/dist/assets/index-aL8cGzGF.js b/dist/assets/index-aL8cGzGF.js
new file mode 100644
index 0000000..927a35c
--- /dev/null
+++ b/dist/assets/index-aL8cGzGF.js
@@ -0,0 +1 @@
+(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e){let t=Object.create(null);for(let n of e.split(`,`))t[n]=1;return e=>e in t}var t={},n=[],r=()=>{},i=()=>!1,a=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),o=e=>e.startsWith(`onUpdate:`),s=Object.assign,c=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)},l=Object.prototype.hasOwnProperty,u=(e,t)=>l.call(e,t),d=Array.isArray,f=e=>x(e)===`[object Map]`,p=e=>x(e)===`[object Set]`,m=e=>x(e)===`[object Date]`,h=e=>typeof e==`function`,g=e=>typeof e==`string`,_=e=>typeof e==`symbol`,v=e=>typeof e==`object`&&!!e,y=e=>(v(e)||h(e))&&h(e.then)&&h(e.catch),b=Object.prototype.toString,x=e=>b.call(e),S=e=>x(e).slice(8,-1),C=e=>x(e)===`[object Object]`,w=e=>g(e)&&e!==`NaN`&&e[0]!==`-`&&``+parseInt(e,10)===e,ee=e(`,key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted`),te=e=>{let t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},ne=/-\w/g,T=te(e=>e.replace(ne,e=>e.slice(1).toUpperCase())),re=/\B([A-Z])/g,E=te(e=>e.replace(re,`-$1`).toLowerCase()),ie=te(e=>e.charAt(0).toUpperCase()+e.slice(1)),ae=te(e=>e?`on${ie(e)}`:``),D=(e,t)=>!Object.is(e,t),oe=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},O=(e,t,n,r=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},se=e=>{let t=parseFloat(e);return isNaN(t)?e:t},ce,le=()=>ce||=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof window<`u`?window:typeof global<`u`?global:{};function ue(e){if(d(e)){let t={};for(let n=0;n<e.length;n++){let r=e[n],i=g(r)?me(r):ue(r);if(i)for(let e in i)t[e]=i[e]}return t}if(g(e)||v(e))return e}var de=/;(?![^(]*\))/g,fe=/:([^]+)/,pe=/\/\*[^]*?\*\//g;function me(e){let t={};return e.replace(pe,``).split(de).forEach(e=>{if(e){let n=e.split(fe);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function k(e){let t=``;if(g(e))t=e;else if(d(e))for(let n=0;n<e.length;n++){let r=k(e[n]);r&&(t+=r+` `)}else if(v(e))for(let n in e)e[n]&&(t+=n+` `);return t.trim()}var he=`itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`,ge=e(he);he+``;function _e(e){return!!e||e===``}function ve(e,t){if(e.length!==t.length)return!1;let n=!0;for(let r=0;n&&r<e.length;r++)n=ye(e[r],t[r]);return n}function ye(e,t){if(e===t)return!0;let n=m(e),r=m(t);if(n||r)return n&&r?e.getTime()===t.getTime():!1;if(n=_(e),r=_(t),n||r)return e===t;if(n=d(e),r=d(t),n||r)return n&&r?ve(e,t):!1;if(n=v(e),r=v(t),n||r){if(!n||!r||Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e){let r=e.hasOwnProperty(n),i=t.hasOwnProperty(n);if(r&&!i||!r&&i||!ye(e[n],t[n]))return!1}}return String(e)===String(t)}var be=e=>!!(e&&e.__v_isRef===!0),xe=e=>g(e)?e:e==null?``:d(e)||v(e)&&(e.toString===b||!h(e.toString))?be(e)?xe(e.value):JSON.stringify(e,Se,2):String(e),Se=(e,t)=>be(t)?Se(e,t.value):f(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,n],r)=>(e[Ce(t,r)+` =>`]=n,e),{})}:p(t)?{[`Set(${t.size})`]:[...t.values()].map(e=>Ce(e))}:_(t)?Ce(t):v(t)&&!d(t)&&!C(t)?String(t):t,Ce=(e,t=``)=>_(e)?`Symbol(${e.description??t})`:e,A,we=class{constructor(e=!1){this.detached=e,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this._warnOnRun=!0,this.__v_skip=!0,!e&&A&&(A.active?(this.parent=A,this.index=(A.scopes||(A.scopes=[])).push(this)-1):(this._active=!1,this._warnOnRun=!1))}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let e,t;if(this.scopes){let n=this.scopes.slice();for(e=0,t=n.length;e<t;e++)n[e].pause()}for(e=0,t=this.effects.length;e<t;e++)this.effects[e].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let e,t;if(this.scopes){let n=this.scopes.slice();for(e=0,t=n.length;e<t;e++)n[e].resume()}let n=this.effects.slice();for(e=0,t=n.length;e<t;e++)n[e].resume()}}run(e){if(this._active){let t=A;try{return A=this,e()}finally{A=t}}}on(){++this._on===1&&(this.prevScope=A,A=this)}off(){if(this._on>0&&--this._on===0){if(A===this)A=this.prevScope;else{let e=A;for(;e;){if(e.prevScope===this){e.prevScope=this.prevScope;break}e=e.prevScope}}this.prevScope=void 0}}stop(e){if(this._active){this._active=!1;let t,n;for(t=0,n=this.effects.length;t<n;t++)this.effects[t].stop();for(this.effects.length=0,t=0,n=this.cleanups.length;t<n;t++)this.cleanups[t]();if(this.cleanups.length=0,this.scopes){let e=this.scopes.slice();for(t=0,n=e.length;t<n;t++)e[t].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!e){let e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.parent=void 0}}};function Te(){return A}var j,Ee=new WeakSet,De=class{constructor(e){this.fn=e,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,A&&(A.active?A.effects.push(this):this.flags&=-2)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,Ee.has(this)&&(Ee.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||je(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,Ue(this),Pe(this);let e=j,t=M;j=this,M=!0;try{return this.fn()}finally{Fe(this),j=e,M=t,this.flags&=-3}}stop(){if(this.flags&1){for(let e=this.deps;e;e=e.nextDep)Re(e);this.deps=this.depsTail=void 0,Ue(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?Ee.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){Ie(this)&&this.run()}get dirty(){return Ie(this)}},Oe=0,ke,Ae;function je(e,t=!1){if(e.flags|=8,t){e.next=Ae,Ae=e;return}e.next=ke,ke=e}function Me(){Oe++}function Ne(){if(--Oe>0)return;if(Ae){let e=Ae;for(Ae=void 0;e;){let t=e.next;e.next=void 0,e.flags&=-9,e=t}}let e;for(;ke;){let t=ke;for(ke=void 0;t;){let n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(t){e||=t}t=n}}if(e)throw e}function Pe(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function Fe(e){let t,n=e.depsTail,r=n;for(;r;){let e=r.prevDep;r.version===-1?(r===n&&(n=e),Re(r),ze(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=e}e.deps=t,e.depsTail=n}function Ie(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Le(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Le(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===We)||(e.globalVersion=We,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!Ie(e))))return;e.flags|=2;let t=e.dep,n=j,r=M;j=e,M=!0;try{Pe(e);let n=e.fn(e._value);(t.version===0||D(n,e._value))&&(e.flags|=128,e._value=n,t.version++)}catch(e){throw t.version++,e}finally{j=n,M=r,Fe(e),e.flags&=-3}}function Re(e,t=!1){let{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let e=n.computed.deps;e;e=e.nextDep)Re(e,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function ze(e){let{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}var M=!0,Be=[];function Ve(){Be.push(M),M=!1}function He(){let e=Be.pop();M=e===void 0||e}function Ue(e){let{cleanup:t}=e;if(e.cleanup=void 0,t){let e=j;j=void 0;try{t()}finally{j=e}}}var We=0,Ge=class{constructor(e,t){this.sub=e,this.dep=t,this.version=t.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}},Ke=class{constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(e){if(!j||!M||j===this.computed)return;let t=this.activeLink;if(t===void 0||t.sub!==j)t=this.activeLink=new Ge(j,this),j.deps?(t.prevDep=j.depsTail,j.depsTail.nextDep=t,j.depsTail=t):j.deps=j.depsTail=t,qe(t);else if(t.version===-1&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=j.depsTail,t.nextDep=void 0,j.depsTail.nextDep=t,j.depsTail=t,j.deps===t&&(j.deps=e)}return t}trigger(e){this.version++,We++,this.notify(e)}notify(e){Me();try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()&&e.sub.dep.notify()}finally{Ne()}}};function qe(e){if(e.dep.sc++,e.sub.flags&4){let t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let e=t.deps;e;e=e.nextDep)qe(e)}let n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}var Je=new WeakMap,Ye=Symbol(``),Xe=Symbol(``),Ze=Symbol(``);function N(e,t,n){if(M&&j){let t=Je.get(e);t||Je.set(e,t=new Map);let r=t.get(n);r||(t.set(n,r=new Ke),r.map=t,r.key=n),r.track()}}function Qe(e,t,n,r,i,a){let o=Je.get(e);if(!o){We++;return}let s=e=>{e&&e.trigger()};if(Me(),t===`clear`)o.forEach(s);else{let i=d(e),a=i&&w(n);if(i&&n===`length`){let e=Number(r);o.forEach((t,n)=>{(n===`length`||n===Ze||!_(n)&&n>=e)&&s(t)})}else switch((n!==void 0||o.has(void 0))&&s(o.get(n)),a&&s(o.get(Ze)),t){case`add`:i?a&&s(o.get(`length`)):(s(o.get(Ye)),f(e)&&s(o.get(Xe)));break;case`delete`:i||(s(o.get(Ye)),f(e)&&s(o.get(Xe)));break;case`set`:f(e)&&s(o.get(Ye))}}Ne()}function $e(e){let t=I(e);return t===e?t:(N(t,`iterate`,Ze),F(e)?t:t.map(zt))}function et(e){return N(e=I(e),`iterate`,Ze),e}function P(e,t){return It(e)?Bt(Ft(e)?zt(t):t):zt(t)}var tt={__proto__:null,[Symbol.iterator](){return nt(this,Symbol.iterator,e=>P(this,e))},concat(...e){return $e(this).concat(...e.map(e=>d(e)?$e(e):e))},entries(){return nt(this,`entries`,e=>(e[1]=P(this,e[1]),e))},every(e,t){return it(this,`every`,e,t,void 0,arguments)},filter(e,t){return it(this,`filter`,e,t,e=>e.map(e=>P(this,e)),arguments)},find(e,t){return it(this,`find`,e,t,e=>P(this,e),arguments)},findIndex(e,t){return it(this,`findIndex`,e,t,void 0,arguments)},findLast(e,t){return it(this,`findLast`,e,t,e=>P(this,e),arguments)},findLastIndex(e,t){return it(this,`findLastIndex`,e,t,void 0,arguments)},forEach(e,t){return it(this,`forEach`,e,t,void 0,arguments)},includes(...e){return ot(this,`includes`,e)},indexOf(...e){return ot(this,`indexOf`,e)},join(e){return $e(this).join(e)},lastIndexOf(...e){return ot(this,`lastIndexOf`,e)},map(e,t){return it(this,`map`,e,t,void 0,arguments)},pop(){return st(this,`pop`)},push(...e){return st(this,`push`,e)},reduce(e,...t){return at(this,`reduce`,e,t)},reduceRight(e,...t){return at(this,`reduceRight`,e,t)},shift(){return st(this,`shift`)},some(e,t){return it(this,`some`,e,t,void 0,arguments)},splice(...e){return st(this,`splice`,e)},toReversed(){return $e(this).toReversed()},toSorted(e){return $e(this).toSorted(e)},toSpliced(...e){return $e(this).toSpliced(...e)},unshift(...e){return st(this,`unshift`,e)},values(){return nt(this,`values`,e=>P(this,e))}};function nt(e,t,n){let r=et(e),i=r[t]();return r!==e&&!F(e)&&(i._next=i.next,i.next=()=>{let e=i._next();return e.done||(e.value=n(e.value)),e}),i}var rt=Array.prototype;function it(e,t,n,r,i,a){let o=et(e),s=o!==e&&!F(e),c=o[t];if(c!==rt[t]){let t=c.apply(e,a);return s?zt(t):t}let l=n;o!==e&&(s?l=function(t,r){return n.call(this,P(e,t),r,e)}:n.length>2&&(l=function(t,r){return n.call(this,t,r,e)}));let u=c.call(o,l,r);return s&&i?i(u):u}function at(e,t,n,r){let i=et(e),a=i!==e&&!F(e),o=n,s=!1;i!==e&&(a?(s=r.length===0,o=function(t,r,i){return s&&(s=!1,t=P(e,t)),n.call(this,t,P(e,r),i,e)}):n.length>3&&(o=function(t,r,i){return n.call(this,t,r,i,e)}));let c=i[t](o,...r);return s?P(e,c):c}function ot(e,t,n){let r=I(e);N(r,`iterate`,Ze);let i=r[t](...n);return(i===-1||i===!1)&&Lt(n[0])?(n[0]=I(n[0]),r[t](...n)):i}function st(e,t,n=[]){Ve(),Me();let r=I(e)[t].apply(e,n);return Ne(),He(),r}var ct=e(`__proto__,__v_isRef,__isVue`),lt=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!==`arguments`&&e!==`caller`).map(e=>Symbol[e]).filter(_));function ut(e){_(e)||(e=String(e));let t=I(this);return N(t,`has`,e),t.hasOwnProperty(e)}var dt=class{constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}get(e,t,n){if(t===`__v_skip`)return e.__v_skip;let r=this._isReadonly,i=this._isShallow;if(t===`__v_isReactive`)return!r;if(t===`__v_isReadonly`)return r;if(t===`__v_isShallow`)return i;if(t===`__v_raw`)return n===(r?i?kt:Ot:i?Dt:Et).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(n)?e:void 0;let a=d(e);if(!r){let e;if(a&&(e=tt[t]))return e;if(t===`hasOwnProperty`)return ut}let o=Reflect.get(e,t,L(e)?e:n);if((_(t)?lt.has(t):ct(t))||(r||N(e,`get`,t),i))return o;if(L(o)){let e=a&&w(t)?o:o.value;return r&&v(e)?Nt(e):e}return v(o)?r?Nt(o):jt(o):o}},ft=class extends dt{constructor(e=!1){super(!1,e)}set(e,t,n,r){let i=e[t],a=d(e)&&w(t);if(!this._isShallow){let e=It(i);if(!F(n)&&!It(n)&&(i=I(i),n=I(n)),!a&&L(i)&&!L(n))return e||(i.value=n),!0}let o=a?Number(t)<e.length:u(e,t),s=Reflect.set(e,t,n,L(e)?e:r);return e===I(r)&&s&&(o?D(n,i)&&Qe(e,`set`,t,n,i):Qe(e,`add`,t,n)),s}deleteProperty(e,t){let n=u(e,t),r=e[t],i=Reflect.deleteProperty(e,t);return i&&n&&Qe(e,`delete`,t,void 0,r),i}has(e,t){let n=Reflect.has(e,t);return(!_(t)||!lt.has(t))&&N(e,`has`,t),n}ownKeys(e){return N(e,`iterate`,d(e)?`length`:Ye),Reflect.ownKeys(e)}},pt=class extends dt{constructor(e=!1){super(!0,e)}set(e,t){return!0}deleteProperty(e,t){return!0}},mt=new ft,ht=new pt,gt=new ft(!0),_t=e=>e,vt=e=>Reflect.getPrototypeOf(e);function yt(e,t,n){return function(...r){let i=this.__v_raw,a=I(i),o=f(a),c=e===`entries`||e===Symbol.iterator&&o,l=e===`keys`&&o,u=i[e](...r),d=n?_t:t?Bt:zt;return!t&&N(a,`iterate`,l?Xe:Ye),s(Object.create(u),{next(){let{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:c?[d(e[0]),d(e[1])]:d(e),done:t}}})}}function bt(e){return function(...t){return e===`delete`?!1:e===`clear`?void 0:this}}function xt(e,t){let n={get(n){let r=this.__v_raw,i=I(r),a=I(n);e||(D(n,a)&&N(i,`get`,n),N(i,`get`,a));let{has:o}=vt(i),s=t?_t:e?Bt:zt;if(o.call(i,n))return s(r.get(n));if(o.call(i,a))return s(r.get(a));r!==i&&r.get(n)},get size(){let t=this.__v_raw;return!e&&N(I(t),`iterate`,Ye),t.size},has(t){let n=this.__v_raw,r=I(n),i=I(t);return e||(D(t,i)&&N(r,`has`,t),N(r,`has`,i)),t===i?n.has(t):n.has(t)||n.has(i)},forEach(n,r){let i=this,a=i.__v_raw,o=I(a),s=t?_t:e?Bt:zt;return!e&&N(o,`iterate`,Ye),a.forEach((e,t)=>n.call(r,s(e),s(t),i))}};return s(n,e?{add:bt(`add`),set:bt(`set`),delete:bt(`delete`),clear:bt(`clear`)}:{add(e){let n=I(this),r=vt(n),i=I(e),a=!t&&!F(e)&&!It(e)?i:e;return r.has.call(n,a)||D(e,a)&&r.has.call(n,e)||D(i,a)&&r.has.call(n,i)||(n.add(a),Qe(n,`add`,a,a)),this},set(e,n){!t&&!F(n)&&!It(n)&&(n=I(n));let r=I(this),{has:i,get:a}=vt(r),o=i.call(r,e);o||=(e=I(e),i.call(r,e));let s=a.call(r,e);return r.set(e,n),o?D(n,s)&&Qe(r,`set`,e,n,s):Qe(r,`add`,e,n),this},delete(e){let t=I(this),{has:n,get:r}=vt(t),i=n.call(t,e);i||=(e=I(e),n.call(t,e));let a=r?r.call(t,e):void 0,o=t.delete(e);return i&&Qe(t,`delete`,e,void 0,a),o},clear(){let e=I(this),t=e.size!==0,n=e.clear();return t&&Qe(e,`clear`,void 0,void 0,void 0),n}}),[`keys`,`values`,`entries`,Symbol.iterator].forEach(r=>{n[r]=yt(r,e,t)}),n}function St(e,t){let n=xt(e,t);return(t,r,i)=>r===`__v_isReactive`?!e:r===`__v_isReadonly`?e:r===`__v_raw`?t:Reflect.get(u(n,r)&&r in t?n:t,r,i)}var Ct={get:St(!1,!1)},wt={get:St(!1,!0)},Tt={get:St(!0,!1)},Et=new WeakMap,Dt=new WeakMap,Ot=new WeakMap,kt=new WeakMap;function At(e){switch(e){case`Object`:case`Array`:return 1;case`Map`:case`Set`:case`WeakMap`:case`WeakSet`:return 2;default:return 0}}function jt(e){return It(e)?e:Pt(e,!1,mt,Ct,Et)}function Mt(e){return Pt(e,!1,gt,wt,Dt)}function Nt(e){return Pt(e,!0,ht,Tt,Ot)}function Pt(e,t,n,r,i){if(!v(e)||e.__v_raw&&!(t&&e.__v_isReactive)||e.__v_skip||!Object.isExtensible(e))return e;let a=i.get(e);if(a)return a;let o=At(S(e));if(o===0)return e;let s=new Proxy(e,o===2?r:n);return i.set(e,s),s}function Ft(e){return It(e)?Ft(e.__v_raw):!!(e&&e.__v_isReactive)}function It(e){return!!(e&&e.__v_isReadonly)}function F(e){return!!(e&&e.__v_isShallow)}function Lt(e){return e?!!e.__v_raw:!1}function I(e){let t=e&&e.__v_raw;return t?I(t):e}function Rt(e){return!u(e,`__v_skip`)&&Object.isExtensible(e)&&O(e,`__v_skip`,!0),e}var zt=e=>v(e)?jt(e):e,Bt=e=>v(e)?Nt(e):e;function L(e){return e?e.__v_isRef===!0:!1}function R(e){return Vt(e,!1)}function Vt(e,t){return L(e)?e:new Ht(e,t)}var Ht=class{constructor(e,t){this.dep=new Ke,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:I(e),this._value=t?e:zt(e),this.__v_isShallow=t}get value(){return this.dep.track(),this._value}set value(e){let t=this._rawValue,n=this.__v_isShallow||F(e)||It(e);e=n?e:I(e),D(e,t)&&(this._rawValue=e,this._value=n?e:zt(e),this.dep.trigger())}};function Ut(e){return L(e)?e.value:e}var Wt={get:(e,t,n)=>t===`__v_raw`?e:Ut(Reflect.get(e,t,n)),set:(e,t,n,r)=>{let i=e[t];return L(i)&&!L(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Gt(e){return Ft(e)?e:new Proxy(e,Wt)}var Kt=class{constructor(e,t,n){this.fn=e,this.setter=t,this._value=void 0,this.dep=new Ke(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=We-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!t,this.isSSR=n}notify(){if(this.flags|=16,!(this.flags&8)&&j!==this)return je(this,!0),!0}get value(){let e=this.dep.track();return Le(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}};function qt(e,t,n=!1){let r,i;return h(e)?r=e:(r=e.get,i=e.set),new Kt(r,i,n)}var Jt={},Yt=new WeakMap,Xt=void 0;function Zt(e,t=!1,n=Xt){if(n){let t=Yt.get(n);t||Yt.set(n,t=[]),t.push(e)}}function Qt(e,n,i=t){let{immediate:a,deep:o,once:s,scheduler:l,augmentJob:u,call:f}=i,p=e=>o?e:F(e)||o===!1||o===0?$t(e,1):$t(e),m,g,_,v,y=!1,b=!1;if(L(e)?(g=()=>e.value,y=F(e)):Ft(e)?(g=()=>p(e),y=!0):d(e)?(b=!0,y=e.some(e=>Ft(e)||F(e)),g=()=>e.map(e=>{if(L(e))return e.value;if(Ft(e))return p(e);if(h(e))return f?f(e,2):e()})):g=h(e)?n?f?()=>f(e,2):e:()=>{if(_){Ve();try{_()}finally{He()}}let t=Xt;Xt=m;try{return f?f(e,3,[v]):e(v)}finally{Xt=t}}:r,n&&o){let e=g,t=o===!0?1/0:o;g=()=>$t(e(),t)}let x=Te(),S=()=>{m.stop(),x&&x.active&&c(x.effects,m)};if(s&&n){let e=n;n=(...t)=>{let n=e(...t);return S(),n}}let C=b?Array(e.length).fill(Jt):Jt,w=e=>{if(!(!(m.flags&1)||!m.dirty&&!e))if(n){let t=m.run();if(e||o||y||(b?t.some((e,t)=>D(e,C[t])):D(t,C))){_&&_();let e=Xt;Xt=m;try{let e=[t,C===Jt?void 0:b&&C[0]===Jt?[]:C,v];C=t,f?f(n,3,e):n(...e)}finally{Xt=e}}}else m.run()};return u&&u(w),m=new De(g),m.scheduler=l?()=>l(w,!1):w,v=e=>Zt(e,!1,m),_=m.onStop=()=>{let e=Yt.get(m);if(e){if(f)f(e,4);else for(let t of e)t();Yt.delete(m)}},n?a?w(!0):C=m.run():l?l(w.bind(null,!0),!0):m.run(),S.pause=m.pause.bind(m),S.resume=m.resume.bind(m),S.stop=S,S}function $t(e,t=1/0,n){if(t<=0||!v(e)||e.__v_skip||(n||=new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,L(e))$t(e.value,t,n);else if(d(e))for(let r=0;r<e.length;r++)$t(e[r],t,n);else if(p(e)||f(e))e.forEach(e=>{$t(e,t,n)});else if(C(e)){for(let r in e)$t(e[r],t,n);for(let r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&$t(e[r],t,n)}return e}function en(e,t,n,r){try{return r?e(...r):e()}catch(e){tn(e,t,n)}}function z(e,t,n,r){if(h(e)){let i=en(e,t,n,r);return i&&y(i)&&i.catch(e=>{tn(e,t,n)}),i}if(d(e)){let i=[];for(let a=0;a<e.length;a++)i.push(z(e[a],t,n,r));return i}}function tn(e,n,r,i=!0){let a=n?n.vnode:null,{errorHandler:o,throwUnhandledErrorInProduction:s}=n&&n.appContext.config||t;if(n){let t=n.parent,i=n.proxy,a=`https://vuejs.org/error-reference/#runtime-${r}`;for(;t;){let n=t.ec;if(n){for(let t=0;t<n.length;t++)if(n[t](e,i,a)===!1)return}t=t.parent}if(o){Ve(),en(o,null,10,[e,i,a]),He();return}}nn(e,r,a,i,s)}function nn(e,t,n,r=!0,i=!1){if(i)throw e;console.error(e)}var B=[],V=-1,rn=[],an=null,on=0,sn=Promise.resolve(),cn=null;function ln(e){let t=cn||sn;return e?t.then(this?e.bind(this):e):t}function un(e){let t=V+1,n=B.length;for(;t<n;){let r=t+n>>>1,i=B[r],a=gn(i);a<e||a===e&&i.flags&2?t=r+1:n=r}return t}function dn(e){if(!(e.flags&1)){let t=gn(e),n=B[B.length-1];!n||!(e.flags&2)&&t>=gn(n)?B.push(e):B.splice(un(t),0,e),e.flags|=1,fn()}}function fn(){cn||=sn.then(_n)}function pn(e){d(e)?rn.push(...e):an&&e.id===-1?an.splice(on+1,0,e):e.flags&1||(rn.push(e),e.flags|=1),fn()}function mn(e,t,n=V+1){for(;n<B.length;n++){let t=B[n];if(t&&t.flags&2){if(e&&t.id!==e.uid)continue;B.splice(n,1),n--,t.flags&4&&(t.flags&=-2),t(),t.flags&4||(t.flags&=-2)}}}function hn(e){if(rn.length){let e=[...new Set(rn)].sort((e,t)=>gn(e)-gn(t));if(rn.length=0,an){an.push(...e);return}for(an=e,on=0;on<an.length;on++){let e=an[on];e.flags&4&&(e.flags&=-2),e.flags&8||e(),e.flags&=-2}an=null,on=0}}var gn=e=>e.id==null?e.flags&2?-1:1/0:e.id;function _n(e){try{for(V=0;V<B.length;V++){let e=B[V];e&&!(e.flags&8)&&(e.flags&4&&(e.flags&=-2),en(e,e.i,e.i?15:14),e.flags&4||(e.flags&=-2))}}finally{for(;V<B.length;V++){let e=B[V];e&&(e.flags&=-2)}V=-1,B.length=0,hn(e),cn=null,(B.length||rn.length)&&_n(e)}}var H=null,vn=null;function yn(e){let t=H;return H=e,vn=e&&e.type.__scopeId||null,t}function bn(e,t=H,n){if(!t||e._n)return e;let r=(...n)=>{r._d&&Ci(-1);let i=yn(t),a=bi.length,o;try{o=e(...n)}finally{for(let e=bi.length;e>a;e--)xi();yn(i),r._d&&Ci(1)}return o};return r._n=!0,r._c=!0,r._d=!0,r}function xn(e,n){if(H===null)return e;let r=na(H),i=e.dirs||=[];for(let e=0;e<n.length;e++){let[a,o,s,c=t]=n[e];a&&(h(a)&&(a={mounted:a,updated:a}),a.deep&&$t(o),i.push({dir:a,instance:r,value:o,oldValue:void 0,arg:s,modifiers:c}))}return e}function Sn(e,t,n,r){let i=e.dirs,a=t&&t.dirs;for(let o=0;o<i.length;o++){let s=i[o];a&&(s.oldValue=a[o].value);let c=s.dir[r];c&&(Ve(),z(c,n,8,[e.el,s,e,t]),He())}}function Cn(e,t){if($){let n=$.provides,r=$.parent&&$.parent.provides;r===n&&(n=$.provides=Object.create(r)),n[e]=t}}function wn(e,t,n=!1){let r=Vi();if(r||Dr){let i=Dr?Dr._context.provides:r?r.parent==null||r.ce?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides:void 0;if(i&&e in i)return i[e];if(arguments.length>1)return n&&h(t)?t.call(r&&r.proxy):t}}var Tn=Symbol.for(`v-scx`),En=()=>wn(Tn);function Dn(e,t,n){return On(e,t,n)}function On(e,n,i=t){let{immediate:a,deep:o,flush:c,once:l}=i,u=s({},i),d=n&&a||!n&&c!==`post`,f;if(qi){if(c===`sync`){let e=En();f=e.__watcherHandles||=[]}else if(!d){let e=()=>{};return e.stop=r,e.resume=r,e.pause=r,e}}let p=$;u.call=(e,t,n)=>z(e,p,t,n);let m=!1;c===`post`?u.scheduler=e=>{G(e,p&&p.suspense)}:c!==`sync`&&(m=!0,u.scheduler=(e,t)=>{t?e():dn(e)}),u.augmentJob=e=>{n&&(e.flags|=4),m&&(e.flags|=2,p&&(e.id=p.uid,e.i=p))};let h=Qt(e,n,u);return qi&&(f?f.push(h):d&&h()),h}function kn(e,t,n){let r=this.proxy,i=g(e)?e.includes(`.`)?An(r,e):()=>r[e]:e.bind(r,r),a;h(t)?a=t:(a=t.handler,n=t);let o=Wi(this),s=On(i,a.bind(r),n);return o(),s}function An(e,t){let n=t.split(`.`);return()=>{let t=e;for(let e=0;e<n.length&&t;e++)t=t[n[e]];return t}}var jn=Symbol(`_vte`),Mn=e=>e.__isTeleport,Nn=Symbol(`_leaveCb`);function Pn(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Pn(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Fn(e,t){return h(e)?s({name:e.name},t,{setup:e}):e}function In(e){e.ids=[e.ids[0]+e.ids[2]+++`-`,0,0]}function Ln(e,t){let n;return!!((n=Object.getOwnPropertyDescriptor(e,t))&&!n.configurable)}var Rn=new WeakMap;function zn(e,n,r,a,o=!1){if(d(e)){e.forEach((e,t)=>zn(e,n&&(d(n)?n[t]:n),r,a,o));return}if(Vn(a)&&!o){a.shapeFlag&512&&a.type.__asyncResolved&&a.component.subTree.component&&zn(e,n,r,a.component.subTree);return}let s=a.shapeFlag&4?na(a.component):a.el,l=o?null:s,{i:f,r:p}=e,m=n&&n.r,_=f.refs===t?f.refs={}:f.refs,v=f.setupState,y=I(v),b=v===t?i:e=>!Ln(_,e)&&u(y,e),x=(e,t)=>!(t&&Ln(_,t));if(m!=null&&m!==p){if(Bn(n),g(m))_[m]=null,b(m)&&(v[m]=null);else if(L(m)){let e=n;x(m,e.k)&&(m.value=null),e.k&&(_[e.k]=null)}}if(h(p))en(p,f,12,[l,_]);else{let t=g(p),n=L(p);if(t||n){let i=()=>{if(e.f){let n=t?b(p)?v[p]:_[p]:x(p)||!e.k?p.value:_[e.k];if(o)d(n)&&c(n,s);else if(d(n))n.includes(s)||n.push(s);else if(t)_[p]=[s],b(p)&&(v[p]=_[p]);else{let t=[s];x(p,e.k)&&(p.value=t),e.k&&(_[e.k]=t)}}else t?(_[p]=l,b(p)&&(v[p]=l)):n&&(x(p,e.k)&&(p.value=l),e.k&&(_[e.k]=l))};if(l){let t=()=>{i(),Rn.delete(e)};t.id=-1,Rn.set(e,t),G(t,r)}else Bn(e),i()}}}function Bn(e){let t=Rn.get(e);t&&(t.flags|=8,Rn.delete(e))}le().requestIdleCallback,le().cancelIdleCallback;var Vn=e=>!!e.type.__asyncLoader,Hn=e=>e.type.__isKeepAlive;function Un(e,t){Gn(e,`a`,t)}function Wn(e,t){Gn(e,`da`,t)}function Gn(e,t,n=$){let r=e.__wdc||=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}return e()};if(qn(t,r,n),n){let e=n.parent;for(;e&&e.parent;)Hn(e.parent.vnode)&&Kn(r,t,n,e),e=e.parent}}function Kn(e,t,n,r){let i=qn(t,e,r,!0);$n(()=>{c(r[t],i)},n)}function qn(e,t,n=$,r=!1){if(n){let i=n[e]||(n[e]=[]),a=t.__weh||=(...r)=>{Ve();let i=Wi(n),a=z(t,n,e,r);return i(),He(),a};return r?i.unshift(a):i.push(a),a}}var U=e=>(t,n=$)=>{(!qi||e===`sp`)&&qn(e,(...e)=>t(...e),n)},Jn=U(`bm`),Yn=U(`m`),Xn=U(`bu`),Zn=U(`u`),Qn=U(`bum`),$n=U(`um`),er=U(`sp`),tr=U(`rtg`),nr=U(`rtc`);function rr(e,t=$){qn(`ec`,e,t)}var ir=Symbol.for(`v-ndc`),ar=e=>e?Ki(e)?na(e):ar(e.parent):null,or=s(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ar(e.parent),$root:e=>ar(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>hr(e),$forceUpdate:e=>e.f||=()=>{dn(e.update)},$nextTick:e=>e.n||=ln.bind(e.proxy),$watch:e=>kn.bind(e)}),sr=(e,n)=>e!==t&&!e.__isScriptSetup&&u(e,n),cr={get({_:e},n){if(n===`__v_skip`)return!0;let{ctx:r,setupState:i,data:a,props:o,accessCache:s,type:c,appContext:l}=e;if(n[0]!==`$`){let e=s[n];if(e!==void 0)switch(e){case 1:return i[n];case 2:return a[n];case 4:return r[n];case 3:return o[n]}else if(sr(i,n))return s[n]=1,i[n];else if(a!==t&&u(a,n))return s[n]=2,a[n];else if(u(o,n))return s[n]=3,o[n];else if(r!==t&&u(r,n))return s[n]=4,r[n];else ur&&(s[n]=0)}let d=or[n],f,p;if(d)return n===`$attrs`&&N(e.attrs,`get`,``),d(e);if((f=c.__cssModules)&&(f=f[n]))return f;if(r!==t&&u(r,n))return s[n]=4,r[n];if(p=l.config.globalProperties,u(p,n))return p[n]},set({_:e},n,r){let{data:i,setupState:a,ctx:o}=e;return sr(a,n)?(a[n]=r,!0):i!==t&&u(i,n)?(i[n]=r,!0):u(e.props,n)||n[0]===`$`&&n.slice(1)in e?!1:(o[n]=r,!0)},has({_:{data:e,setupState:n,accessCache:r,ctx:i,appContext:a,props:o,type:s}},c){let l;return!!(r[c]||e!==t&&c[0]!==`$`&&u(e,c)||sr(n,c)||u(o,c)||u(i,c)||u(or,c)||u(a.config.globalProperties,c)||(l=s.__cssModules)&&l[c])},defineProperty(e,t,n){return n.get==null?u(n,`value`)&&this.set(e,t,n.value,null):e._.accessCache[t]=0,Reflect.defineProperty(e,t,n)}};function lr(e){return d(e)?e.reduce((e,t)=>(e[t]=null,e),{}):e}var ur=!0;function dr(e){let t=hr(e),n=e.proxy,i=e.ctx;ur=!1,t.beforeCreate&&pr(t.beforeCreate,e,`bc`);let{data:a,computed:o,methods:s,watch:c,provide:l,inject:u,created:f,beforeMount:p,mounted:m,beforeUpdate:g,updated:_,activated:y,deactivated:b,beforeDestroy:x,beforeUnmount:S,destroyed:C,unmounted:w,render:ee,renderTracked:te,renderTriggered:ne,errorCaptured:T,serverPrefetch:re,expose:E,inheritAttrs:ie,components:ae,directives:D,filters:oe}=t;if(u&&fr(u,i,null),s)for(let e in s){let t=s[e];h(t)&&(i[e]=t.bind(n))}if(a){let t=a.call(n,n);v(t)&&(e.data=jt(t))}if(ur=!0,o)for(let e in o){let t=o[e],a=ia({get:h(t)?t.bind(n,n):h(t.get)?t.get.bind(n,n):r,set:!h(t)&&h(t.set)?t.set.bind(n):r});Object.defineProperty(i,e,{enumerable:!0,configurable:!0,get:()=>a.value,set:e=>a.value=e})}if(c)for(let e in c)mr(c[e],i,n,e);if(l){let e=h(l)?l.call(n):l;Reflect.ownKeys(e).forEach(t=>{Cn(t,e[t])})}f&&pr(f,e,`c`);function O(e,t){d(t)?t.forEach(t=>e(t.bind(n))):t&&e(t.bind(n))}if(O(Jn,p),O(Yn,m),O(Xn,g),O(Zn,_),O(Un,y),O(Wn,b),O(rr,T),O(nr,te),O(tr,ne),O(Qn,S),O($n,w),O(er,re),d(E))if(E.length){let t=e.exposed||={};E.forEach(e=>{Object.defineProperty(t,e,{get:()=>n[e],set:t=>n[e]=t,enumerable:!0})})}else e.exposed||={};ee&&e.render===r&&(e.render=ee),ie!=null&&(e.inheritAttrs=ie),ae&&(e.components=ae),D&&(e.directives=D),re&&In(e)}function fr(e,t,n=r){d(e)&&(e=br(e));for(let n in e){let r=e[n],i;i=v(r)?`default`in r?wn(r.from||n,r.default,!0):wn(r.from||n):wn(r),L(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:e=>i.value=e}):t[n]=i}}function pr(e,t,n){z(d(e)?e.map(e=>e.bind(t.proxy)):e.bind(t.proxy),t,n)}function mr(e,t,n,r){let i=r.includes(`.`)?An(n,r):()=>n[r];if(g(e)){let n=t[e];h(n)&&Dn(i,n)}else if(h(e))Dn(i,e.bind(n));else if(v(e))if(d(e))e.forEach(e=>mr(e,t,n,r));else{let r=h(e.handler)?e.handler.bind(n):t[e.handler];h(r)&&Dn(i,r,e)}}function hr(e){let t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:a,config:{optionMergeStrategies:o}}=e.appContext,s=a.get(t),c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(e=>gr(c,e,o,!0)),gr(c,t,o)),v(t)&&a.set(t,c),c}function gr(e,t,n,r=!1){let{mixins:i,extends:a}=t;a&&gr(e,a,n,!0),i&&i.forEach(t=>gr(e,t,n,!0));for(let i in t)if(!(r&&i===`expose`)){let r=_r[i]||n&&n[i];e[i]=r?r(e[i],t[i]):t[i]}return e}var _r={data:vr,props:Sr,emits:Sr,methods:xr,computed:xr,beforeCreate:W,created:W,beforeMount:W,mounted:W,beforeUpdate:W,updated:W,beforeDestroy:W,beforeUnmount:W,destroyed:W,unmounted:W,activated:W,deactivated:W,errorCaptured:W,serverPrefetch:W,components:xr,directives:xr,watch:Cr,provide:vr,inject:yr};function vr(e,t){return t?e?function(){return s(h(e)?e.call(this,this):e,h(t)?t.call(this,this):t)}:t:e}function yr(e,t){return xr(br(e),br(t))}function br(e){if(d(e)){let t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function W(e,t){return e?[...new Set([].concat(e,t))]:t}function xr(e,t){return e?s(Object.create(null),e,t):t}function Sr(e,t){return e?d(e)&&d(t)?[...new Set([...e,...t])]:s(Object.create(null),lr(e),lr(t??{})):t}function Cr(e,t){if(!e)return t;if(!t)return e;let n=s(Object.create(null),e);for(let r in t)n[r]=W(e[r],t[r]);return n}function wr(){return{app:null,config:{isNativeTag:i,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}var Tr=0;function Er(e,t){return function(n,r=null){h(n)||(n=s({},n)),r!=null&&!v(r)&&(r=null);let i=wr(),a=new WeakSet,o=[],c=!1,l=i.app={_uid:Tr++,_component:n,_props:r,_container:null,_context:i,_instance:null,version:aa,get config(){return i.config},set config(e){},use(e,...t){return a.has(e)||(e&&h(e.install)?(a.add(e),e.install(l,...t)):h(e)&&(a.add(e),e(l,...t))),l},mixin(e){return i.mixins.includes(e)||i.mixins.push(e),l},component(e,t){return t?(i.components[e]=t,l):i.components[e]},directive(e,t){return t?(i.directives[e]=t,l):i.directives[e]},mount(a,o,s){if(!c){let u=l._ceVNode||X(n,r);return u.appContext=i,s===!0?s=`svg`:s===!1&&(s=void 0),o&&t?t(u,a):e(u,a,s),c=!0,l._container=a,a.__vue_app__=l,na(u.component)}},onUnmount(e){o.push(e)},unmount(){c&&(z(o,l._instance,16),e(null,l._container),delete l._container.__vue_app__)},provide(e,t){return i.provides[e]=t,l},runWithContext(e){let t=Dr;Dr=l;try{return e()}finally{Dr=t}}};return l}}var Dr=null,Or=(e,t)=>t===`modelValue`||t===`model-value`?e.modelModifiers:e[`${t}Modifiers`]||e[`${T(t)}Modifiers`]||e[`${E(t)}Modifiers`];function kr(e,n,...r){if(e.isUnmounted)return;let i=e.vnode.props||t,a=r,o=n.startsWith(`update:`),s=o&&Or(i,n.slice(7));s&&(s.trim&&(a=r.map(e=>g(e)?e.trim():e)),s.number&&(a=r.map(se)));let c,l=i[c=ae(n)]||i[c=ae(T(n))];!l&&o&&(l=i[c=ae(E(n))]),l&&z(l,e,6,a);let u=i[c+`Once`];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,z(u,e,6,a)}}var Ar=new WeakMap;function jr(e,t,n=!1){let r=n?Ar:t.emitsCache,i=r.get(e);if(i!==void 0)return i;let a=e.emits,o={},c=!1;if(!h(e)){let r=e=>{let n=jr(e,t,!0);n&&(c=!0,s(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return!a&&!c?(v(e)&&r.set(e,null),null):(d(a)?a.forEach(e=>o[e]=null):s(o,a),v(e)&&r.set(e,o),o)}function Mr(e,t){return!e||!a(t)?!1:(t=t.slice(2),t=t===`Once`?t:t.replace(/Once$/,``),u(e,t[0].toLowerCase()+t.slice(1))||u(e,E(t))||u(e,t))}function Nr(e){let{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[a],slots:s,attrs:c,emit:l,render:u,renderCache:d,props:f,data:p,setupState:m,ctx:h,inheritAttrs:g}=e,_=yn(e),v,y;try{if(n.shapeFlag&4){let e=i||r,t=e;v=Z(u.call(t,e,d,f,m,p,h)),y=c}else{let e=t;v=Z(e.length>1?e(f,{attrs:c,slots:s,emit:l}):e(f,null)),y=t.props?c:Pr(c)}}catch(t){bi.length=0,tn(t,e,1),v=X(vi)}let b=v;if(y&&g!==!1){let e=Object.keys(y),{shapeFlag:t}=b;e.length&&t&7&&(a&&e.some(o)&&(y=Fr(y,a)),b=Mi(b,y,!1,!0))}return n.dirs&&(b=Mi(b,null,!1,!0),b.dirs=b.dirs?b.dirs.concat(n.dirs):n.dirs),n.transition&&Pn(b,n.transition),v=b,yn(_),v}var Pr=e=>{let t;for(let n in e)(n===`class`||n===`style`||a(n))&&((t||={})[n]=e[n]);return t},Fr=(e,t)=>{let n={};for(let r in e)(!o(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Ir(e,t,n){let{props:r,children:i,component:a}=e,{props:o,children:s,patchFlag:c}=t,l=a.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return r?Lr(r,o,l):!!o;if(c&8){let e=t.dynamicProps;for(let t=0;t<e.length;t++){let n=e[t];if(Rr(o,r,n)&&!Mr(l,n))return!0}}}else return(i||s)&&(!s||!s.$stable)?!0:r===o?!1:r?!o||Lr(r,o,l):!!o;return!1}function Lr(e,t,n){let r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let i=0;i<r.length;i++){let a=r[i];if(Rr(t,e,a)&&!Mr(n,a))return!0}return!1}function Rr(e,t,n){let r=e[n],i=t[n];return n===`style`&&v(r)&&v(i)?!ye(r,i):r!==i}function zr({vnode:e,parent:t,suspense:n},r){for(;t;){let n=t.subTree;if(n.suspense&&n.suspense.activeBranch===e&&(n.suspense.vnode.el=n.el=r,e=n),n===e)(e=t.vnode).el=r,t=t.parent;else break}n&&n.activeBranch===e&&(n.vnode.el=r)}var Br={},Vr=()=>Object.create(Br),Hr=e=>Object.getPrototypeOf(e)===Br;function Ur(e,t,n,r=!1){let i={},a=Vr();e.propsDefaults=Object.create(null),Gr(e,t,i,a);for(let t in e.propsOptions[0])t in i||(i[t]=void 0);e.props=n?r?i:Mt(i):e.type.props?i:a,e.attrs=a}function Wr(e,t,n,r){let{props:i,attrs:a,vnode:{patchFlag:o}}=e,s=I(i),[c]=e.propsOptions,l=!1;if((r||o>0)&&!(o&16)){if(o&8){let n=e.vnode.dynamicProps;for(let r=0;r<n.length;r++){let o=n[r];if(Mr(e.emitsOptions,o))continue;let d=t[o];if(c)if(u(a,o))d!==a[o]&&(a[o]=d,l=!0);else{let t=T(o);i[t]=Kr(c,s,t,d,e,!1)}else d!==a[o]&&(a[o]=d,l=!0)}}}else{Gr(e,t,i,a)&&(l=!0);let r;for(let a in s)(!t||!u(t,a)&&((r=E(a))===a||!u(t,r)))&&(c?n&&(n[a]!==void 0||n[r]!==void 0)&&(i[a]=Kr(c,s,a,void 0,e,!0)):delete i[a]);if(a!==s)for(let e in a)(!t||!u(t,e))&&(delete a[e],l=!0)}l&&Qe(e.attrs,`set`,``)}function Gr(e,n,r,i){let[a,o]=e.propsOptions,s=!1,c;if(n)for(let t in n){if(ee(t))continue;let l=n[t],d;a&&u(a,d=T(t))?!o||!o.includes(d)?r[d]=l:(c||={})[d]=l:Mr(e.emitsOptions,t)||(!(t in i)||l!==i[t])&&(i[t]=l,s=!0)}if(o){let n=I(r),i=c||t;for(let t=0;t<o.length;t++){let s=o[t];r[s]=Kr(a,n,s,i[s],e,!u(i,s))}}return s}function Kr(e,t,n,r,i,a){let o=e[n];if(o!=null){let e=u(o,`default`);if(e&&r===void 0){let e=o.default;if(o.type!==Function&&!o.skipFactory&&h(e)){let{propsDefaults:a}=i;if(n in a)r=a[n];else{let o=Wi(i);r=a[n]=e.call(null,t),o()}}else r=e;i.ce&&i.ce._setProp(n,r)}o[0]&&(a&&!e?r=!1:o[1]&&(r===``||r===E(n))&&(r=!0))}return r}var qr=new WeakMap;function Jr(e,r,i=!1){let a=i?qr:r.propsCache,o=a.get(e);if(o)return o;let c=e.props,l={},f=[],p=!1;if(!h(e)){let t=e=>{p=!0;let[t,n]=Jr(e,r,!0);s(l,t),n&&f.push(...n)};!i&&r.mixins.length&&r.mixins.forEach(t),e.extends&&t(e.extends),e.mixins&&e.mixins.forEach(t)}if(!c&&!p)return v(e)&&a.set(e,n),n;if(d(c))for(let e=0;e<c.length;e++){let n=T(c[e]);Yr(n)&&(l[n]=t)}else if(c)for(let e in c){let t=T(e);if(Yr(t)){let n=c[e],r=l[t]=d(n)||h(n)?{type:n}:s({},n),i=r.type,a=!1,o=!0;if(d(i))for(let e=0;e<i.length;++e){let t=i[e],n=h(t)&&t.name;if(n===`Boolean`){a=!0;break}n===`String`&&(o=!1)}else a=h(i)&&i.name===`Boolean`;r[0]=a,r[1]=o,(a||u(r,`default`))&&f.push(t)}}let m=[l,f];return v(e)&&a.set(e,m),m}function Yr(e){return e[0]!==`$`&&!ee(e)}var Xr=e=>e===`_`||e===`_ctx`||e===`$stable`,Zr=e=>d(e)?e.map(Z):[Z(e)],Qr=(e,t,n)=>{if(t._n)return t;let r=bn((...e)=>Zr(t(...e)),n);return r._c=!1,r},$r=(e,t,n)=>{let r=e._ctx;for(let n in e){if(Xr(n))continue;let i=e[n];if(h(i))t[n]=Qr(n,i,r);else if(i!=null){let e=Zr(i);t[n]=()=>e}}},ei=(e,t)=>{let n=Zr(t);e.slots.default=()=>n},ti=(e,t,n)=>{for(let r in t)(n||!Xr(r))&&(e[r]=t[r])},ni=(e,t,n)=>{let r=e.slots=Vr();if(e.vnode.shapeFlag&32){let e=t._;e?(ti(r,t,n),n&&O(r,`_`,e,!0)):$r(t,r)}else t&&ei(e,t)},ri=(e,n,r)=>{let{vnode:i,slots:a}=e,o=!0,s=t;if(i.shapeFlag&32){let e=n._;e?r&&e===1?o=!1:ti(a,n,r):(o=!n.$stable,$r(n,a)),s=n}else n&&(ei(e,n),s={default:1});if(o)for(let e in a)!Xr(e)&&s[e]==null&&delete a[e]},G=hi;function ii(e){return ai(e)}function ai(e,i){let a=le();a.__VUE__=!0;let{insert:o,remove:s,patchProp:c,createElement:l,createText:u,createComment:d,setText:f,setElementText:p,parentNode:m,nextSibling:h,setScopeId:g=r,insertStaticContent:_}=e,v=(e,t,n,r=null,i=null,a=null,o=void 0,s=null,c=!!t.dynamicChildren)=>{if(e===t)return;e&&!Di(e,t)&&(r=ye(e),k(e,i,a,!0),e=null),t.patchFlag===-2&&(c=!1,t.dynamicChildren=null);let{type:l,ref:u,shapeFlag:d}=t;switch(l){case _i:y(e,t,n,r);break;case vi:b(e,t,n,r);break;case yi:e??x(t,n,r,o);break;case gi:ae(e,t,n,r,i,a,o,s,c);break;default:d&1?w(e,t,n,r,i,a,o,s,c):d&6?D(e,t,n,r,i,a,o,s,c):(d&64||d&128)&&l.process(e,t,n,r,i,a,o,s,c,Se)}u!=null&&i?zn(u,e&&e.ref,a,t||e,!t):u==null&&e&&e.ref!=null&&zn(e.ref,null,a,e,!0)},y=(e,t,n,r)=>{if(e==null)o(t.el=u(t.children),n,r);else{let n=t.el=e.el;t.children!==e.children&&f(n,t.children)}},b=(e,t,n,r)=>{e==null?o(t.el=d(t.children||``),n,r):t.el=e.el},x=(e,t,n,r)=>{[e.el,e.anchor]=_(e.children,t,n,r,e.el,e.anchor)},S=({el:e,anchor:t},n,r)=>{let i;for(;e&&e!==t;)i=h(e),o(e,n,r),e=i;o(t,n,r)},C=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=h(e),s(e),e=n;s(t)},w=(e,t,n,r,i,a,o,s,c)=>{if(t.type===`svg`?o=`svg`:t.type===`math`&&(o=`mathml`),e==null)te(t,n,r,i,a,o,s,c);else{let n=e.el&&e.el._isVueCE?e.el:null;try{n&&n._beginPatch(),re(e,t,i,a,o,s,c)}finally{n&&n._endPatch()}}},te=(e,t,n,r,i,a,s,u)=>{let d,f,{props:m,shapeFlag:h,transition:g,dirs:_}=e;if(d=e.el=l(e.type,a,m&&m.is,m),h&8?p(d,e.children):h&16&&T(e.children,d,null,r,i,oi(e,a),s,u),_&&Sn(e,null,r,`created`),ne(d,e,e.scopeId,s,r),m){for(let e in m)e!==`value`&&!ee(e)&&c(d,e,null,m[e],a,r);`value`in m&&c(d,`value`,null,m.value,a),(f=m.onVnodeBeforeMount)&&Q(f,r,e)}_&&Sn(e,null,r,`beforeMount`);let v=ci(i,g);v&&g.beforeEnter(d),o(d,t,n),((f=m&&m.onVnodeMounted)||v||_)&&G(()=>{try{f&&Q(f,r,e),v&&g.enter(d),_&&Sn(e,null,r,`mounted`)}finally{}},i)},ne=(e,t,n,r,i)=>{if(n&&g(e,n),r)for(let t=0;t<r.length;t++)g(e,r[t]);if(i){let n=i.subTree;if(t===n||mi(n.type)&&(n.ssContent===t||n.ssFallback===t)){let t=i.vnode;ne(e,t,t.scopeId,t.slotScopeIds,i.parent)}}},T=(e,t,n,r,i,a,o,s,c=0)=>{for(let l=c;l<e.length;l++){let c=e[l]=s?Fi(e[l]):Z(e[l]);v(null,c,t,n,r,i,a,o,s)}},re=(e,n,r,i,a,o,s)=>{let l=n.el=e.el,{patchFlag:u,dynamicChildren:d,dirs:f}=n;u|=e.patchFlag&16;let m=e.props||t,h=n.props||t,g;if(r&&si(r,!1),(g=h.onVnodeBeforeUpdate)&&Q(g,r,n,e),f&&Sn(n,e,r,`beforeUpdate`),r&&si(r,!0),d&&(!e.dynamicChildren||e.dynamicChildren.length!==d.length)&&(u=0,s=!1,d=null),(m.innerHTML&&h.innerHTML==null||m.textContent&&h.textContent==null)&&p(l,``),d?E(e.dynamicChildren,d,l,r,i,oi(n,a),o):s||de(e,n,l,null,r,i,oi(n,a),o,!1),u>0){if(u&16)ie(l,m,h,r,a);else if(u&2&&m.class!==h.class&&c(l,`class`,null,h.class,a),u&4&&c(l,`style`,m.style,h.style,a),u&8){let e=n.dynamicProps;for(let t=0;t<e.length;t++){let n=e[t],i=m[n],o=h[n];(o!==i||n===`value`)&&c(l,n,i,o,a,r)}}u&1&&e.children!==n.children&&p(l,n.children)}else!s&&d==null&&ie(l,m,h,r,a);((g=h.onVnodeUpdated)||f)&&G(()=>{g&&Q(g,r,n,e),f&&Sn(n,e,r,`updated`)},i)},E=(e,t,n,r,i,a,o)=>{for(let s=0;s<t.length;s++){let c=e[s],l=t[s],u=c.el&&(c.type===gi||!Di(c,l)||c.shapeFlag&198)?m(c.el):n;v(c,l,u,null,r,i,a,o,!0)}},ie=(e,n,r,i,a)=>{if(n!==r){if(n!==t)for(let t in n)!ee(t)&&!(t in r)&&c(e,t,n[t],null,a,i);for(let t in r){if(ee(t))continue;let o=r[t],s=n[t];o!==s&&t!==`value`&&c(e,t,s,o,a,i)}`value`in r&&c(e,`value`,n.value,r.value,a)}},ae=(e,t,n,r,i,a,s,c,l)=>{let d=t.el=e?e.el:u(``),f=t.anchor=e?e.anchor:u(``),{patchFlag:p,dynamicChildren:m,slotScopeIds:h}=t;h&&(c=c?c.concat(h):h),e==null?(o(d,n,r),o(f,n,r),T(t.children||[],n,f,i,a,s,c,l)):p>0&&p&64&&m&&e.dynamicChildren&&e.dynamicChildren.length===m.length?(E(e.dynamicChildren,m,n,i,a,s,c),(t.key!=null||i&&t===i.subTree)&&li(e,t,!0)):de(e,t,n,f,i,a,s,c,l)},D=(e,t,n,r,i,a,o,s,c)=>{t.slotScopeIds=s,e==null?t.shapeFlag&512?i.ctx.activate(t,n,r,o,c):O(t,n,r,i,a,o,c):se(e,t,c)},O=(e,t,n,r,i,a,o)=>{let s=e.component=Bi(e,r,i);if(Hn(e)&&(s.ctx.renderer=Se),Ji(s,!1,o),s.asyncDep){if(i&&i.registerDep(s,ce,o),!e.el){let r=s.subTree=X(vi);b(null,r,t,n),e.placeholder=r.el}}else ce(s,e,t,n,i,a,o)},se=(e,t,n)=>{let r=t.component=e.component;if(Ir(e,t,n))if(r.asyncDep&&!r.asyncResolved){ue(r,t,n);return}else r.next=t,r.update();else t.el=e.el,r.vnode=t},ce=(e,t,n,r,i,a,o)=>{let s=()=>{if(e.isMounted){let{next:t,bu:n,u:r,parent:s,vnode:c}=e;{let n=di(e);if(n){t&&(t.el=c.el,ue(e,t,o)),n.asyncDep.then(()=>{G(()=>{e.isUnmounted||l()},i)});return}}let u=t,d;si(e,!1),t?(t.el=c.el,ue(e,t,o)):t=c,n&&oe(n),(d=t.props&&t.props.onVnodeBeforeUpdate)&&Q(d,s,t,c),si(e,!0);let f=Nr(e),p=e.subTree;e.subTree=f,v(p,f,m(p.el),ye(p),e,i,a),t.el=f.el,u===null&&zr(e,f.el),r&&G(r,i),(d=t.props&&t.props.onVnodeUpdated)&&G(()=>Q(d,s,t,c),i)}else{let o,{el:s,props:c}=t,{bm:l,m:u,parent:d,root:f,type:p}=e,m=Vn(t);if(si(e,!1),l&&oe(l),!m&&(o=c&&c.onVnodeBeforeMount)&&Q(o,d,t),si(e,!0),s&&A){let t=()=>{e.subTree=Nr(e),A(s,e.subTree,e,i,null)};m&&p.__asyncHydrate?p.__asyncHydrate(s,e,t):t()}else{f.ce&&f.ce._hasShadowRoot()&&f.ce._injectChildStyle(p,e.parent?e.parent.type:void 0);let o=e.subTree=Nr(e);v(null,o,n,r,e,i,a),t.el=o.el}if(u&&G(u,i),!m&&(o=c&&c.onVnodeMounted)){let e=t;G(()=>Q(o,d,e),i)}(t.shapeFlag&256||d&&Vn(d.vnode)&&d.vnode.shapeFlag&256)&&e.a&&G(e.a,i),e.isMounted=!0,t=n=r=null}};e.scope.on();let c=e.effect=new De(s);e.scope.off();let l=e.update=c.run.bind(c),u=e.job=c.runIfDirty.bind(c);u.i=e,u.id=e.uid,c.scheduler=()=>dn(u),si(e,!0),l()},ue=(e,t,n)=>{t.component=e;let r=e.vnode.props;e.vnode=t,e.next=null,Wr(e,t.props,r,n),ri(e,t.children,n),Ve(),mn(e),He()},de=(e,t,n,r,i,a,o,s,c=!1)=>{let l=e&&e.children,u=e?e.shapeFlag:0,d=t.children,{patchFlag:f,shapeFlag:m}=t;if(f>0){if(f&128){pe(l,d,n,r,i,a,o,s,c);return}if(f&256){fe(l,d,n,r,i,a,o,s,c);return}}m&8?(u&16&&ve(l,i,a),d!==l&&p(n,d)):u&16?m&16?pe(l,d,n,r,i,a,o,s,c):ve(l,i,a,!0):(u&8&&p(n,``),m&16&&T(d,n,r,i,a,o,s,c))},fe=(e,t,r,i,a,o,s,c,l)=>{e||=n,t||=n;let u=e.length,d=t.length,f=Math.min(u,d),p;for(p=0;p<f;p++){let n=t[p]=l?Fi(t[p]):Z(t[p]);v(e[p],n,r,null,a,o,s,c,l)}u>d?ve(e,a,o,!0,!1,f):T(t,r,i,a,o,s,c,l,f)},pe=(e,t,r,i,a,o,s,c,l)=>{let u=0,d=t.length,f=e.length-1,p=d-1;for(;u<=f&&u<=p;){let n=e[u],i=t[u]=l?Fi(t[u]):Z(t[u]);if(Di(n,i))v(n,i,r,null,a,o,s,c,l);else break;u++}for(;u<=f&&u<=p;){let n=e[f],i=t[p]=l?Fi(t[p]):Z(t[p]);if(Di(n,i))v(n,i,r,null,a,o,s,c,l);else break;f--,p--}if(u>f){if(u<=p){let e=p+1,n=e<d?t[e].el:i;for(;u<=p;)v(null,t[u]=l?Fi(t[u]):Z(t[u]),r,n,a,o,s,c,l),u++}}else if(u>p)for(;u<=f;)k(e[u],a,o,!0),u++;else{let m=u,h=u,g=new Map;for(u=h;u<=p;u++){let e=t[u]=l?Fi(t[u]):Z(t[u]);e.key!=null&&g.set(e.key,u)}let _,y=0,b=p-h+1,x=!1,S=0,C=Array(b);for(u=0;u<b;u++)C[u]=0;for(u=m;u<=f;u++){let n=e[u];if(y>=b){k(n,a,o,!0);continue}let i;if(n.key!=null)i=g.get(n.key);else for(_=h;_<=p;_++)if(C[_-h]===0&&Di(n,t[_])){i=_;break}i===void 0?k(n,a,o,!0):(C[i-h]=u+1,i>=S?S=i:x=!0,v(n,t[i],r,null,a,o,s,c,l),y++)}let w=x?ui(C):n;for(_=w.length-1,u=b-1;u>=0;u--){let e=h+u,n=t[e],f=t[e+1],p=e+1<d?f.el||pi(f):i;C[u]===0?v(null,n,r,p,a,o,s,c,l):x&&(_<0||u!==w[_]?me(n,r,p,2):_--)}}},me=(e,t,n,r,i=null)=>{let{el:a,type:c,transition:l,children:u,shapeFlag:d}=e;if(d&6){me(e.component.subTree,t,n,r);return}if(d&128){e.suspense.move(t,n,r);return}if(d&64){c.move(e,t,n,Se);return}if(c===gi){o(a,t,n);for(let e=0;e<u.length;e++)me(u[e],t,n,r);o(e.anchor,t,n);return}if(c===yi){S(e,t,n);return}if(r!==2&&d&1&&l)if(r===0)l.persisted&&!a[Nn]?o(a,t,n):(l.beforeEnter(a),o(a,t,n),G(()=>l.enter(a),i));else{let{leave:r,delayLeave:i,afterLeave:c}=l,u=()=>{e.ctx.isUnmounted?s(a):o(a,t,n)},d=()=>{let e=a._isLeaving||!!a[Nn];a._isLeaving&&a[Nn](!0),l.persisted&&!e?u():r(a,()=>{u(),c&&c()})};i?i(a,u,d):d()}else o(a,t,n)},k=(e,t,n,r=!1,i=!1)=>{let{type:a,props:o,ref:s,children:c,dynamicChildren:l,shapeFlag:u,patchFlag:d,dirs:f,cacheIndex:p,memo:m}=e;if(d===-2&&(i=!1),s!=null&&(Ve(),zn(s,null,n,e,!0),He()),p!=null&&(t.renderCache[p]=void 0),u&256){t.ctx.deactivate(e);return}let h=u&1&&f,g=!Vn(e),_;if(g&&(_=o&&o.onVnodeBeforeUnmount)&&Q(_,t,e),u&6)_e(e.component,n,r);else{if(u&128){e.suspense.unmount(n,r);return}h&&Sn(e,null,t,`beforeUnmount`),u&64?e.type.remove(e,t,n,Se,r):l&&!l.hasOnce&&(a!==gi||d>0&&d&64)?ve(l,t,n,!1,!0):(a===gi&&d&384||!i&&u&16)&&ve(c,t,n),r&&he(e)}let v=m!=null&&p==null;(g&&(_=o&&o.onVnodeUnmounted)||h||v)&&G(()=>{_&&Q(_,t,e),h&&Sn(e,null,t,`unmounted`),v&&(e.el=null)},n)},he=e=>{let{type:t,el:n,anchor:r,transition:i}=e;if(t===gi){ge(n,r);return}if(t===yi){C(e);return}let a=()=>{s(n),i&&!i.persisted&&i.afterLeave&&i.afterLeave()};if(e.shapeFlag&1&&i&&!i.persisted){let{leave:t,delayLeave:r}=i,o=()=>t(n,a);r?r(e.el,a,o):o()}else a()},ge=(e,t)=>{let n;for(;e!==t;)n=h(e),s(e),e=n;s(t)},_e=(e,t,n)=>{let{bum:r,scope:i,job:a,subTree:o,um:s,m:c,a:l}=e;fi(c),fi(l),r&&oe(r),i.stop(),a&&(a.flags|=8,k(o,e,t,n)),s&&G(s,t),G(()=>{e.isUnmounted=!0},t)},ve=(e,t,n,r=!1,i=!1,a=0)=>{for(let o=a;o<e.length;o++)k(e[o],t,n,r,i)},ye=e=>{if(e.shapeFlag&6)return ye(e.component.subTree);if(e.shapeFlag&128)return e.suspense.next();let t=h(e.anchor||e.el),n=t&&t[jn];return n?h(n):t},be=!1,xe=(e,t,n)=>{let r;e==null?t._vnode&&(k(t._vnode,null,null,!0),r=t._vnode.component):v(t._vnode||null,e,t,null,null,null,n),t._vnode=e,be||=(be=!0,mn(r),hn(),!1)},Se={p:v,um:k,m:me,r:he,mt:O,mc:T,pc:de,pbc:E,n:ye,o:e},Ce,A;return i&&([Ce,A]=i(Se)),{render:xe,hydrate:Ce,createApp:Er(xe,Ce)}}function oi({type:e,props:t},n){return n===`svg`&&e===`foreignObject`||n===`mathml`&&e===`annotation-xml`&&t&&t.encoding&&t.encoding.includes(`html`)?void 0:n}function si({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function ci(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function li(e,t,n=!1){let r=e.children,i=t.children;if(d(r)&&d(i))for(let e=0;e<r.length;e++){let t=r[e],a=i[e];a.shapeFlag&1&&!a.dynamicChildren&&((a.patchFlag<=0||a.patchFlag===32)&&(a=i[e]=Fi(i[e]),a.el=t.el),!n&&a.patchFlag!==-2&&li(t,a)),a.type===_i&&(a.patchFlag===-1&&(a=i[e]=Fi(a)),a.el=t.el),a.type===vi&&!a.el&&(a.el=t.el)}}function ui(e){let t=e.slice(),n=[0],r,i,a,o,s,c=e.length;for(r=0;r<c;r++){let c=e[r];if(c!==0){if(i=n[n.length-1],e[i]<c){t[r]=i,n.push(r);continue}for(a=0,o=n.length-1;a<o;)s=a+o>>1,e[n[s]]<c?a=s+1:o=s;c<e[n[a]]&&(a>0&&(t[r]=n[a-1]),n[a]=r)}}for(a=n.length,o=n[a-1];a-->0;)n[a]=o,o=t[o];return n}function di(e){let t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:di(t)}function fi(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}function pi(e){if(e.placeholder)return e.placeholder;let t=e.component;return t?pi(t.subTree):null}var mi=e=>e.__isSuspense;function hi(e,t){t&&t.pendingBranch?d(e)?t.effects.push(...e):t.effects.push(e):pn(e)}var gi=Symbol.for(`v-fgt`),_i=Symbol.for(`v-txt`),vi=Symbol.for(`v-cmt`),yi=Symbol.for(`v-stc`),bi=[],K=null;function q(e=!1){bi.push(K=e?null:[])}function xi(){bi.pop(),K=bi[bi.length-1]||null}var Si=1;function Ci(e,t=!1){Si+=e,e<0&&K&&t&&(K.hasOnce=!0)}function wi(e){return e.dynamicChildren=Si>0?K||n:null,xi(),Si>0&&K&&K.push(e),e}function J(e,t,n,r,i,a){return wi(Y(e,t,n,r,i,a,!0))}function Ti(e,t,n,r,i){return wi(X(e,t,n,r,i,!0))}function Ei(e){return e?e.__v_isVNode===!0:!1}function Di(e,t){return e.type===t.type&&e.key===t.key}var Oi=({key:e})=>e??null,ki=({ref:e,ref_key:t,ref_for:n})=>(typeof e==`number`&&(e=``+e),e==null?null:g(e)||L(e)||h(e)?{i:H,r:e,k:t,f:!!n}:e);function Y(e,t=null,n=null,r=0,i=null,a=e===gi?0:1,o=!1,s=!1){let c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Oi(t),ref:t&&ki(t),scopeId:vn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:H};return s?(Ii(c,n),a&128&&e.normalize(c)):n&&(c.shapeFlag|=g(n)?8:16),Si>0&&!o&&K&&(c.patchFlag>0||a&6)&&c.patchFlag!==32&&K.push(c),c}var X=Ai;function Ai(e,t=null,n=null,r=0,i=null,a=!1){if((!e||e===ir)&&(e=vi),Ei(e)){let r=Mi(e,t,!0);return n&&Ii(r,n),Si>0&&!a&&K&&(r.shapeFlag&6?K[K.indexOf(e)]=r:K.push(r)),r.patchFlag=-2,r}if(ra(e)&&(e=e.__vccOpts),t){t=ji(t);let{class:e,style:n}=t;e&&!g(e)&&(t.class=k(e)),v(n)&&(Lt(n)&&!d(n)&&(n=s({},n)),t.style=ue(n))}let o=g(e)?1:mi(e)?128:Mn(e)?64:v(e)?4:h(e)?2:0;return Y(e,t,n,r,i,o,a,!0)}function ji(e){return e?Lt(e)||Hr(e)?s({},e):e:null}function Mi(e,t,n=!1,r=!1){let{props:i,ref:a,patchFlag:o,children:s,transition:c}=e,l=t?Li(i||{},t):i,u={__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Oi(l),ref:t&&t.ref?n&&a?d(a)?a.concat(ki(t)):[a,ki(t)]:ki(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:s,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==gi?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Mi(e.ssContent),ssFallback:e.ssFallback&&Mi(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&r&&Pn(u,c.clone(u)),u}function Ni(e=` `,t=0){return X(_i,null,e,t)}function Pi(e=``,t=!1){return t?(q(),Ti(vi,null,e)):X(vi,null,e)}function Z(e){return e==null||typeof e==`boolean`?X(vi):d(e)?X(gi,null,e.slice()):Ei(e)?Fi(e):X(_i,null,String(e))}function Fi(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Mi(e)}function Ii(e,t){let n=0,{shapeFlag:r}=e;if(t==null)t=null;else if(d(t))n=16;else if(typeof t==`object`)if(r&65){let n=t.default;n&&(n._c&&(n._d=!1),Ii(e,n()),n._c&&(n._d=!0));return}else{n=32;let r=t._;!r&&!Hr(t)?t._ctx=H:r===3&&H&&(H.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else if(h(t)){if(r&65){Ii(e,{default:t});return}t={default:t,_ctx:H},n=32}else t=String(t),r&64?(n=16,t=[Ni(t)]):n=8;e.children=t,e.shapeFlag|=n}function Li(...e){let t={};for(let n=0;n<e.length;n++){let r=e[n];for(let e in r)if(e===`class`)t.class!==r.class&&(t.class=k([t.class,r.class]));else if(e===`style`)t.style=ue([t.style,r.style]);else if(a(e)){let n=t[e],i=r[e];i&&n!==i&&!(d(n)&&n.includes(i))?t[e]=n?[].concat(n,i):i:i==null&&n==null&&!o(e)&&(t[e]=i)}else e!==``&&(t[e]=r[e])}return t}function Q(e,t,n,r=null){z(e,t,7,[n,r])}var Ri=wr(),zi=0;function Bi(e,n,r){let i=e.type,a=(n?n.appContext:e.appContext)||Ri,o={uid:zi++,vnode:e,type:i,parent:n,appContext:a,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new we(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:n?n.provides:Object.create(a.provides),ids:n?n.ids:[``,0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:Jr(i,a),emitsOptions:jr(i,a),emit:null,emitted:null,propsDefaults:t,inheritAttrs:i.inheritAttrs,ctx:t,data:t,props:t,attrs:t,slots:t,refs:t,setupState:t,setupContext:null,suspense:r,suspenseId:r?r.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return o.ctx={_:o},o.root=n?n.root:o,o.emit=kr.bind(null,o),e.ce&&e.ce(o),o}var $=null,Vi=()=>$||H,Hi,Ui;{let e=le(),t=(t,n)=>{let r;return(r=e[t])||(r=e[t]=[]),r.push(n),e=>{r.length>1?r.forEach(t=>t(e)):r[0](e)}};Hi=t(`__VUE_INSTANCE_SETTERS__`,e=>$=e),Ui=t(`__VUE_SSR_SETTERS__`,e=>qi=e)}var Wi=e=>{let t=$;return Hi(e),e.scope.on(),()=>{e.scope.off(),Hi(t)}},Gi=()=>{$&&$.scope.off(),Hi(null)};function Ki(e){return e.vnode.shapeFlag&4}var qi=!1;function Ji(e,t=!1,n=!1){t&&Ui(t);let{props:r,children:i}=e.vnode,a=Ki(e);Ur(e,r,a,t),ni(e,i,n||t);let o=a?Yi(e,t):void 0;return t&&Ui(!1),o}function Yi(e,t){let n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,cr);let{setup:r}=n;if(r){Ve();let n=e.setupContext=r.length>1?ta(e):null,i=Wi(e),a=en(r,e,0,[e.props,n]),o=y(a);if(He(),i(),(o||e.sp)&&!Vn(e)&&In(e),o){if(a.then(Gi,Gi),t)return a.then(n=>{Xi(e,n,t)}).catch(t=>{tn(t,e,0)});e.asyncDep=a}else Xi(e,a,t)}else $i(e,t)}function Xi(e,t,n){h(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:v(t)&&(e.setupState=Gt(t)),$i(e,n)}var Zi,Qi;function $i(e,t,n){let i=e.type;if(!e.render){if(!t&&Zi&&!i.render){let t=i.template||hr(e).template;if(t){let{isCustomElement:n,compilerOptions:r}=e.appContext.config,{delimiters:a,compilerOptions:o}=i;i.render=Zi(t,s(s({isCustomElement:n,delimiters:a},r),o))}}e.render=i.render||r,Qi&&Qi(e)}{let t=Wi(e);Ve();try{dr(e)}finally{He(),t()}}}var ea={get(e,t){return N(e,`get`,``),e[t]}};function ta(e){return{attrs:new Proxy(e.attrs,ea),slots:e.slots,emit:e.emit,expose:t=>{e.exposed=t||{}}}}function na(e){return e.exposed?e.exposeProxy||=new Proxy(Gt(Rt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in or)return or[n](e)},has(e,t){return t in e||t in or}}):e.proxy}function ra(e){return h(e)&&`__vccOpts`in e}var ia=(e,t)=>qt(e,t,qi),aa=`3.5.40`,oa=void 0,sa=typeof window<`u`&&window.trustedTypes;if(sa)try{oa=sa.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ca=oa?e=>oa.createHTML(e):e=>e,la=`http://www.w3.org/2000/svg`,ua=`http://www.w3.org/1998/Math/MathML`,da=typeof document<`u`?document:null,fa=da&&da.createElement(`template`),pa={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?da.createElementNS(la,e):t===`mathml`?da.createElementNS(ua,e):n?da.createElement(e,{is:n}):da.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>da.createTextNode(e),createComment:e=>da.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>da.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{fa.innerHTML=ca(r===`svg`?`<svg>${e}</svg>`:r===`mathml`?`<math>${e}</math>`:e);let i=fa.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ma=Symbol(`_vtc`);function ha(e,t,n){let r=e[ma];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var ga=Symbol(`_vod`),_a=Symbol(`_vsh`),va={name:`show`,beforeMount(e,{value:t},{transition:n}){e[ga]=e.style.display===`none`?``:e.style.display,n&&t?n.beforeEnter(e):ya(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),ya(e,!0),r.enter(e)):r.leave(e,()=>{ya(e,!1)}):ya(e,t))},beforeUnmount(e,{value:t}){ya(e,t)}};function ya(e,t){e.style.display=t?e[ga]:`none`,e[_a]=!t}var ba=Symbol(``),xa=/(?:^|;)\s*display\s*:/;function Sa(e,t,n){let r=e.style,i=g(n),a=!1;if(n&&!i){if(t)if(g(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??wa(r,t,``)}else for(let e in t)n[e]??wa(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?wa(r,i,``):Oa(e,i,!g(t)&&t?t[i]:void 0,o)||wa(r,i,o)}}else if(i){if(t!==n){let e=r[ba];e&&(n+=`;`+e),r.cssText=n,a=xa.test(n)}}else t&&e.removeAttribute(`style`);ga in e&&(e[ga]=a?r.display:``,e[_a]&&(r.display=`none`))}var Ca=/\s*!important$/;function wa(e,t,n){if(d(n))n.forEach(n=>wa(e,t,n));else if(n??=``,t.startsWith(`--`))e.setProperty(t,n);else{let r=Da(e,t);Ca.test(n)?e.setProperty(E(r),n.replace(Ca,``),`important`):e[r]=n}}var Ta=[`Webkit`,`Moz`,`ms`],Ea={};function Da(e,t){let n=Ea[t];if(n)return n;let r=T(t);if(r!==`filter`&&r in e)return Ea[t]=r;r=ie(r);for(let n=0;n<Ta.length;n++){let i=Ta[n]+r;if(i in e)return Ea[t]=i}return t}function Oa(e,t,n,r){return e.tagName===`TEXTAREA`&&(t===`width`||t===`height`)&&g(r)&&n===r}var ka=`http://www.w3.org/1999/xlink`;function Aa(e,t,n,r,i,a=ge(t)){r&&t.startsWith(`xlink:`)?n==null?e.removeAttributeNS(ka,t.slice(6,t.length)):e.setAttributeNS(ka,t,n):n==null||a&&!_e(n)?e.removeAttribute(t):e.setAttribute(t,a?``:_(n)?String(n):n)}function ja(e,t,n,r,i){if(t===`innerHTML`||t===`textContent`){n!=null&&(e[t]=t===`innerHTML`?ca(n):n);return}let a=e.tagName;if(t===`value`&&a!==`PROGRESS`&&!a.includes(`-`)){let r=a===`OPTION`?e.getAttribute(`value`)||``:e.value,i=n==null?e.type===`checkbox`?`on`:``:String(n);(r!==i||!(`_value`in e))&&(e.value=i),n??e.removeAttribute(t),e._value=n;return}let o=!1;if(n===``||n==null){let r=typeof e[t];r===`boolean`?n=_e(n):n==null&&r===`string`?(n=``,o=!0):r===`number`&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function Ma(e,t,n,r){e.addEventListener(t,n,r)}function Na(e,t,n,r){e.removeEventListener(t,n,r)}var Pa=Symbol(`_vei`);function Fa(e,t,n,r,i=null){let a=e[Pa]||(e[Pa]={}),o=a[t];if(r&&o)o.value=r;else{let[n,s]=Ra(t);r?Ma(e,n,a[t]=Ha(r,i),s):o&&(Na(e,n,o,s),a[t]=void 0)}}var Ia=/(Once|Passive|Capture)$/,La=/^on:?(?:Once|Passive|Capture)$/;function Ra(e){let t,n;for(;(n=e.match(Ia))&&!La.test(e);)t||={},e=e.slice(0,e.length-n[1].length),t[n[1].toLowerCase()]=!0;return[e[2]===`:`?e.slice(3):E(e.slice(2)),t]}var za=0,Ba=Promise.resolve(),Va=()=>za||=(Ba.then(()=>za=0),Date.now());function Ha(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;let r=n.value;if(d(r)){let n=e.stopImmediatePropagation;e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0};let i=r.slice(),a=[e];for(let n=0;n<i.length&&!e._stopped;n++){let e=i[n];e&&z(e,t,5,a)}}else z(r,t,5,[e])};return n.value=e,n.attached=Va(),n}var Ua=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Wa=(e,t,n,r,i,s)=>{let c=i===`svg`;t===`class`?ha(e,r,c):t===`style`?Sa(e,n,r):a(t)?o(t)||Fa(e,t,n,r,s):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):Ga(e,t,r,c))?(ja(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&Aa(e,t,r,c,s,t!==`value`)):e._isVueCE&&(Ka(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!g(r)))?ja(e,T(t),r,s,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),Aa(e,t,r,c))};function Ga(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&Ua(t)&&h(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return Ua(t)&&g(n)?!1:t in e}function Ka(e,t){let n=e._def.props;if(!n)return!1;let r=T(t);return Array.isArray(n)?n.some(e=>T(e)===r):Object.keys(n).some(e=>T(e)===r)}var qa=e=>{let t=e.props[`onUpdate:modelValue`]||!1;return d(t)?e=>oe(t,e):t};function Ja(e){e.target.composing=!0}function Ya(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var Xa=Symbol(`_assign`);function Za(e,t,n){return t&&(e=e.trim()),n&&(e=se(e)),e}var Qa={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[Xa]=qa(i);let a=r||i.props&&i.props.type===`number`;Ma(e,t?`change`:`input`,t=>{t.target.composing||e[Xa](Za(e.value,n,a))}),(n||a)&&Ma(e,`change`,()=>{e.value=Za(e.value,n,a)}),t||(Ma(e,`compositionstart`,Ja),Ma(e,`compositionend`,Ya),Ma(e,`change`,Ya))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[Xa]=qa(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?se(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},$a={esc:`escape`,space:` `,up:`arrow-up`,left:`arrow-left`,right:`arrow-right`,down:`arrow-down`,delete:`backspace`},eo=(e,t)=>{let n=e._withKeys||={},r=t.join(`.`);return n[r]||(n[r]=(n=>{if(!(`key`in n))return;let r=E(n.key);if(t.some(e=>e===r||$a[e]===r))return e(n)}))},to=s({patchProp:Wa},pa),no;function ro(){return no||=ii(to)}var io=((...e)=>{let t=ro().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=oo(e);if(!r)return;let i=t._component;!h(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,ao(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function ao(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function oo(e){return g(e)?document.querySelector(e):e}function so(){let e=R(null),t=R(!1),n=R(null);function r(r){i(),e.value=r,t.value=!0,n.value=null}function i(){e.value=null,t.value=!1,n.value=null}return{streamUrl:e,isLive:t,error:n,start:r,stop:i}}function co(e,t){let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}var lo=new Uint8Array([255,216]),uo=new Uint8Array([255,217]);function fo(e,t,n=0){outer:for(let r=n;r<=e.length-t.length;r++){for(let n=0;n<t.length;n++)if(e[r+n]!==t[n])continue outer;return r}return-1}async function*po(e){if(!e.body)throw Error(`Response body is null`);let t=e.body.getReader(),n=new Uint8Array,r=Date.now();try{for(;;){let{done:e,value:i}=await t.read();if(e)break;let a=new Uint8Array(n.length+i.length);for(a.set(n),a.set(i,n.length),n=a;;){let e=fo(n,lo);if(e===-1)break;let t=fo(n,uo,e+2);if(t===-1)break;let i=n.subarray(e,t+2);i.length>100&&(yield{blob:new Blob([i],{type:`image/jpeg`}),timestamp:Date.now()-r}),n=n.subarray(t+2)}}}finally{t.releaseLock()}}function mo(){for(let e of[`video/mp4;codecs=avc1.42E01E`,`video/mp4`,`video/webm;codecs=vp9`,`video/webm;codecs=vp8`,`video/webm`])if(MediaRecorder.isTypeSupported(e))return e;return`video/webm`}function ho(e){return e.startsWith(`video/mp4`)?`mp4`:`webm`}function go(){let e=R(`idle`),t=R(0),n=R(0),r=R(null),i=0,a=null,o=null,s=!1,c=null,l=null,u=null,d=[],f=``,p=`webm`;function m(){s=!1,o&&=(o.abort(),null),a&&=(clearInterval(a),null),u&&u.state!==`inactive`&&u.stop(),c=null,l=null,u=null,d=[],n.value=0,t.value=0,e.value=`idle`}async function h(h){m(),c=document.createElement(`canvas`),l=c.getContext(`2d`);let g=c.captureStream(30);f=mo(),p=ho(f),d=[],u=new MediaRecorder(g,{mimeType:f,videoBitsPerSecond:2e6}),u.ondataavailable=e=>{e.data.size>0&&d.push(e.data)},u.start(),i=Date.now(),e.value=`recording`,r.value=null,s=!0,a=setInterval(()=>{s&&(t.value=Date.now()-i)},100),o=new AbortController;try{let e=await fetch(h,{signal:o.signal,cache:`no-store`});if(!e.ok)throw Error(`HTTP ${e.status}: ${e.statusText}`);for await(let t of po(e)){if(!s)break;try{let e=await createImageBitmap(t.blob);if(!c||!l){e.close();break}(c.width!==e.width||c.height!==e.height)&&(c.width=e.width,c.height=e.height),l.drawImage(e,0,0),e.close()}catch{}n.value++}}catch(e){if(e.name===`AbortError`)return;r.value=e.message||String(e)}}function g(){if(e.value!==`recording`){m();return}if(s=!1,o&&=(o.abort(),null),a&&=(clearInterval(a),null),t.value=Date.now()-i,!u||u.state===`inactive`){r.value=`No video data recorded`,e.value=`idle`;return}if(n.value===0){u.stop(),r.value=`No frames captured`,e.value=`idle`;return}u.onstop=()=>{co(new Blob(d,{type:f}),`recording-${new Date().toISOString().replace(/[:.]/g,`-`).slice(0,19)}.${p}`),r.value=null,e.value=`idle`},u.stop()}function _(){m(),r.value=null}function v(e){let t=Math.floor(Math.max(0,e)/1e3),n=Math.floor(t/60),r=t%60,i=Math.floor(Math.max(0,e)%1e3/10);return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}.${String(i).padStart(2,`0`)}`}return{recorderState:e,elapsedMs:t,frameCount:n,recorderError:r,startRecording:h,stopRecording:g,cancelRecording:_,formatElapsed:v}}var _o={class:`live-view`},vo={class:`video-container`},yo=[`src`],bo={key:1,class:`video-placeholder`},xo={key:0,class:`error-text`},So={key:1},Co={key:2,class:`live-badge`},wo=Fn({__name:`LiveView`,props:{streamUrl:{},isLive:{type:Boolean},error:{}},setup(e){return(t,n)=>(q(),J(`div`,_o,[Y(`div`,vo,[e.streamUrl&&e.isLive?(q(),J(`img`,{key:e.streamUrl,src:e.streamUrl,alt:`MJPEG Stream`,class:`video-frame`},null,8,yo)):(q(),J(`div`,bo,[e.error?(q(),J(`span`,xo,xe(e.error),1)):(q(),J(`span`,So,`Stream not started — configure and apply a stream URL above`))])),e.isLive?(q(),J(`div`,Co,[...n[0]||=[Y(`span`,{class:`live-dot`},null,-1),Ni(` LIVE `,-1)]])):Pi(``,!0)])]))}}),To=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Eo=To(wo,[[`__scopeId`,`data-v-710ffa12`]]),Do={class:`recorder-controls`},Oo={class:`controls-row`},ko=[`disabled`],Ao={key:0,class:`recording-info`},jo={class:`rec-time`},Mo={class:`rec-frames`},No={key:1,class:`recorder-error`},Po=To(Fn({__name:`RecorderControls`,props:{state:{},elapsed:{},frameCount:{},isLive:{type:Boolean},error:{}},emits:[`start`,`stop`],setup(e,{emit:t}){let n=t;return(t,r)=>(q(),J(`div`,Do,[Y(`div`,Oo,[e.state===`idle`?(q(),J(`button`,{key:0,class:`btn btn-record`,disabled:!e.isLive,onClick:r[0]||=e=>n(`start`),title:`Start recording`},[...r[2]||=[Y(`span`,{class:`btn-icon`},`⏺`,-1),Ni(` Record `,-1)]],8,ko)):Pi(``,!0),e.state===`recording`?(q(),J(`button`,{key:1,class:`btn btn-stop`,onClick:r[1]||=e=>n(`stop`),title:`Stop and download recording`},[...r[3]||=[Y(`span`,{class:`btn-icon`},`⏹`,-1),Ni(` Stop & Download `,-1)]])):Pi(``,!0)]),e.state===`recording`?(q(),J(`div`,Ao,[r[4]||=Y(`span`,{class:`rec-dot`},null,-1),Y(`span`,jo,xe(e.elapsed),1),Y(`span`,Mo,xe(e.frameCount)+` frames`,1)])):Pi(``,!0),e.error?(q(),J(`div`,No,` ⚠ `+xe(e.error),1)):Pi(``,!0)]))}}),[[`__scopeId`,`data-v-28c7ac14`]]),Fo={class:`playback-panel`},Io={class:`load-area`},Lo={key:0,class:`file-info`},Ro={key:1,class:`file-hint`},zo={key:0,class:`player-container`},Bo=[`src`],Vo={class:`playback-controls`},Ho={class:`playback-time`},Uo={class:`progress-bar`},Wo=To(Fn({__name:`PlaybackPanel`,setup(e){let t=R(null),n=R(null),r=R(null),i=R(``),a=R(!1),o=R(`00:00.00`),s=R(0);function c(e){let t=Math.max(0,e),n=Math.floor(t/60),r=Math.floor(t%60),i=Math.floor(t%1*100);return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}.${String(i).padStart(2,`0`)}`}function l(e){let t=e.target,n=t.files?.[0];n&&(r.value&&URL.revokeObjectURL(r.value),f(),i.value=n.name,r.value=URL.createObjectURL(n),t.value=``)}function u(){let e=t.value;e&&(e.play(),a.value=!0)}function d(){t.value?.pause(),a.value=!1}function f(){let e=t.value;e&&(e.pause(),e.currentTime=0),a.value=!1,o.value=`00:00.00`,s.value=0}function p(){let e=t.value;e&&(o.value=c(e.currentTime),e.duration&&(s.value=e.currentTime/e.duration*100))}function m(){a.value=!1}return(e,c)=>(q(),J(`div`,Fo,[c[3]||=Y(`h2`,{class:`section-title`},`Playback`,-1),Y(`div`,Io,[Y(`input`,{ref_key:`fileInputRef`,ref:n,type:`file`,accept:`.mp4,.webm,video/mp4,video/webm`,class:`file-input-hidden`,onChange:l},null,544),Y(`button`,{class:`btn btn-load`,onClick:c[0]||=e=>n.value?.click()},` 📂 Load Video `),i.value?(q(),J(`span`,Lo,xe(i.value),1)):(q(),J(`span`,Ro,`Select a recorded video file`))]),r.value?(q(),J(`div`,zo,[Y(`video`,{ref_key:`videoRef`,ref:t,src:r.value,class:`playback-video`,onTimeupdate:p,onEnded:m,onPlay:c[1]||=e=>a.value=!0,onPause:c[2]||=e=>a.value=!1},null,40,Bo),Y(`div`,Vo,[a.value?(q(),J(`button`,{key:1,class:`btn btn-sm btn-pause`,onClick:d},` ⏸ Pause `)):(q(),J(`button`,{key:0,class:`btn btn-sm btn-play`,onClick:u},` ▶ Play `)),Y(`button`,{class:`btn btn-sm btn-stop-play`,onClick:f},` ⏹ Stop `),Y(`span`,Ho,xe(o.value),1)]),Y(`div`,Uo,[Y(`div`,{class:`progress-fill`,style:ue({width:s.value+`%`})},null,4)])])):Pi(``,!0)]))}}),[[`__scopeId`,`data-v-a93ce5da`]]),Go=`mjpeg-viewer-config`,Ko={mjpegUrl:`http://localhost:8080/stream`};function qo(){try{let e=localStorage.getItem(Go);if(e)return{...Ko,...JSON.parse(e)}}catch{}return{...Ko}}function Jo(e){localStorage.setItem(Go,JSON.stringify(e))}var Yo=qo();function Xo(e){return Object.assign(Yo,e),Jo(Yo),Yo}var Zo={class:`config-panel`},Qo={class:`config-row`},$o={class:`input-group`},es={key:0,class:`save-hint`},ts=To(Fn({__name:`ConfigPanel`,emits:[`apply`],setup(e,{emit:t}){let n=R(Yo.mjpegUrl),r=R(!1);function i(){Xo({mjpegUrl:n.value.trim()}),r.value=!0,setTimeout(()=>{r.value=!1},2e3)}let a=t;function o(){i(),a(`apply`,n.value.trim())}return(e,t)=>(q(),J(`div`,Zo,[t[2]||=Y(`h2`,{class:`section-title`},`Stream Configuration`,-1),Y(`div`,Qo,[t[1]||=Y(`label`,{class:`config-label`,for:`mjpeg-url`},`MJPEG Stream URL`,-1),Y(`div`,$o,[xn(Y(`input`,{id:`mjpeg-url`,"onUpdate:modelValue":t[0]||=e=>n.value=e,type:`text`,class:`config-input`,placeholder:`http://example.com:8080/stream`,onKeyup:eo(o,[`enter`])},null,544),[[Qa,n.value]]),Y(`button`,{class:`btn btn-apply`,onClick:o},` Apply & Connect `)]),r.value?(q(),J(`span`,es,`✓ Saved`)):Pi(``,!0)])]))}}),[[`__scopeId`,`data-v-1bf23d59`]]),ns={class:`app-shell`},rs={class:`app-header`},is={key:0,class:`status-badge live`},as={key:1,class:`status-badge idle`},os={class:`app-main`},ss={class:`tab-bar`},cs={class:`tab-content`},ls={class:`tab-content`};io(Fn({__name:`App`,setup(e){let{streamUrl:t,isLive:n,error:r,start:i,stop:a}=so(),{recorderState:o,elapsedMs:s,frameCount:c,recorderError:l,startRecording:u,stopRecording:d,formatElapsed:f}=go(),p=R(`live`);function m(e){i(e)}function h(){t.value&&u(t.value)}function g(){d()}let _=ia(()=>f(s.value));return $n(()=>{a()}),(e,i)=>(q(),J(`div`,ns,[Y(`header`,rs,[i[2]||=Y(`h1`,{class:`app-title`},`MJPEG Stream Viewer`,-1),Ut(n)?(q(),J(`span`,is,`● Stream Active`)):(q(),J(`span`,as,`○ Disconnected`))]),Y(`main`,os,[X(ts,{onApply:m}),Y(`div`,ss,[Y(`button`,{class:k([`tab-btn`,{active:p.value===`live`}]),onClick:i[0]||=e=>p.value=`live`},` Live View `,2),Y(`button`,{class:k([`tab-btn`,{active:p.value===`playback`}]),onClick:i[1]||=e=>p.value=`playback`},` Playback `,2)]),xn(Y(`section`,cs,[X(Eo,{"stream-url":Ut(t),"is-live":Ut(n),error:Ut(r)},null,8,[`stream-url`,`is-live`,`error`]),X(Po,{state:Ut(o),elapsed:_.value,"frame-count":Ut(c),"is-live":Ut(n),error:Ut(l),onStart:h,onStop:g},null,8,[`state`,`elapsed`,`frame-count`,`is-live`,`error`])],512),[[va,p.value===`live`]]),xn(Y(`section`,ls,[X(Wo)],512),[[va,p.value===`playback`]])])]))}})).mount(`#app`);
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index 1431f19..cb2d68f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>MJPEG Stream Viewer</title>
-    <script type="module" crossorigin src="/assets/index-CHMLXxlv.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Deon0U_J.css">
+    <script type="module" crossorigin src="/assets/index-aL8cGzGF.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-C8d4acis.css">
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index 0af7723..f305ab9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -92,7 +92,7 @@ onUnmounted(() => {
 
       <!-- Tab: Playback -->
       <section v-show="activeTab === 'playback'" class="tab-content">
-        <PlaybackPanel ref="playbackRef" />
+        <PlaybackPanel />
       </section>
     </main>
   </div>
diff --git a/src/components/PlaybackPanel.vue b/src/components/PlaybackPanel.vue
index 85509c4..8ce38dd 100644
--- a/src/components/PlaybackPanel.vue
+++ b/src/components/PlaybackPanel.vue
@@ -1,171 +1,75 @@
 <script setup lang="ts">
-import { ref, onUnmounted } from 'vue'
-import { unpackFrames, type Frame, type RecordingFile } from '../composables/useStorage'
+import { ref } from 'vue'
 
-const canvasRef = ref<HTMLCanvasElement | null>(null)
+const videoRef = ref<HTMLVideoElement | null>(null)
 const fileInputRef = ref<HTMLInputElement | null>(null)
+const videoUrl = ref<string | null>(null)
+const fileName = ref('')
+const playing = ref(false)
+const playbackTime = ref('00:00.00')
 const playbackProgress = ref(0)
-const playbackDuration = ref('00:00.00')
-const playbackState = ref<'idle' | 'playing' | 'paused'>('idle')
 
-const currentFile = ref<RecordingFile | null>(null)
-
-let activeFrames: Frame[] = []
-let activeDuration = 0
-let currentFrameIndex = 0
-let playbackStartTime = 0
-let totalPausedTime = 0
-let pausedAt = 0
-let rafId = 0
-
-function formatDuration(ms: number): string {
-  const totalSec = Math.floor(ms / 1000)
-  const min = Math.floor(totalSec / 60)
-  const sec = totalSec % 60
-  return `${String(min).padStart(2, '0')}:${String(sec).padStart(2, '0')}`
-}
-
-function formatElapsed(ms: number): string {
-  const totalSec = Math.floor(Math.max(0, ms) / 1000)
-  const min = Math.floor(totalSec / 60)
-  const sec = totalSec % 60
-  const centis = Math.floor((Math.max(0, ms) % 1000) / 10)
+function formatTime(seconds: number): string {
+  const s = Math.max(0, seconds)
+  const min = Math.floor(s / 60)
+  const sec = Math.floor(s % 60)
+  const centis = Math.floor((s % 1) * 100)
   return `${String(min).padStart(2, '0')}:${String(sec).padStart(2, '0')}.${String(centis).padStart(2, '0')}`
 }
 
-function getCanvasCtx(): { canvas: HTMLCanvasElement; ctx: CanvasRenderingContext2D } | null {
-  const canvas = canvasRef.value
-  if (!canvas) return null
-  const ctx = canvas.getContext('2d')
-  if (!ctx) return null
-  return { canvas, ctx }
-}
-
-function renderPlaybackFrame(
-  frames: Frame[],
-  duration: number,
-  index: number,
-  canvas: HTMLCanvasElement,
-  ctx: CanvasRenderingContext2D,
-) {
-  if (playbackState.value !== 'playing') return
-  if (index >= frames.length) {
-    stopPlayback()
-    return
-  }
-
-  currentFrameIndex = index
-  const frame = frames[index]!
-  const elapsed = performance.now() - playbackStartTime - totalPausedTime
-  playbackProgress.value = Math.min((elapsed / duration) * 100, 100)
-  playbackDuration.value = formatElapsed(elapsed)
-
-  const img = new Image()
-  const url = URL.createObjectURL(frame.blob)
-  img.onload = () => {
-    URL.revokeObjectURL(url)
-    if (canvas.width !== img.width || canvas.height !== img.height) {
-      canvas.width = img.width
-      canvas.height = img.height
-    }
-    ctx.drawImage(img, 0, 0)
-
-    const nextIndex = index + 1
-    if (nextIndex < frames.length) {
-      const nextFrame = frames[nextIndex]!
-      const delay = nextFrame.timestamp - frame.timestamp
-      rafId = window.setTimeout(
-        () => renderPlaybackFrame(frames, duration, nextIndex, canvas, ctx),
-        Math.max(delay, 16),
-      )
-    } else {
-      rafId = window.setTimeout(() => stopPlayback(), 500)
-    }
-  }
-  img.src = url
-}
-
-async function startPlayback(frames: Frame[], duration: number) {
-  stopPlayback()
-  const c = getCanvasCtx()
-  if (!c) return
-
-  activeFrames = frames
-  activeDuration = duration
-  playbackState.value = 'playing'
-  currentFrameIndex = 0
-  totalPausedTime = 0
-  playbackStartTime = performance.now()
-
-  renderPlaybackFrame(activeFrames, activeDuration, 0, c.canvas, c.ctx)
-}
-
-function pausePlayback() {
-  if (playbackState.value !== 'playing') return
-  playbackState.value = 'paused'
-  pausedAt = performance.now()
-  if (rafId) {
-    clearTimeout(rafId)
-    rafId = 0
-  }
-}
-
-function resumePlayback() {
-  if (playbackState.value !== 'paused') return
-  const c = getCanvasCtx()
-  if (!c) return
-
-  totalPausedTime += performance.now() - pausedAt
-  playbackState.value = 'playing'
-  renderPlaybackFrame(activeFrames, activeDuration, currentFrameIndex, c.canvas, c.ctx)
-}
-
-function stopPlayback() {
-  playbackState.value = 'idle'
-  playbackProgress.value = 0
-  playbackDuration.value = '00:00.00'
-  currentFrameIndex = 0
-  activeFrames = []
-  activeDuration = 0
-  if (rafId) {
-    clearTimeout(rafId)
-    rafId = 0
-  }
-  const canvas = canvasRef.value
-  if (canvas) {
-    const ctx = canvas.getContext('2d')
-    ctx?.clearRect(0, 0, canvas.width, canvas.height)
-  }
-}
-
-async function handleFileSelect(event: Event) {
+function handleFileSelect(event: Event) {
   const input = event.target as HTMLInputElement
   const file = input.files?.[0]
   if (!file) return
 
-  stopPlayback()
-
-  try {
-    const frames = await unpackFrames(file)
-    currentFile.value = {
-      name: file.name,
-      duration: frames.length > 0 ? frames[frames.length - 1]!.timestamp : 0,
-      frameCount: frames.length,
-      data: file,
-    }
-    await startPlayback(frames, currentFile.value.duration)
-  } catch (e: any) {
-    currentFile.value = null
-    alert(`Failed to load recording: ${e.message || e}`)
+  // Revoke previous URL
+  if (videoUrl.value) {
+    URL.revokeObjectURL(videoUrl.value)
   }
 
-  // Reset input so the same file can be re-selected
+  stopPlayback()
+  fileName.value = file.name
+  videoUrl.value = URL.createObjectURL(file)
+
+  // Reset input
   input.value = ''
 }
 
-onUnmounted(() => {
-  stopPlayback()
-})
+function play() {
+  const v = videoRef.value
+  if (!v) return
+  v.play()
+  playing.value = true
+}
+
+function pause() {
+  videoRef.value?.pause()
+  playing.value = false
+}
+
+function stopPlayback() {
+  const v = videoRef.value
+  if (v) {
+    v.pause()
+    v.currentTime = 0
+  }
+  playing.value = false
+  playbackTime.value = '00:00.00'
+  playbackProgress.value = 0
+}
+
+function onTimeUpdate() {
+  const v = videoRef.value
+  if (!v) return
+  playbackTime.value = formatTime(v.currentTime)
+  if (v.duration) {
+    playbackProgress.value = (v.currentTime / v.duration) * 100
+  }
+}
+
+function onEnded() {
+  playing.value = false
+}
 </script>
 
 <template>
@@ -177,42 +81,48 @@ onUnmounted(() => {
       <input
         ref="fileInputRef"
         type="file"
-        accept=".mjpeg"
+        accept=".mp4,.webm,video/mp4,video/webm"
         class="file-input-hidden"
         @change="handleFileSelect"
       />
       <button class="btn btn-load" @click="fileInputRef?.click()">
-        📂 Load Recording File
+        📂 Load Video
       </button>
-      <span v-if="currentFile" class="file-info">
-        {{ currentFile.name }} · {{ currentFile.frameCount }} frames · {{ formatDuration(currentFile.duration) }}
-      </span>
-      <span v-else class="file-hint">Select a .mjpeg file to play back</span>
+      <span v-if="fileName" class="file-info">{{ fileName }}</span>
+      <span v-else class="file-hint">Select a recorded video file</span>
     </div>
 
-    <!-- Player canvas -->
-    <div v-if="playbackState !== 'idle'" class="player-container">
-      <canvas ref="canvasRef" class="playback-canvas"></canvas>
+    <!-- Player -->
+    <div v-if="videoUrl" class="player-container">
+      <video
+        ref="videoRef"
+        :src="videoUrl"
+        class="playback-video"
+        @timeupdate="onTimeUpdate"
+        @ended="onEnded"
+        @play="playing = true"
+        @pause="playing = false"
+      ></video>
 
       <div class="playback-controls">
         <button
-          v-if="playbackState === 'playing'"
-          class="btn btn-sm btn-pause"
-          @click="pausePlayback"
+          v-if="!playing"
+          class="btn btn-sm btn-play"
+          @click="play"
         >
-          ⏸ Pause
+          ▶ Play
         </button>
         <button
-          v-if="playbackState === 'paused'"
-          class="btn btn-sm btn-play"
-          @click="resumePlayback"
+          v-else
+          class="btn btn-sm btn-pause"
+          @click="pause"
         >
-          ▶ Resume
+          ⏸ Pause
         </button>
         <button class="btn btn-sm btn-stop-play" @click="stopPlayback">
           ⏹ Stop
         </button>
-        <span class="playback-time">{{ playbackDuration }}</span>
+        <span class="playback-time">{{ playbackTime }}</span>
       </div>
 
       <div class="progress-bar">
@@ -234,7 +144,6 @@ onUnmounted(() => {
   color: #ddd;
 }
 
-/* Load area */
 .load-area {
   display: flex;
   align-items: center;
@@ -257,19 +166,17 @@ onUnmounted(() => {
   color: #666;
 }
 
-/* Player */
 .player-container {
-  margin-bottom: 20px;
   border-radius: 8px;
   overflow: hidden;
   background: #1a1a2e;
 }
 
-.playback-canvas {
+.playback-video {
   width: 100%;
   display: block;
   max-height: 480px;
-  object-fit: contain;
+  background: #000;
 }
 
 .playback-controls {
@@ -297,7 +204,6 @@ onUnmounted(() => {
   transition: width 0.1s linear;
 }
 
-/* Buttons */
 .btn {
   display: inline-flex;
   align-items: center;
diff --git a/src/composables/useRecorder.ts b/src/composables/useRecorder.ts
index 7df0ab5..c8629fc 100644
--- a/src/composables/useRecorder.ts
+++ b/src/composables/useRecorder.ts
@@ -1,5 +1,5 @@
 import { ref, type Ref } from 'vue'
-import { packFrames, downloadBlob } from './useStorage'
+import { downloadBlob } from './useStorage'
 
 export type RecorderState = 'idle' | 'recording'
 
@@ -20,7 +20,6 @@ async function* parseMjpegByMarkers(
   response: Response,
 ): AsyncGenerator<{ blob: Blob; timestamp: number }> {
   if (!response.body) throw new Error('Response body is null')
-
   const reader = response.body.getReader()
   let buffer = new Uint8Array(0)
   const startTime = Date.now()
@@ -29,7 +28,6 @@ async function* parseMjpegByMarkers(
     while (true) {
       const { done, value } = await reader.read()
       if (done) break
-
       const newBuf = new Uint8Array(buffer.length + value.length)
       newBuf.set(buffer)
       newBuf.set(value, buffer.length)
@@ -40,7 +38,6 @@ async function* parseMjpegByMarkers(
         if (soi === -1) break
         const eoi = indexOf(buffer, EOI, soi + 2)
         if (eoi === -1) break
-
         const jpegData = buffer.subarray(soi, eoi + 2)
         if (jpegData.length > 100) {
           yield { blob: new Blob([jpegData], { type: 'image/jpeg' }), timestamp: Date.now() - startTime }
@@ -53,18 +50,45 @@ async function* parseMjpegByMarkers(
   }
 }
 
+/** Pick the best available video mime type — prefer MP4, fall back to WebM */
+function bestMimeType(): string {
+  const types = [
+    'video/mp4;codecs=avc1.42E01E',
+    'video/mp4',
+    'video/webm;codecs=vp9',
+    'video/webm;codecs=vp8',
+    'video/webm',
+  ]
+  for (const t of types) {
+    if (MediaRecorder.isTypeSupported(t)) return t
+  }
+  return 'video/webm'
+}
+
+function fileExtension(mimeType: string): string {
+  if (mimeType.startsWith('video/mp4')) return 'mp4'
+  return 'webm'
+}
+
 export function useRecorder() {
   const recorderState: Ref<RecorderState> = ref('idle')
   const elapsedMs = ref(0)
   const frameCount = ref(0)
   const recorderError: Ref<string | null> = ref(null)
 
-  let frames: { timestamp: number; blob: Blob }[] = []
   let startTime = 0
   let timerInterval: ReturnType<typeof setInterval> | null = null
   let abortController: AbortController | null = null
   let running = false
 
+  // MediaRecorder + canvas
+  let canvas: HTMLCanvasElement | null = null
+  let ctx: CanvasRenderingContext2D | null = null
+  let mediaRecorder: MediaRecorder | null = null
+  let chunks: Blob[] = []
+  let mimeType = ''
+  let ext = 'webm'
+
   function reset() {
     running = false
     if (abortController) {
@@ -75,7 +99,13 @@ export function useRecorder() {
       clearInterval(timerInterval)
       timerInterval = null
     }
-    frames = []
+    if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+      mediaRecorder.stop()
+    }
+    canvas = null
+    ctx = null
+    mediaRecorder = null
+    chunks = []
     frameCount.value = 0
     elapsedMs.value = 0
     recorderState.value = 'idle'
@@ -84,6 +114,20 @@ export function useRecorder() {
   async function startRecording(streamUrl: string) {
     reset()
 
+    // Set up canvas + MediaRecorder
+    canvas = document.createElement('canvas')
+    ctx = canvas.getContext('2d')!
+    const stream = canvas.captureStream(30)
+    mimeType = bestMimeType()
+    ext = fileExtension(mimeType)
+
+    chunks = []
+    mediaRecorder = new MediaRecorder(stream, { mimeType, videoBitsPerSecond: 2_000_000 })
+    mediaRecorder.ondataavailable = (e) => {
+      if (e.data.size > 0) chunks.push(e.data)
+    }
+    mediaRecorder.start()
+
     startTime = Date.now()
     recorderState.value = 'recording'
     recorderError.value = null
@@ -95,6 +139,7 @@ export function useRecorder() {
 
     abortController = new AbortController()
 
+    // Start fetching + drawing frames
     try {
       const response = await fetch(streamUrl, {
         signal: abortController.signal,
@@ -107,8 +152,25 @@ export function useRecorder() {
 
       for await (const frame of parseMjpegByMarkers(response)) {
         if (!running) break
-        frames.push({ timestamp: frame.timestamp, blob: frame.blob })
-        frameCount.value = frames.length
+
+        // Draw frame to canvas so MediaRecorder encodes it
+        try {
+          const bitmap = await createImageBitmap(frame.blob)
+          if (!canvas || !ctx) {
+            bitmap.close()
+            break
+          }
+          if (canvas.width !== bitmap.width || canvas.height !== bitmap.height) {
+            canvas.width = bitmap.width
+            canvas.height = bitmap.height
+          }
+          ctx.drawImage(bitmap, 0, 0)
+          bitmap.close()
+        } catch {
+          // corrupted frame — skip
+        }
+
+        frameCount.value++
       }
     } catch (e: any) {
       if (e.name === 'AbortError') return
@@ -116,10 +178,10 @@ export function useRecorder() {
     }
   }
 
-  function stopRecording(): boolean {
+  function stopRecording() {
     if (recorderState.value !== 'recording') {
       reset()
-      return false
+      return
     }
 
     running = false
@@ -134,23 +196,28 @@ export function useRecorder() {
     }
     elapsedMs.value = Date.now() - startTime
 
-    const savedFrames = [...frames]
-    frames = []
-
-    if (savedFrames.length === 0) {
-      recorderError.value = 'No frames captured — check that the stream is accessible'
+    if (!mediaRecorder || mediaRecorder.state === 'inactive') {
+      recorderError.value = 'No video data recorded'
       recorderState.value = 'idle'
-      return false
+      return
     }
 
-    // Pack and download
-    const blob = packFrames(savedFrames)
-    const ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19)
-    downloadBlob(blob, `recording-${ts}.mjpeg`)
+    if (frameCount.value === 0) {
+      mediaRecorder.stop()
+      recorderError.value = 'No frames captured'
+      recorderState.value = 'idle'
+      return
+    }
 
-    recorderError.value = null
-    recorderState.value = 'idle'
-    return true
+    // Request final blob and download
+    mediaRecorder.onstop = () => {
+      const blob = new Blob(chunks, { type: mimeType })
+      const ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19)
+      downloadBlob(blob, `recording-${ts}.${ext}`)
+      recorderError.value = null
+      recorderState.value = 'idle'
+    }
+    mediaRecorder.stop()
   }
 
   function cancelRecording() {
diff --git a/src/composables/useStorage.ts b/src/composables/useStorage.ts
index 0378bd5..1d1aca2 100644
--- a/src/composables/useStorage.ts
+++ b/src/composables/useStorage.ts
@@ -1,60 +1,3 @@
-/**
- * MJPEG frame packing / unpacking for download & playback.
- *
- * Binary format:
- *   [4B BE uint32 frameCount]
- *   Per frame: [4B BE uint32 timestamp(ms)] [4B BE uint32 jpegLen] [JPEG bytes]
- */
-
-export interface Frame {
-  timestamp: number
-  blob: Blob
-}
-
-export interface RecordingFile {
-  name: string
-  duration: number
-  frameCount: number
-  data: Blob
-}
-
-export function packFrames(frames: { timestamp: number; blob: Blob }[]): Blob {
-  const headerSize = 4 + frames.length * 8
-  const header = new ArrayBuffer(headerSize)
-  const view = new DataView(header)
-  view.setUint32(0, frames.length)
-
-  let offset = 4
-  const parts: BlobPart[] = [header]
-  for (const f of frames) {
-    view.setUint32(offset, f.timestamp)
-    view.setUint32(offset + 4, f.blob.size)
-    offset += 8
-    parts.push(f.blob)
-  }
-  return new Blob(parts, { type: 'application/octet-stream' })
-}
-
-export async function unpackFrames(data: Blob): Promise<Frame[]> {
-  const buf = await data.arrayBuffer()
-  const view = new DataView(buf)
-  const frameCount = view.getUint32(0)
-  const frames: Frame[] = []
-
-  let offset = 4
-  for (let i = 0; i < frameCount; i++) {
-    const timestamp = view.getUint32(offset)
-    const jpegLen = view.getUint32(offset + 4)
-    offset += 8
-    frames.push({
-      timestamp,
-      blob: new Blob([buf.slice(offset, offset + jpegLen)], { type: 'image/jpeg' }),
-    })
-    offset += jpegLen
-  }
-  return frames
-}
-
 /** Trigger browser download of a blob as a file */
 export function downloadBlob(blob: Blob, filename: string): void {
   const url = URL.createObjectURL(blob)