.billing-purchase-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:grid;place-items:center;padding:.75rem;background:#040406c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.billing-purchase-modal{position:relative;display:flex;width:min(1320px,100%);max-height:calc(100dvh - 1.5rem);flex-direction:column;overflow:hidden;border:1px solid #34343b;border-radius:18px;background:#151518;box-shadow:0 32px 100px #000000a3}.billing-purchase-modal:has(#billing-credits-panel:not([hidden]) .billing-checkout-inline){width:min(640px,100%)}.billing-purchase-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;padding:.55rem 3.75rem;border-bottom:1px solid rgba(63,63,70,.72)}.billing-purchase-close{position:absolute;top:50%;right:1.1rem;display:grid;width:2.1rem;height:2.1rem;min-height:0;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--border);border-radius:9px;color:var(--text-muted);background:var(--surface-2);transform:translateY(-50%)}.billing-purchase-close:hover{border-color:#52525b;color:#fff}.billing-purchase-close:disabled,.billing-purchase-tabs button:disabled{cursor:wait;opacity:.55}.billing-purchase-close svg{width:1rem;height:1rem}.billing-purchase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(440px,100%);margin:0;padding:.22rem;border:1px solid var(--border);border-radius:12px;background:#0f0f12}.billing-purchase-tabs button{min-height:36px;padding:.42rem .8rem;border:0;border-radius:9px;color:var(--text-muted);background:transparent;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}.billing-purchase-tabs button.active{color:#fff;background:var(--accent);box-shadow:0 8px 24px #7c3aed42}.billing-purchase-content{min-height:0;padding:.85rem 1.1rem 1rem;overflow-y:auto;overscroll-behavior:contain}.billing-loading-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.billing-notice-stack{position:relative;display:grid;gap:.5rem;margin:0 0 1rem}.billing-notice-stack>*{margin:0}.billing-page-embedded .billing-floating-notice{position:fixed;z-index:5;right:1rem;bottom:1rem;left:auto;width:min(480px,calc(100vw - 2rem));max-height:min(240px,calc(100dvh - 2rem));margin:0;overflow-y:auto;transform:none;filter:drop-shadow(0 14px 30px rgba(0,0,0,.55))}.billing-page-embedded .billing-floating-notice>.error{padding:.75rem 3rem .75rem .9rem;border:1px solid rgba(248,113,113,.36);border-radius:10px;background:#261719}.billing-page-embedded .billing-floating-notice.billing-page-message,.billing-page-embedded .billing-floating-notice>.billing-page-message,.billing-page-embedded .billing-floating-notice>.billing-resume-bar,.billing-page-embedded .billing-floating-notice>.subscription-pending{padding-right:3rem}.billing-notice-dismiss{position:absolute;z-index:2;top:.45rem;right:.45rem;display:grid;width:1.8rem;height:1.8rem;min-height:0;place-items:center;padding:0;border:1px solid rgba(161,161,170,.28);border-radius:8px;color:#d4d4d8;background:#18181be0}.billing-notice-dismiss:hover{border-color:#71717a;color:#fff}.billing-notice-dismiss svg{width:.9rem;height:.9rem}.billing-page-embedded{max-width:none}.billing-page-embedded .billing-packages{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin:0}.billing-page-embedded .billing-package{min-height:220px;gap:.42rem;padding:.9rem;border-radius:12px}.billing-page-embedded .billing-package.featured{padding-top:1.35rem}.billing-page-embedded .billing-package-badge{right:.65rem;padding:.24rem .45rem;font-size:.58rem}.billing-page-embedded .billing-package-icon{width:1.85rem;height:1.85rem;margin:0;border-radius:8px}.billing-page-embedded .billing-package-icon svg{width:1rem;height:1rem}.billing-page-embedded .billing-package-name{font-size:.68rem;letter-spacing:.05em}.billing-page-embedded .billing-package-credits{margin-top:0}.billing-page-embedded .billing-package-credits strong{font-size:2rem}.billing-page-embedded .billing-package-credits small{font-size:.62rem}.billing-page-embedded .billing-package-bonus{padding:.22rem .42rem;font-size:.66rem}.billing-page-embedded .billing-package-price strong{font-size:1.08rem}.billing-page-embedded .billing-package-select{margin-top:.15rem;padding:.5rem .6rem}.billing-page-embedded.subscription-page .subscription-cycle{margin-bottom:.7rem;padding:.22rem}.billing-page-embedded.subscription-page .subscription-cycle button{min-width:112px;padding:.42rem .75rem}.billing-page-embedded .subscription-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;max-width:none;margin:0}.billing-page-embedded .subscription-plan{min-height:350px;padding:1.05rem;border-radius:13px}.billing-page-embedded .subscription-popular{right:.85rem;padding:.25rem .5rem;font-size:.58rem}.billing-page-embedded .subscription-price{margin-top:0}.billing-page-embedded .subscription-price strong{font-size:1.25rem}.billing-page-embedded .subscription-credit-grant{margin-top:.65rem;padding:.62rem}.billing-page-embedded .subscription-credit-grant strong{font-size:1.8rem}.billing-page-embedded .subscription-benefits{gap:.42rem;margin:.75rem 0 .85rem}.billing-page-embedded .subscription-benefits li{gap:.42rem;font-size:.74rem;line-height:1.25}.billing-page-embedded .subscription-benefits li.subscription-primary-benefit{font-size:1rem;line-height:1.3}.billing-page-embedded .billing-rate-attribution{margin:.65rem 0 0;padding-bottom:.25rem}.billing-page-embedded .subscription-benefits svg{width:.86rem;height:.86rem}.billing-page-embedded .subscription-choose{padding:.56rem .7rem}.billing-page-embedded .subscription-payment-note{margin-top:.65rem;font-size:.68rem}.billing-page-embedded .subscription-current{gap:.75rem;margin:0 0 .75rem;padding:.7rem .8rem}.billing-checkout-embedded{width:min(520px,100%);margin:0 auto}.billing-checkout-inline{position:relative;width:100%;margin:0;padding:1rem;border-color:#3f3f46}.billing-checkout-inline .billing-checkout-heading{align-items:flex-start;padding-right:2.5rem}.billing-checkout-inline .billing-form-fields,.billing-checkout-inline .billing-checkout-button{margin-top:.75rem}.billing-checkout-inline .billing-redirect-note{margin-top:.45rem}@media(max-width:1120px){.billing-page-embedded .billing-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-page-embedded .billing-package{min-height:178px}.billing-page-embedded .billing-package-icon{display:none}}@media(max-width:720px){.billing-purchase-backdrop{align-items:end;padding:0}.billing-purchase-modal{width:100%;max-height:calc(100dvh - .5rem);border-radius:18px 18px 0 0}.billing-purchase-header{min-height:54px;padding:.5rem 3.35rem .5rem .75rem}.billing-purchase-close{right:.7rem}.billing-purchase-content{padding:.75rem}.billing-page-embedded .billing-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.billing-page-embedded .billing-package{min-height:156px;padding:.72rem}.billing-page-embedded .billing-package.featured{padding-top:1.25rem}.billing-page-embedded .billing-package-credits strong{font-size:1.8rem}.billing-page-embedded .billing-package-price strong{font-size:1rem}.billing-page-embedded .subscription-plans{grid-template-columns:minmax(0,1fr)}.billing-page-embedded .subscription-plan{min-height:0;padding:1rem}}.task-records-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:1.25rem;background:#040406c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-records-modal{display:flex;width:min(1040px,100%);max-height:calc(100dvh - 2.5rem);flex-direction:column;overflow:hidden;border:1px solid #34343b;border-radius:20px;background:#151518;box-shadow:0 32px 100px #000000a3}.task-records-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem 1rem;border-bottom:1px solid var(--border)}.task-records-modal-header h2{margin:0;color:#fff;font-size:1.2rem;letter-spacing:-.02em}.task-records-modal-header p{margin:.3rem 0 0;color:var(--text-muted);font-size:.78rem}.task-records-modal-close{display:grid;width:2.1rem;height:2.1rem;min-height:0;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--border);border-radius:9px;color:var(--text-muted);background:var(--surface-2);cursor:pointer}.task-records-modal-close:hover{border-color:#52525b;color:#fff}.task-records-modal-close svg{width:1rem;height:1rem}.task-records-modal-content{min-height:200px;padding:0 1.35rem 1.35rem;overflow:auto;overscroll-behavior:contain}.task-records-modal-loading{min-height:240px;display:grid;margin:0;place-items:center}.task-records-embedded .task-records-state{margin:1.35rem 0 0}.task-records-embedded .task-records-table-wrap{margin-top:1.35rem}@media(max-width:720px){.task-records-backdrop{align-items:end;padding:0}.task-records-modal{width:100%;max-height:calc(100dvh - .5rem);border-radius:18px 18px 0 0}.task-records-modal-header{padding:1rem}.task-records-modal-content{padding:0 1rem 1rem}}.before-after-media{position:relative;width:100%;aspect-ratio:var(--before-after-aspect-ratio, 16 / 9);overflow:hidden;border-radius:inherit;background:#08080b;isolation:isolate;direction:ltr}.before-after-media__result,.before-after-media__input{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.before-after-media__result{z-index:0}.before-after-media__input{z-index:1;clip-path:inset(0 calc(100% - var(--before-after-position)) 0 0);pointer-events:none}.before-after-media__result>*,.before-after-media__input>img,.before-after-media__result>.motion-preview>video,.before-after-media__result>.motion-preview>img,.before-after-media__result>.motion-preview>.motion-preview-fallback{display:block;width:100%;height:100%;object-fit:var(--before-after-object-fit, cover)}.before-after-media__result>*,.before-after-media__input>img{max-width:none;max-height:none}.before-after-media__control{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;outline:none;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.before-after-media__control:focus-visible{outline:3px solid var(--accent, #8b5cf6);outline-offset:-3px}.before-after-media__divider{position:absolute;top:0;bottom:0;left:var(--before-after-position);width:3px;background:#fffffff5;box-shadow:0 0 0 1px #0000003d,0 0 18px #00000061;transform:translate(-50%);pointer-events:none}.before-after-media__handle{position:absolute;top:50%;left:50%;display:flex;width:2.65rem;height:2.65rem;align-items:center;justify-content:center;gap:.18rem;border:2px solid #fff;border-radius:999px;background:#111115e0;box-shadow:0 8px 24px #00000057;color:#fff;font-size:1.2rem;font-weight:800;line-height:1;opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity .16s ease,transform .16s ease}.before-after-media:hover .before-after-media__handle,.before-after-media:focus-within .before-after-media__handle{opacity:1;transform:translate(-50%,-50%) scale(1)}.before-after-media__instructions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(forced-colors:active){.before-after-media__divider,.before-after-media__handle{border-color:CanvasText;background:Canvas;color:CanvasText;forced-color-adjust:auto}}.template-card:is(button),.motion-card:is(button){width:100%;padding:0;font:inherit;text-align:left;cursor:pointer}.template-card:is(button){border:0}.template-generation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:#040407b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.template-generation-dialog{width:min(900px,100%);max-height:min(88vh,720px);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 28px 80px #00000075;animation:template-generation-in .16s ease-out both}@keyframes template-generation-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.template-generation-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .95rem;border-bottom:1px solid var(--border)}.template-generation-preview-label{display:block;margin-bottom:.22rem;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.template-generation-header h2{margin:0;color:var(--text);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.25}.template-generation-close{flex:0 0 auto;border:0;padding:.1rem .35rem;background:transparent;color:var(--text-muted);font-size:1.75rem;line-height:1}.template-generation-close:hover:not(:disabled){color:var(--text)}.template-generation-form{min-height:0;display:flex;flex:1;flex-direction:column}.template-generation-body{min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:1.25rem;padding:1.25rem}.template-generation-upload .library-field+.library-field{margin-top:.8rem}.template-generation-upload .library-field{display:flex;height:100%;min-height:0;flex-direction:column;margin-bottom:0}.template-generation-upload .upload-box{height:440px;min-height:300px;padding:.75rem;overflow:hidden}.template-generation-upload.dual .library-field{height:auto}.template-generation-upload.dual .upload-box{height:190px;min-height:190px}.template-generation-upload .upload-box-thumbs,.template-generation-upload .upload-thumb-wrap{width:100%;height:100%;min-height:0}.template-generation-upload .upload-box-thumbs{flex-wrap:nowrap;align-items:center}.template-generation-upload .upload-thumb-wrap{display:flex;align-items:center;justify-content:center}.template-generation-upload .upload-thumb{width:100%;height:100%;max-width:100%;max-height:100%;border:0;object-fit:contain}.template-generation-upload .upload-thumb-remove{top:.35rem;right:.35rem;z-index:1}.template-generation-signin-upload{width:100%;height:100%;min-height:300px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-muted)}.template-generation-signin-upload:hover{border-color:var(--accent);color:var(--text)}.template-generation-preview{min-width:0;display:flex;flex-direction:column}.template-generation-preview-frame{min-height:300px;max-height:440px;flex:1;overflow:hidden;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:#08080b}.template-generation-before-after{width:100%;height:100%;aspect-ratio:auto}.template-generation-preview-media,.template-generation-preview-fallback{width:100%;height:100%;max-height:440px;object-fit:contain;display:block}.template-generation-preview-media.musebox{width:100%;height:100%}.template-generation-preview-media.musebox>img,.template-generation-preview-media.musebox>video,.template-generation-preview-media.musebox>.motion-preview-fallback{width:100%;height:100%;object-fit:contain}.template-generation-preview-fallback{background-position:center;background-size:cover}.template-generation-footer{flex:0 0 auto;display:grid;grid-template-columns:minmax(250px,340px);justify-content:center;gap:.65rem;align-items:end;padding:.95rem 1.25rem 1.15rem;border-top:1px solid var(--border);background:var(--surface)}.template-generation-feedback p{margin:0;text-align:center}.template-generation-feedback:empty{display:none}.template-generation-action .cost-row{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem;margin:0 0 .55rem;text-align:center}.template-generation-action .generation-cost-label,.template-generation-action .generation-cost-prices{align-items:center;justify-content:center;text-align:center}.template-generation-action>button{width:100%}@media(max-width:720px){.template-generation-overlay{place-items:end center;padding:0}.template-generation-dialog{width:100%;max-height:94dvh;border-radius:18px 18px 0 0}.template-generation-body{grid-template-columns:1fr;gap:1rem}.template-generation-upload .upload-box{height:min(360px,42vh);min-height:240px}.template-generation-upload.dual .upload-box{height:180px;min-height:180px}.template-generation-signin-upload{min-height:240px}.template-generation-preview-frame{min-height:260px;max-height:42vh}.template-generation-footer{grid-template-columns:minmax(0,340px)}}@media(prefers-reduced-motion:reduce){.template-generation-dialog{animation:none}}