.c-oil-video-fx{background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;padding:24px}.c-oil-video-fx .fx-stage{display:grid;gap:20px;grid-template-columns:1fr 1fr}.c-oil-video-fx .pane-label{color:#5e6773;font-size:12px;font-weight:600;line-height:20px;margin-bottom:8px}.c-oil-video-fx .media-box{align-items:center;aspect-ratio:16/10;background:#f5f6fa;border-radius:12px;display:flex;justify-content:center;min-height:220px;overflow:hidden;position:relative}.c-oil-video-fx .preview-canvas,.c-oil-video-fx .source-video{display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.c-oil-video-fx .preview-canvas{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.c-oil-video-fx .upload-hit{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-left:16px;padding-right:16px;text-align:center}.c-oil-video-fx .upload-hit span{color:#22262a;font-size:14px;font-weight:600;line-height:22px}.c-oil-video-fx .upload-hit em{color:#5e6773;font-size:12px;font-style:normal;line-height:20px;margin-top:8px}.c-oil-video-fx .preview-empty{color:#5e6773;font-size:12px;line-height:20px;padding-left:16px;padding-right:16px;position:absolute;text-align:center}.c-oil-video-fx .fx-config{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:24px}.c-oil-video-fx .config-item{display:flex;flex-direction:column}.c-oil-video-fx .config-label{color:#22262a;font-size:12px;font-weight:600;line-height:20px}.c-oil-video-fx .config-label em{font-style:normal;font-weight:700;margin-left:4px;--tw-text-opacity:1;color:rgb(60 130 246/var(--tw-text-opacity))}.c-oil-video-fx .config-tip{color:#5e6773;font-size:12px;line-height:18px}.c-oil-video-fx .fx-frame{border-color:#eff1f5;border-top-width:1px;margin-top:20px;padding-top:20px}.c-oil-video-fx .frame-head{align-items:center;display:flex;gap:12px}.c-oil-video-fx .frame-styles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;margin-top:12px}.c-oil-video-fx .frame-chip{align-items:center;background:rgba(60,130,246,.06);border:1px solid transparent;border-radius:8px;color:#3d424a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;line-height:20px;padding:8px 12px}.c-oil-video-fx .frame-chip.is-active{--tw-text-opacity:1;background:rgba(60,130,246,.1);border-color:rgba(60,130,246,.45);color:rgb(60 130 246/var(--tw-text-opacity))}.c-oil-video-fx .frame-chip:disabled{cursor:not-allowed;opacity:.5}.c-oil-video-fx .chip-swatch{border:1px solid rgba(34,38,42,.18);border-radius:9999px;display:block;height:14px;width:14px}.c-oil-video-fx .fx-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.c-oil-video-fx .bar-btn{background:rgba(60,130,246,.08);border-radius:8px;border-style:none;color:#3d424a;cursor:pointer;font-size:12px;font-weight:600;line-height:20px;padding:8px 12px}.c-oil-video-fx .bar-btn:disabled{cursor:not-allowed;opacity:.5}.c-oil-video-fx .bar-btn.is-primary{--tw-bg-opacity:1;background-color:rgb(60 130 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.c-oil-video-fx .status,.c-oil-video-fx .warn{color:#5e6773;font-size:12px;line-height:20px;margin-left:8px}.c-oil-video-fx .warn{color:#c2410c}@media (max-width:767px){.c-oil-video-fx .fx-config,.c-oil-video-fx .fx-stage{grid-template-columns:1fr}}@keyframes oil-brush{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:12}}.p-oil-painting-video .page-hero{background:linear-gradient(180deg,rgb(60 130 246/8%),transparent);padding:36px 24px}.p-oil-painting-video .page-hero .hero-inner{margin-left:auto;margin-right:auto;max-width:100%;width:1200px}.p-oil-painting-video .page-hero h1{color:#22262a;font-size:32px;font-weight:700;line-height:40px}.p-oil-painting-video .page-hero .hero-desc{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:720px}.p-oil-painting-video .page-hero .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.p-oil-painting-video .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-oil-painting-video .page-body{margin-left:auto;margin-right:auto;max-width:100%;padding:8px 24px 60px;width:1200px}.p-oil-painting-video .workbench-placeholder{background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;color:#9299a6;font-size:14px;line-height:22px;padding-bottom:60px;padding-top:60px;text-align:center}.p-oil-painting-video .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-oil-painting-video .invite-gate{padding-bottom:8px;padding-top:8px}.p-oil-painting-video .invite-intro{align-items:center;background:#fff;border-color:#eff1f5;border-radius:16px;border-width:1px;display:flex;gap:32px;padding:28px}.p-oil-painting-video .intro-copy{flex:1 1 0%;min-width:0}.p-oil-painting-video .oil-preview{align-items:center;background:#fff;border-radius:16px;box-shadow:0 12px 28px rgba(34,38,42,.1);display:flex;flex-shrink:0;height:220px;justify-content:center;overflow:hidden;width:180px}.p-oil-painting-video .oil-preview svg{height:160px;width:120px}.p-oil-painting-video .oil-preview .oil-canvas{fill:#f7f1e4;stroke:#e3d6bd;stroke-width:2}.p-oil-painting-video .oil-preview .oil-stroke{fill:none;stroke-width:13;stroke-linecap:round;stroke-dasharray:26 6;animation:oil-brush 2.4s ease-in-out infinite}.p-oil-painting-video .oil-preview .oil-sky{stroke:#6fa8dc}.p-oil-painting-video .oil-preview .oil-hill{stroke:#e8a33d;animation-delay:.3s}.p-oil-painting-video .oil-preview .oil-field{stroke:#7fa650;animation-delay:.6s}.p-oil-painting-video .invite-intro h2{color:#22262a;font-size:20px;font-weight:700;line-height:28px;margin-top:8px}.p-oil-painting-video .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-oil-painting-video .invite-lead{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px}@media (max-width:767px){.p-oil-painting-video .page-hero{padding:28px 16px}.p-oil-painting-video .page-hero h1{font-size:24px;line-height:32px}.p-oil-painting-video .page-body{padding-bottom:40px;padding-left:16px;padding-right:16px}.p-oil-painting-video .invite-intro{flex-direction:column;padding:20px}.p-oil-painting-video .oil-preview{margin-left:auto;margin-right:auto}}