.c-pindou-transition-fx{background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;padding:24px}.c-pindou-transition-fx .media-box{align-items:center;aspect-ratio:16/9;background-color:#15171c;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:16px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);display:flex;justify-content:center;min-height:240px;overflow:hidden;padding:16px;position:relative}.c-pindou-transition-fx .media-box.is-portrait{aspect-ratio:auto;height:min(720px,80vh)}.c-pindou-transition-fx .preview-canvas{border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.35);display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.c-pindou-transition-fx .upload-hit{align-items:center;background:rgba(255,255,255,.03);border:1.5px dashed hsla(0,0%,100%,.28);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center;transition:border-color .15s ease,background .15s ease;width:100%}.c-pindou-transition-fx .upload-hit:hover{background:rgba(60,130,246,.08);border-color:#3c82f6}.c-pindou-transition-fx .upload-hit span{color:rgba(255,255,255,.88);font-size:16px;font-weight:600;line-height:24px}.c-pindou-transition-fx .upload-hit em{color:rgba(255,255,255,.45);font-size:12px;font-style:normal;line-height:18px;margin-top:8px;max-width:360px}.c-pindou-transition-fx .clip-videos{height:1px;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:1px}.c-pindou-transition-fx .clip-videos video{height:1px;width:1px}.c-pindou-transition-fx .fx-controls{border-color:#eff1f5;border-radius:12px;border-width:1px;display:flex;flex-direction:column;margin-top:20px;padding:16px}.c-pindou-transition-fx .fx-controls .el-input__wrapper,.c-pindou-transition-fx .fx-controls .el-select__wrapper{min-height:30px;padding-bottom:0;padding-top:0}.c-pindou-transition-fx .panel-block{border-bottom-width:1px;border-color:#eff1f5;padding-bottom:16px;padding-top:16px}.c-pindou-transition-fx .panel-block:first-child{padding-top:0}.c-pindou-transition-fx .panel-block:last-child{border-bottom-width:0;padding-bottom:0}.c-pindou-transition-fx .block-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.c-pindou-transition-fx .block-head .block-title{margin-bottom:0}.c-pindou-transition-fx .block-title{color:#22262a;font-size:14px;font-weight:600;line-height:22px;margin-bottom:8px}.c-pindou-transition-fx .block-desc{color:#9299a6;font-size:12px;line-height:18px;margin-bottom:12px;margin-top:0}.c-pindou-transition-fx .ctrl-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.c-pindou-transition-fx .scrub-row{align-items:center;display:flex;gap:12px;margin-top:12px}.c-pindou-transition-fx .scrub-time{color:#5e6773;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;line-height:20px;min-width:36px}.c-pindou-transition-fx .scrub-time.is-total{text-align:right}.c-pindou-transition-fx .scrub-slider{flex:1 1 0%;min-width:120px}.c-pindou-transition-fx .file-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;height:32px;--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));font-size:14px;font-weight:600;line-height:22px;padding-left:16px;padding-right:16px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.c-pindou-transition-fx .file-btn:hover{opacity:.9}.c-pindou-transition-fx .file-btn.is-ghost{--tw-text-opacity:1;background:rgba(60,130,246,.1);color:rgb(60 130 246/var(--tw-text-opacity))}.c-pindou-transition-fx .file-btn.is-small{font-size:12px;height:24px;line-height:20px;padding-left:12px;padding-right:12px}.c-pindou-transition-fx .meta-line{align-items:center;color:#9299a6;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;line-height:20px;margin-top:8px}.c-pindou-transition-fx .meta-line .is-busy,.c-pindou-transition-fx .meta-line .warn{--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}.c-pindou-transition-fx .progress-wrap{margin-top:12px}.c-pindou-transition-fx .progress-tip{color:#5e6773;font-size:12px;line-height:20px;margin-bottom:0;margin-top:8px}.c-pindou-transition-fx .track{background:rgba(17,19,24,.05);border-radius:8px;cursor:pointer;height:48px;position:relative;touch-action:none}.c-pindou-transition-fx .track-clip{align-items:center;background:rgba(60,130,246,.14);border-radius:4px;bottom:8px;box-shadow:inset -1px 0 rgba(255,255,255,.9);display:flex;overflow:hidden;padding-left:8px;padding-right:8px;position:absolute;top:8px}.c-pindou-transition-fx .track-clip span{color:#5e6773;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-pindou-transition-fx .track-marker{background:#3c82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:grab;height:16px;margin:-8px 0 0 -8px;padding:0;position:absolute;top:50%;width:16px;z-index:2}.c-pindou-transition-fx .track-marker.is-overlay{background:#8b5cf6}.c-pindou-transition-fx .track-marker.is-none{background:#9ca3af}.c-pindou-transition-fx .track-marker.is-start{border-radius:4px;cursor:pointer}.c-pindou-transition-fx .track-marker.is-downgraded{box-shadow:0 0 0 3px rgba(245,158,11,.6)}.c-pindou-transition-fx .track-marker.is-skipped{background:#ef4444}.c-pindou-transition-fx .track-marker.is-active{transform:scale(1.3);z-index:3}.c-pindou-transition-fx .track-head{background:#111318;bottom:0;margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px;z-index:1}.c-pindou-transition-fx .track-tip{align-items:center;background:#111318;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:4px;padding:4px;pointer-events:none;position:absolute;transform:translate(-50%);z-index:5}.c-pindou-transition-fx .track-tip canvas{background:#000;border-radius:4px;display:block;height:90px;width:160px}.c-pindou-transition-fx .track-tip span{color:#fff;font-size:12px;font-weight:600;line-height:20px}.c-pindou-transition-fx .marker-panel{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.c-pindou-transition-fx .marker-panel .marker-name{color:#22262a;font-size:12px;font-weight:600;line-height:20px}.c-pindou-transition-fx .marker-panel .marker-warn{color:#ef4444;font-size:12px;line-height:20px}.c-pindou-transition-fx .clip-list{display:flex;flex-direction:column;gap:4px}.c-pindou-transition-fx .clip-row{align-items:center;display:flex;font-size:12px;gap:8px;line-height:20px}.c-pindou-transition-fx .clip-row .clip-index{color:#5e6773;font-weight:600;text-align:center;width:20px}.c-pindou-transition-fx .clip-row .clip-name{color:#22262a;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-pindou-transition-fx .clip-row .clip-meta{color:#9299a6;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-pindou-transition-fx .sliders{-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:8px}.c-pindou-transition-fx .slider-head{align-items:center;color:#5e6773;display:flex;font-size:12px;justify-content:space-between;line-height:20px;margin-bottom:4px}.c-pindou-transition-fx .slider-head strong{color:#22262a;font-weight:600}.c-pindou-transition-fx .option-grid{border-color:#eff1f5;border-top-width:1px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:12px;padding-top:12px}.c-pindou-transition-fx .option-card{display:flex;flex-direction:column;gap:8px}.c-pindou-transition-fx .set-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.c-pindou-transition-fx .set-row .set-label{color:#5e6773;flex-shrink:0;font-size:12px;line-height:20px;width:56px}.c-pindou-transition-fx .set-row .set-select{width:min(240px,100%)}.c-pindou-transition-fx .set-row .music-name{color:#5e6773;font-size:12px;line-height:20px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-pindou-transition-fx .frame-hint{color:#9299a6;font-size:12px;line-height:18px;margin-bottom:0;margin-top:0}.c-pindou-transition-fx .frame-hint.is-warn{color:#f59e0b}@media (max-width:767px){.c-pindou-transition-fx{padding:16px}.c-pindou-transition-fx .fx-controls{padding:12px}.c-pindou-transition-fx .option-grid,.c-pindou-transition-fx .sliders{grid-template-columns:1fr}.c-pindou-transition-fx .media-box{min-height:180px;padding:8px}.c-pindou-transition-fx .clip-row{flex-wrap:wrap}.c-pindou-transition-fx .clip-row .clip-meta{width:100%}.c-pindou-transition-fx .set-row .set-label{width:auto}}@keyframes pindou-transition-drop{0%{opacity:0;transform:translateY(-36px) scale(.6)}30%,70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translate(calc((var(--i) - 8.5)*6px),calc((var(--i) - 8.5)*-4px)) scale(.4)}}.p-pindou-transition .page-hero{background:linear-gradient(180deg,rgb(60 130 246/8%),transparent);padding:36px 24px}.p-pindou-transition .page-hero .hero-inner{margin-left:auto;margin-right:auto;max-width:100%;width:1200px}.p-pindou-transition .page-hero h1{color:#22262a;font-size:32px;font-weight:700;line-height:40px}.p-pindou-transition .page-hero .hero-desc{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:720px}.p-pindou-transition .page-hero .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.p-pindou-transition .page-hero .hero-tags span{border-radius:9999px;font-size:12px;line-height:20px;padding:2px 12px;--tw-text-opacity:1;background:rgba(60,130,246,.1);color:rgb(60 130 246/var(--tw-text-opacity))}.p-pindou-transition .page-body{margin-left:auto;margin-right:auto;max-width:100%;padding-bottom:60px;padding-top:8px;width:1200px}.p-pindou-transition .invite-gate>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(20px*var(--tw-space-y-reverse));margin-top:calc(20px*(1 - var(--tw-space-y-reverse)))}.p-pindou-transition .invite-gate{padding-bottom:8px;padding-top:8px}.p-pindou-transition .invite-intro{align-items:center;background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;display:flex;gap:32px;padding:28px}.p-pindou-transition .intro-copy{flex:1 1 0%;min-width:0}.p-pindou-transition .bead-preview{background:#15171c;border-radius:16px;box-shadow:0 12px 28px rgba(34,38,42,.1);display:grid;flex-shrink:0;gap:4px;grid-template-columns:repeat(4,28px);padding:24px}.p-pindou-transition .bead-preview i{animation:pindou-transition-drop 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.05s);background:hsl(calc(var(--i)*22deg),80%,62%);border-radius:50%;box-shadow:inset 0 0 0 7px rgba(0,0,0,.18);height:28px;width:28px}.p-pindou-transition .invite-intro h2{color:#22262a;font-size:20px;font-weight:700;line-height:28px;margin-top:8px}.p-pindou-transition .invite-kicker{font-size:12px;font-weight:600;line-height:20px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity));letter-spacing:.12em}.p-pindou-transition .invite-lead{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px}@media (max-width:767px){.p-pindou-transition .page-hero{padding:28px 16px}.p-pindou-transition .page-hero h1{font-size:24px;line-height:32px}.p-pindou-transition .page-body{padding-bottom:40px;padding-left:16px;padding-right:16px}.p-pindou-transition .invite-intro{flex-direction:column;padding:20px}.p-pindou-transition .bead-preview{margin-left:auto;margin-right:auto}}