[data-v-9787c3bf]: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-9787c3bf]:root{--page-inline-gutter: clamp(1.8667rem, 8vw, 2.4rem)}}[data-theme=light][data-v-9787c3bf],.light[data-v-9787c3bf]{--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-9787c3bf{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.ease-tool[data-v-9787c3bf]{color:#fff;font-family:UnboundedSans,system-ui,sans-serif}.curve-panel[data-v-9787c3bf]{animation:tacticalIn-9787c3bf .4s cubic-bezier(.2,.8,.2,1) .1s both}.pt-result-area[data-v-9787c3bf]{animation:tacticalIn-9787c3bf .4s cubic-bezier(.2,.8,.2,1) .15s both}.pt-grid[data-v-9787c3bf]{display:grid;grid-template-columns:5fr 2fr;gap:1rem 0;align-items:stretch}.pt-panel[data-v-9787c3bf]{position:relative;background:linear-gradient(150deg,#25252587 0%,rgba(68,5,18,.35) 100%);-webkit-backdrop-filter:blur(.13333rem);backdrop-filter:blur(.13333rem);padding:1rem;min-height:10rem;display:flex;flex-direction:column}.right-panel[data-v-9787c3bf]{position:relative;background:#140a0c;border:1px solid rgba(255,255,255,.07);padding:1rem;min-height:10rem;display:flex;flex-direction:column}.corner[data-v-9787c3bf],.corner-img[data-v-9787c3bf]{position:absolute;width:.4rem;height:.4rem;pointer-events:none;z-index:5}.corner--tl[data-v-9787c3bf],.corner-img--tl[data-v-9787c3bf]{top:-1px;left:-1px;border-top:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--tr[data-v-9787c3bf],.corner-img--tr[data-v-9787c3bf]{top:-1px;right:-1px;border-top:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner--bl[data-v-9787c3bf],.corner-img--bl[data-v-9787c3bf]{bottom:-1px;left:-1px;border-bottom:.06667rem solid #e8284a;border-left:.06667rem solid #e8284a}.corner--br[data-v-9787c3bf],.corner-img--br[data-v-9787c3bf]{bottom:-1px;right:-1px;border-bottom:.06667rem solid #e8284a;border-right:.06667rem solid #e8284a}.corner.corner-img.corner--tl[data-v-9787c3bf],.corner-img.corner-img.corner--tl[data-v-9787c3bf]{top:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--tr[data-v-9787c3bf],.corner-img.corner-img.corner--tr[data-v-9787c3bf]{top:.33333rem;right:.33333rem;border-color:#50505076}.corner.corner-img.corner--bl[data-v-9787c3bf],.corner-img.corner-img.corner--bl[data-v-9787c3bf]{bottom:.33333rem;left:.33333rem;border-color:#50505076}.corner.corner-img.corner--br[data-v-9787c3bf],.corner-img.corner-img.corner--br[data-v-9787c3bf]{bottom:.33333rem;right:.33333rem;border-color:#50505076}.curve-panel[data-v-9787c3bf]{position:relative;overflow:hidden;flex-direction:row;gap:.8rem;align-items:flex-start}.curve-stage[data-v-9787c3bf]{position:relative;flex:0 0 clamp(18.33333rem,50%,10.66667rem);aspect-ratio:1 / 1;min-height:0;border:1px solid rgba(255,255,255,.07);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 68% 24%,rgba(232,40,74,.22),transparent 30%),#090406;background-size:1.2rem 1.2rem,1.2rem 1.2rem,auto,auto;padding:.8rem}.curve-svg[data-v-9787c3bf]{position:relative;z-index:2;width:100%;height:100%;min-height:0;overflow:visible;touch-action:none}.curve-grid-line[data-v-9787c3bf],.curve-handle-line[data-v-9787c3bf]{vector-effect:non-scaling-stroke}.curve-grid-line[data-v-9787c3bf]{stroke:#ffffff1f;stroke-width:1;stroke-dasharray:3 4}.curve-handle-line[data-v-9787c3bf]{stroke:#ffffff59;stroke-width:1}.curve-path-shadow[data-v-9787c3bf]{fill:none;stroke:#e8284a47;stroke-width:8;vector-effect:non-scaling-stroke}.curve-path[data-v-9787c3bf]{fill:none;stroke:url(#curveGlow);stroke-width:2.5;vector-effect:non-scaling-stroke}.curve-anchor[data-v-9787c3bf],.curve-point[data-v-9787c3bf]{vector-effect:non-scaling-stroke}.curve-anchor[data-v-9787c3bf]{fill:#fff}.curve-point[data-v-9787c3bf]{fill:#e8284a;stroke:#fff;stroke-width:1.5;cursor:grab!important}.curve-point[data-v-9787c3bf]:active{cursor:grabbing}.curve-grid-label[data-v-9787c3bf]{position:absolute;z-index:3;font-family:Anton,sans-serif;font-size:1.26667rem;color:#ffffff14}.curve-grid-label--start[data-v-9787c3bf]{left:.73333rem;bottom:.4rem}.curve-grid-label--end[data-v-9787c3bf]{right:.73333rem;top:.4rem}.pt-scanlines[data-v-9787c3bf]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.01) 1px,transparent 1px);background-size:100% .13333rem;pointer-events:none}.control-grid[data-v-9787c3bf]{position:relative;z-index:2;display:grid;grid-template-columns:1fr;flex:0 0 20.66667rem;gap:.4rem;align-content:start}.control-item[data-v-9787c3bf]{border:1px solid rgba(255,255,255,.07);background:rgba(9,4,6,.74);padding:.4rem;display:grid;gap:.26667rem}.control-item span[data-v-9787c3bf],.control-item strong[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.36667rem}.control-item span[data-v-9787c3bf]{color:#ffffff73}.control-item strong[data-v-9787c3bf]{color:#fff}input[type=range][data-v-9787c3bf]{width:100%;accent-color:#e8284a}.pt-panel-title[data-v-9787c3bf]{display:flex;justify-content:space-between;gap:.4rem;font-size:.4rem;color:#ffffff73;margin-bottom:.8rem}.pt-panel-title span[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left}.preview-area[data-v-9787c3bf]{border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 50%,rgba(232,40,74,.12),transparent 52%),#090406;padding:.6rem;margin-bottom:.6rem}.preview-label[data-v-9787c3bf],.duration-control[data-v-9787c3bf]{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#ffffff73}.preview-label span[data-v-9787c3bf],.duration-control span[data-v-9787c3bf],.preview-label strong[data-v-9787c3bf],.duration-control strong[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.36667rem}.preview-track[data-v-9787c3bf]{position:relative;height:2rem;margin-top:.66667rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.preview-orb[data-v-9787c3bf]{position:absolute;top:.5rem;left:0;width:1rem;height:1rem;background:#e8284a;box-shadow:0 0 .8rem #e8284aa6;animation-name:previewMove-9787c3bf;animation-fill-mode:both}.preview-mark[data-v-9787c3bf]{position:absolute;top:0;width:1px;height:100%;background:rgba(255,255,255,.14)}.preview-mark--start[data-v-9787c3bf]{left:.46667rem}.preview-mark--end[data-v-9787c3bf]{right:.46667rem}@keyframes previewMove-9787c3bf{0%{transform:translate(0) scale(.86);opacity:.45}to{transform:translate(min(10.66667rem,100vw - 5.66667rem)) scale(1);opacity:1}}.preset-grid[data-v-9787c3bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:.33333rem}.preset-btn[data-v-9787c3bf]{background:transparent;border:1px solid rgba(255,255,255,.07);color:#ffffff73;padding:.2rem .4rem;cursor:pointer;text-align:left;transition:all .2s ease}.preset-btn span[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.46667rem}.preset-btn[data-v-9787c3bf]:hover,.preset-btn.active[data-v-9787c3bf]{border-color:#e8284a;color:#e8284a;background:rgba(232,40,74,.15)}.duration-control[data-v-9787c3bf]{border:1px solid rgba(255,255,255,.07);background:rgba(9,4,6,.55);padding:.4rem;margin-bottom:.6rem}.pt-code-wrap[data-v-9787c3bf]{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.07);background:#090406;height:13.33333rem}.pt-code-header[data-v-9787c3bf]{display:flex;justify-content:space-between;align-items:center;padding:.26667rem .53333rem;border-bottom:1px solid rgba(255,255,255,.07);color:#ffffff73}.pt-code-header>span[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left;font-size:.36667rem}.pt-btn[data-v-9787c3bf]{background:transparent;border:1px solid rgba(255,255,255,.07);color:#fff;padding:.13333rem .4rem;cursor:pointer;transition:all .2s ease}.pt-btn span[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:center;font-size:.33333rem}.pt-btn[data-v-9787c3bf]:hover{border-color:#e8284a;color:#e8284a}.pt-btn--mini[data-v-9787c3bf]{padding:.1rem .33333rem}.pt-code-block[data-v-9787c3bf]{margin:0;padding:.53333rem;font-size:.43333rem;color:#e23456;line-height:1.6;overflow-y:auto}.pt-code-block .pt-code-inner[data-v-9787c3bf]{font-family:STSong,serif;display:inline-block;transform:scaleX(.9);transform-origin:left}@media (max-width: 900px){.pt-grid[data-v-9787c3bf]{grid-template-columns:1fr}.pt-panel[data-v-9787c3bf],.right-panel[data-v-9787c3bf]{min-height:15rem}.curve-panel[data-v-9787c3bf]{flex-direction:column}.curve-stage[data-v-9787c3bf]{flex:none;width:100%;aspect-ratio:auto;min-height:11rem}.curve-svg[data-v-9787c3bf]{min-height:9.33333rem}.control-grid[data-v-9787c3bf]{flex:none;grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.curve-stage[data-v-9787c3bf]{width:auto;min-height:11rem;padding:.8rem}.curve-svg[data-v-9787c3bf]{min-height:9.33333rem}.control-grid[data-v-9787c3bf],.preset-grid[data-v-9787c3bf]{width:auto}}