@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/10f65c94012f0d89-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f0a6239bc4153746-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9e6921c7fc300d8-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Work Sans Fallback;src:local("Arial");ascent-override:83.09%;descent-override:21.71%;line-gap-override:0.00%;size-adjust:111.93%}.__className_a2025e{font-family:Work Sans,Work Sans Fallback;font-style:normal}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-8{left:2rem}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.mx-4{margin-left:1rem;margin-right:1rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black\/30{--tw-gradient-from:rgb(0 0 0/0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black\/50{--tw-gradient-to:rgb(0 0 0/0.5) var(--tw-gradient-to-position)}.px-8{padding-left:2rem;padding-right:2rem}.text-center{text-align:center}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extralight{font-weight:200}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-\[-0\.05em\]{letter-spacing:-.05em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-widest{letter-spacing:.1em}.text-gray-300\/80{color:rgb(209 213 219/.8)}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-500\/40{color:rgb(107 114 128/.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-difference{mix-blend-mode:difference}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Kick Caption;font-display:block;font-style:normal;font-weight:900;src:url(/assets/fonts/Nunito-Black.ttf) format("truetype")}@font-face{font-family:Kick Link Comic Sans;font-display:block;font-style:normal;font-weight:700 900;src:local("Comic Sans MS Bold"),local("Comic Sans MS")}:root{color:#f5f7f2;background:#000000;font-family:Work Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--kick-green:#53fc18;--ink:#f5f7f2;--muted:#a8b0a4;--panel:#11160f;--panel-soft:#182016;--line:#2d3828;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000000}button,input,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh;flex-direction:column;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:52px 0 48px}.app-shell main{flex:1}.app-shell-export{width:min(880px,calc(100% - 32px));padding-top:36px}.app-shell-export .top-bar{margin-bottom:24px}.top-bar{justify-content:space-between;gap:24px;margin-bottom:50px}.app-footer,.top-bar{display:flex;align-items:center}.app-footer{justify-content:center;gap:20px;margin-top:auto;padding-top:42px;color:var(--muted);font-size:.92rem}.app-footer nav{display:flex;gap:18px}.app-footer button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;text-decoration:none}.app-footer button:hover,.eyebrow{color:var(--kick-green)}.eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:680px;margin-bottom:0;font-size:clamp(2rem,5vw,4.4rem);line-height:.95}.brand-title{display:inline-block;color:var(--kick-green);margin-bottom:0;transform-origin:left center;transition:filter .18s ease,text-shadow .18s ease,transform .18s ease}.brand-title:hover{filter:brightness(1.08);text-shadow:0 0 18px rgba(83,252,24,.42);transform:translateX(10px) scale(1.04)}h2{margin-bottom:14px;color:var(--ink);font-size:clamp(1.7rem,4vw,3rem);line-height:1}p{color:var(--muted);line-height:1.6}.segmented-control button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:rgba(17,22,15,.8);color:var(--ink);cursor:pointer;padding:0 16px}.segmented-control button.selected{border-color:var(--kick-green);background:var(--kick-green);color:#071005;font-weight:800}.editor-layout,.export-layout,.upload-layout{display:grid;gap:24px}.page-transition{animation:page-enter .26s ease both}.upload-layout{-moz-column-gap:72px;column-gap:72px;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);align-items:stretch}.upload-copy{padding:58px 0 44px}.upload-copy h2{display:inline-block;margin-bottom:24px;background-image:linear-gradient(90deg,var(--kick-green) 0 50%,var(--ink) 50% 100%);background-position:100% 0;background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transform-origin:left center;transition:background-position .42s ease,filter .18s ease,text-shadow .18s ease,transform .18s ease}.upload-copy h2:hover{background-position:0 0;filter:brightness(1.08);text-shadow:0 0 18px rgba(83,252,24,.32);transform:translateX(10px) scale(1.035)}.upload-copy p{max-width:520px;transform-origin:left center;transition:color .18s ease,transform .18s ease}.upload-copy p:hover{color:#dfe8dc;transform:translateX(10px) scale(1.02)}.clipping-opportunity{margin-top:20px;font-size:.95rem}.clipping-opportunity a{color:var(--kick-green);font-weight:800;text-decoration:none}.clipping-opportunity a:hover{text-decoration:underline}.export-panel,.preview-panel,.settings-panel,.upload-panel{border:1px solid var(--line);border-radius:8px;background:rgba(17,22,15,.88);box-shadow:0 20px 80px rgba(0,0,0,.32)}.settings-panel,.upload-panel{display:grid;gap:18px;padding:22px}.upload-panel{align-self:center;padding:30px}.drop-zone{display:grid;min-height:238px;place-items:center;border:2px dashed rgba(83,252,24,.55);border-radius:8px;background:linear-gradient(180deg,rgba(83,252,24,.09),rgba(83,252,24,.02));cursor:pointer;padding:24px;text-align:center}.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-title{display:block;margin-bottom:8px;background-image:linear-gradient(90deg,var(--kick-green) 0 50%,var(--ink) 50% 100%);background-position:100% 0;background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.6rem;font-weight:900;-webkit-text-fill-color:transparent;transition:background-position .36s ease,filter .16s ease}.drop-zone:hover .drop-title{background-position:0 0;filter:brightness(1.08)}.drop-help,.export-status,.file-ready span,.integration-note span,.preview-footer span,.toggle-row small{color:var(--muted)}.export-actions,.export-status,.file-ready,.preview-footer,.upload-status{display:flex;align-items:center;gap:14px}.file-ready,.preview-footer{justify-content:space-between}.preview-footer .primary-button{color:#000000;width:100%}.preview-footer .primary-button span{color:#000000;-webkit-text-fill-color:#000000}.preview-footer .primary-button:disabled{color:#000000;opacity:1}.preview-footer .primary-button:disabled span{color:#000000;-webkit-text-fill-color:#000000}.file-ready p,.preview-footer p{margin-bottom:4px;color:var(--ink);font-weight:800}.spinner{width:18px;height:18px;border:2px solid rgba(83,252,24,.2);border-top:2px solid var(--kick-green);border-radius:50%;animation:spin .8s linear infinite}.upload-status{border-radius:8px;background:var(--panel-soft);color:var(--muted);padding:12px 14px}.upload-status-local-only{border-left:3px solid var(--danger)}.upload-status-uploaded{border-left:3px solid var(--kick-green)}.upload-status.compact{margin-top:14px}.editor-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.preview-panel{padding:18px}.preview-stage{display:grid;justify-items:center}.video-frame{position:relative;container-type:inline-size;display:grid;width:min(100%,460px);aspect-ratio:9/16;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 0),#050704;background-size:28px 28px}.video-frame video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000}.empty-preview{padding:20px;text-align:center}.empty-preview p{margin-bottom:4px;color:var(--ink);font-size:1.3rem;font-weight:900}.caption-overlay,.kick-watermark-overlay,.safe-zone-layer{position:absolute}.safe-zone-layer{inset:0;pointer-events:none}.safe-zone{position:absolute;display:grid;min-width:24px;min-height:18px;align-items:start;overflow:hidden;border:1px solid rgba(255,255,255,.34);background:rgba(255,193,7,.18);color:rgba(255,255,255,.84);font-size:.62rem;font-weight:800;padding:4px}.safe-zone-high{background:rgba(255,107,107,.24)}.safe-zone-medium{background:rgba(255,193,7,.2)}.safe-zone-low{background:rgba(100,181,246,.14)}.caption-overlay{display:grid;place-items:center;font-size:clamp(16px,calc(var(--caption-font-ratio) * 100cqw),46px);overflow:visible;padding:8px 14px;pointer-events:none;z-index:3}.kick-watermark-overlay{overflow:visible;background:rgba(3,3,3,.94);pointer-events:none;z-index:2}.kick-watermark-logo{position:absolute;left:6.5%;top:-14%;width:22%;height:68%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.kick-watermark-link{position:absolute;right:6.5%;top:50%;color:#ffffff;font-family:Kick Link Comic Sans,Comic Sans MS,Comic Sans,cursive;font-size:clamp(10px,calc(var(--kick-link-font-ratio) * 100cqw),28px);font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase;transform:translateY(-50%);white-space:nowrap}.caption-overlay span{max-width:100%;border-radius:7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-family:Kick Caption,Arial Black,sans-serif;font-weight:900;line-height:1.16;overflow-wrap:anywhere;padding:.18em .38em .22em;text-align:center;text-transform:none}.caption-style-white span{background:#fff;color:#050505;text-shadow:none}.caption-style-black span{background:#050505;color:#fff;text-shadow:none}.caption-style-none span{color:#fff;padding-inline:0;text-shadow:0 3px 0 #000,0 0 18px rgba(0,0,0,.9)}.caption-draggable{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.caption-draggable:active{cursor:grabbing}.preview-footer{margin-top:18px}.settings-panel h2{font-size:1.55rem}.settings-title{color:var(--kick-green)}.field-group{display:grid;gap:14px;margin:0;padding:0;border:0}.field-group legend,.field-group span{color:var(--ink);font-weight:800}.field-group legend{margin-bottom:12px}.text-input,input[type=range],textarea{width:100%}.text-input,textarea{min-height:112px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#080c07;color:var(--ink);padding:12px}.text-input{min-height:44px;resize:none}input[type=range]{accent-color:var(--kick-green)}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px}.popular-emojis{border-radius:8px;background:var(--panel-soft);padding:12px}.emoji-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.emoji-row button{display:grid;min-width:0;min-height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#080c07;cursor:pointer;font-size:1.35rem;line-height:1}.emoji-row button:hover{border-color:var(--kick-green);background:rgba(83,252,24,.12)}.drag-hint{border-radius:8px;background:rgba(83,252,24,.08);color:var(--muted);font-size:.92rem;line-height:1.45;padding:12px}.toggle-row{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);cursor:pointer;padding:14px}.toggle-row input{width:20px;height:20px;margin-top:2px;accent-color:var(--kick-green)}.toggle-row small,.toggle-row strong{display:block}.integration-note{border-left:3px solid var(--kick-green);background:rgba(83,252,24,.08);padding:12px 14px}.integration-note p{margin-bottom:4px;color:var(--ink);font-weight:800}.ghost-button,.primary-button,.secondary-button{align-items:center;display:inline-flex;justify-content:center;gap:10px;min-height:44px;border-radius:8px;cursor:pointer;font-weight:900;padding:0 18px}.button-icon{display:block;width:19px;height:19px;-o-object-fit:contain;object-fit:contain}.primary-button{background:var(--kick-green);color:#071005}.primary-button:hover:not(:disabled){background:#78ff4b}.secondary-button{border:1px solid var(--kick-green);background:transparent;color:var(--kick-green)}.ghost-button{background:transparent;color:var(--ink)}.export-layout{align-items:start;justify-items:center;margin-inline:auto;max-width:800px;width:100%}.export-panel{display:grid;gap:18px;width:min(760px,100%);padding:24px;overflow:hidden}.export-panel h2,.export-panel>p{margin-bottom:0}.export-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-summary-card div{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);padding:12px}.advanced-details p,.export-summary-card span{color:var(--muted)}.export-summary-card span{display:block;margin-bottom:6px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.export-summary-card strong{display:block;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.next-step-message{border-left:3px solid var(--kick-green);border-radius:8px;background:rgba(83,252,24,.08);color:var(--ink);font-weight:800;padding:14px 16px}.export-actions{align-items:center;flex-wrap:wrap;position:sticky;bottom:0;z-index:2;border:1px solid var(--line);border-radius:8px;background:rgba(17,22,15,.96);padding:10px}.export-actions .primary-button,.export-actions .secondary-button{flex:0 0 auto}.summary-list{display:grid;gap:12px;margin:24px 0}.summary-list div{display:grid;grid-template-columns:130px 1fr;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.advanced-details{min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(8,12,7,.74);overflow:hidden}.advanced-details summary{cursor:pointer;color:var(--ink);font-weight:900;list-style-position:inside;padding:14px 16px}.advanced-details p{margin:0;padding:0 16px 14px}.advanced-details:not([open]) .payload-preview,.advanced-details:not([open]) p{display:none}.payload-preview{width:100%;max-width:100%;max-height:260px;overflow:auto;border:0;border-top:1px solid var(--line);border-radius:0;background:#080c07;color:var(--ink);font-size:.82rem;line-height:1.5;margin:0;padding:16px;overflow-wrap:anywhere;white-space:pre-wrap}.error-banner{display:grid;gap:10px;border-left:3px solid var(--danger);border-radius:8px;background:rgba(255,107,107,.12);margin:0;min-width:0;padding:12px 14px}.error-banner,.error-banner strong{color:var(--ink)}.ffmpeg-error-output{max-height:160px;overflow:auto;border:1px solid rgba(255,107,107,.28);border-radius:8px;background:#080c07;color:var(--ink);font-size:.82rem;line-height:1.45;margin:0;padding:12px;overflow-wrap:anywhere;white-space:pre-wrap}.render-result{display:grid;gap:6px;border-left:3px solid var(--kick-green);background:rgba(83,252,24,.1);color:var(--ink);margin:16px 0;padding:12px 14px}.render-result p{font-weight:900}.render-result span{color:var(--muted);overflow-wrap:anywhere}.render-result a{color:var(--kick-green);font-weight:900}.render-result .render-warning{color:#ffd166}.final-export-layout{align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(320px,1fr));justify-items:stretch;margin-inline:auto;max-width:880px;width:100%}.export-page{display:grid}.final-preview-panel{display:grid;justify-items:center;min-width:0;width:100%}.final-preview-panel .preview-stage{display:grid;justify-items:center;height:100%;width:100%}.final-video-frame{width:100%;min-width:0;height:100%;aspect-ratio:auto;border:1px solid rgba(83,252,24,.58);box-shadow:0 24px 90px rgba(0,0,0,.46)}.success-panel{display:grid;gap:18px;align-content:center;border:1px solid var(--line);border-radius:8px;background:rgba(17,22,15,.9);padding:32px;box-shadow:0 20px 80px rgba(0,0,0,.32)}.success-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:var(--kick-green);color:#071005;font-size:1.9rem;font-weight:1000}.success-icon-failed{background:var(--danger);color:#ffffff}.success-panel h2{margin-bottom:0;font-size:clamp(2rem,4vw,3.1rem)}.success-panel p{max-width:360px;margin-bottom:4px}.download-clip-button{min-height:58px;width:100%;font-size:1.02rem}.success-actions{display:grid;gap:12px;width:100%}.new-clip-button,.success-actions .back-button{min-height:58px;width:100%;font-size:1.02rem}.back-button:hover:not(:disabled),.new-clip-button:hover:not(:disabled){background:rgba(83,252,24,.14)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--kick-green);box-shadow:0 0 18px rgba(83,252,24,.8)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.editor-layout,.final-export-layout,.top-bar,.upload-layout{grid-template-columns:1fr}.top-bar{align-items:flex-start;flex-direction:column}.upload-copy{padding:10px 0 0}.success-panel{justify-items:center;text-align:center}}@media (max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:16px}h1{font-size:2.2rem}.export-actions,.file-ready,.preview-footer{align-items:stretch;flex-direction:column}.ghost-button,.primary-button,.secondary-button{width:100%}.app-footer{flex-direction:column;text-align:center}.export-summary-card,.segmented-control,.summary-list div{grid-template-columns:1fr}.emoji-row{grid-template-columns:repeat(3,minmax(0,1fr))}.safe-zone span{display:none}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}@media (min-width:640px){.sm\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:768px){.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-\[12rem\]{font-size:12rem}}@media (min-width:1280px){.xl\:text-\[14rem\]{font-size:14rem}}