[data-v-7cb7f13d]:root{--mobile-screen-frame-size: 0px;--mobile-screen-frame-inline-size: 0px;--mobile-screen-frame-color: #000;--footer-com-inline-inset: 1.33333rem;--footer-com-mobile-inline-inset: 1rem;--page-inline-gutter: 6vw;--text-color: #fffff4;--bg-color: #000;--opacity-color: #ffffff7a;--opacity-color2: rgba(255, 255, 255, .1);--star-color: #f7f7b686;--surface-color: rgba(13, 9, 18, .82);--surface-color-solid: #0b070f;--surface-color-soft: rgba(255, 255, 255, .035);--surface-color-raised: rgba(20, 10, 18, .9);--surface-color-inset: #090406;--text-muted: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .32);--text-ghost: rgba(255, 255, 255, .14);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .22);--grid-line-color: rgba(255, 255, 255, .035);--shadow-color: rgba(0, 0, 0, .42);--shadow-color-soft: rgba(0, 0, 0, .18);--scanline-color: rgba(255, 255, 255, .04);--overlay-color: rgba(0, 0, 0, .58);--code-bg-color: #090406;--input-bg-color: rgba(9, 4, 6, .74);--panel-grid-bg: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px), #090406}@media screen and (max-aspect-ratio: 1){[data-v-7cb7f13d]:root{--page-inline-gutter: clamp(1.8667rem, 8vw, 2.4rem)}}[data-theme=light][data-v-7cb7f13d],.light[data-v-7cb7f13d]{--text-color: #1f1f1f;--bg-color: #ffffff;--opacity-color: #00000075;--opacity-color2: rgba(0, 0, 0, .1);--star-color: #4400b986;--surface-color: rgba(255, 255, 255, .78);--surface-color-solid: #ffffff;--surface-color-soft: rgba(0, 0, 0, .035);--surface-color-raised: rgba(255, 255, 255, .92);--surface-color-inset: #f4f1ed;--text-muted: rgba(0, 0, 0, .58);--text-faint: rgba(0, 0, 0, .34);--text-ghost: rgba(0, 0, 0, .14);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .2);--grid-line-color: rgba(0, 0, 0, .05);--shadow-color: rgba(20, 20, 20, .1);--shadow-color-soft: rgba(20, 20, 20, .08);--scanline-color: rgba(0, 0, 0, .035);--overlay-color: rgba(255, 255, 255, .62);--code-bg-color: #f7f4ef;--input-bg-color: rgba(255, 255, 255, .78);--panel-grid-bg: linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .035) 1px, transparent 1px), #f7f4ef}@keyframes tacticalIn-7cb7f13d{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.codec-tool[data-v-7cb7f13d]{color:#fff;font-family:UnboundedSans,system-ui,sans-serif}.codec-stage[data-v-7cb7f13d],.codec-result[data-v-7cb7f13d]{animation:tacticalIn-7cb7f13d .4s cubic-bezier(.2,.8,.2,1) both}.codec-stage[data-v-7cb7f13d]{animation-delay:.1s}.codec-result[data-v-7cb7f13d]{animation-delay:.15s}.pt-grid[data-v-7cb7f13d]{display:grid;grid-template-columns:5fr 2fr;gap:1rem 0;align-items:stretch}.pt-panel[data-v-7cb7f13d],.right-panel[data-v-7cb7f13d]{position:relative;min-height:20rem;display:flex;flex-direction:column}.pt-panel[data-v-7cb7f13d]{background:linear-gradient(150deg,#25252587 0%,rgba(68,5,18,.35) 100%);-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem);padding:1rem;overflow:hidden}.right-panel[data-v-7cb7f13d]{background:#140a0c;border:1px solid rgba(255,255,255,.07);padding:1rem}.corner[data-v-7cb7f13d],.corner-img[data-v-7cb7f13d]{position:absolute;width:.4rem;height:.4rem;pointer-events:none;z-index:5}.corner--tl[data-v-7cb7f13d],.corner-img--tl[data-v-7cb7f13d]{top:-1px;left:-1px;border-top:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--tr[data-v-7cb7f13d],.corner-img--tr[data-v-7cb7f13d]{top:-1px;right:-1px;border-top:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner--bl[data-v-7cb7f13d],.corner-img--bl[data-v-7cb7f13d]{bottom:-1px;left:-1px;border-bottom:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--br[data-v-7cb7f13d],.corner-img--br[data-v-7cb7f13d]{bottom:-1px;right:-1px;border-bottom:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner.corner-img.corner--tl[data-v-7cb7f13d],.corner-img.corner-img.corner--tl[data-v-7cb7f13d]{top:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--tr[data-v-7cb7f13d],.corner-img.corner-img.corner--tr[data-v-7cb7f13d]{top:.33333rem;right:.33333rem;border-color:#50505076}.corner.corner-img.corner--bl[data-v-7cb7f13d],.corner-img.corner-img.corner--bl[data-v-7cb7f13d]{bottom:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--br[data-v-7cb7f13d],.corner-img.corner-img.corner--br[data-v-7cb7f13d]{bottom:.33333rem;right:.33333rem;border-color:#50505076}.codec-stage[data-v-7cb7f13d]{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 32%,rgba(232,40,74,.18),transparent 40%),#090406;background-size:1.2rem 1.2rem,1.2rem 1.2rem,auto,auto}.pt-panel-title[data-v-7cb7f13d]{display:flex;justify-content:space-between;gap:.4rem;color:#ffffff73;margin-bottom:.8rem}.pt-panel-title span[data-v-7cb7f13d]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.46667rem}.codec-textarea[data-v-7cb7f13d]{flex:1;min-height:12rem;resize:vertical;border:1px solid rgba(255,255,255,.07);background:rgba(9,4,6,.82);color:#fff;font-family:STSong,serif;font-size:.5rem;line-height:1.7;outline:none;padding:.6rem}.codec-textarea[data-v-7cb7f13d]:focus{border-color:#e8284a}.action-row[data-v-7cb7f13d]{display:grid;grid-template-columns:1fr 1fr auto auto;gap:.33333rem;margin-top:.6rem}.transport-btn[data-v-7cb7f13d],.pt-btn[data-v-7cb7f13d]{border:1px solid rgba(255,255,255,.07);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.transport-btn span[data-v-7cb7f13d],.pt-btn span[data-v-7cb7f13d]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center}.transport-btn[data-v-7cb7f13d]:hover:not(:disabled),.pt-btn[data-v-7cb7f13d]:hover:not(:disabled){border-color:#e8284a;color:#e8284a;background:rgba(232,40,74,.15)}.transport-btn[data-v-7cb7f13d]:disabled,.pt-btn[data-v-7cb7f13d]:disabled{cursor:not-allowed;opacity:.45}.transport-btn[data-v-7cb7f13d]{padding:.4rem;background:#e8284a;border-color:#e8284a}.transport-btn span[data-v-7cb7f13d]{font-size:.6rem;font-weight:700}.transport-btn--dark[data-v-7cb7f13d]{background:transparent}.pt-btn[data-v-7cb7f13d]{background:transparent;padding:.26667rem .4rem}.pt-btn span[data-v-7cb7f13d]{font-size:.43333rem}.pt-code-wrap[data-v-7cb7f13d]{border:1px solid rgba(255,255,255,.07);background:#090406}.pt-code-header[data-v-7cb7f13d]{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.33333rem .53333rem;border-bottom:1px solid rgba(255,255,255,.07);color:#ffffff73}.pt-code-header>span[data-v-7cb7f13d]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.4rem}.pt-code-block[data-v-7cb7f13d]{height:13.33333rem;margin:0;padding:.53333rem;color:#e23456;font-family:STSong,serif;font-size:.43333rem;line-height:1.6;overflow:auto;white-space:pre-wrap;word-break:break-word}.pt-code-block[data-v-7cb7f13d] *{font-family:STSong,serif}.codec-meta[data-v-7cb7f13d]{display:grid;grid-template-columns:4fr 4fr 1fr;gap:.33333rem;margin-top:.6rem}.codec-meta div[data-v-7cb7f13d]{border:1px solid rgba(255,255,255,.07);background:rgba(9,4,6,.64);padding:.4rem}.codec-meta span[data-v-7cb7f13d],.codec-meta strong[data-v-7cb7f13d]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;display:block;font-size:.43333rem}.codec-meta span[data-v-7cb7f13d]{color:#ffffff73;margin-bottom:.2rem}.error-box[data-v-7cb7f13d]{border:1px solid rgba(232,40,74,.5);background:rgba(232,40,74,.15);color:#e8284a;margin-top:.4rem;padding:.4rem}.error-box span[data-v-7cb7f13d]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.43333rem}.crystal-container[data-v-7cb7f13d]{position:absolute;bottom:1.16667rem;right:1.06667rem;z-index:1}@media (max-width: 900px){.pt-grid[data-v-7cb7f13d]{grid-template-columns:1fr}.pt-panel[data-v-7cb7f13d],.right-panel[data-v-7cb7f13d]{min-height:16rem}}@media (max-width: 600px){.action-row[data-v-7cb7f13d]{grid-template-columns:1fr 1fr}}