@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-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:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-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:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-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:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-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:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-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:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-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:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-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:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-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:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-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:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b06b356f834173cc-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:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/23d669af23d19c95-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:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a4aa50920b5315c-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:Archivo Fallback;src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}.__className_58f125{font-family:Archivo,Archivo Fallback;font-style:normal}.__variable_58f125{--font-archivo:"Archivo","Archivo Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-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:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-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:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/36966cca54120369-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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36966cca54120369-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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-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:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_48cfcd{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_48cfcd{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}:root{--bg:#0C0D0B;--panel:#13150F;--panel-2:#181B12;--line:#262A1E;--green:#7FE51A;--green-dim:#4f9412;--cream:#EFEEE4;--muted:#8B9080;--danger:#ff5d5d;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--cream);font-family:var(--font-space-grotesk,"Space Grotesk"),system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}html{-webkit-text-size-adjust:100%}.auth-brand,.btn-export,.gal-head h2,.intro h1,.result-head,.step-head h2,.step-num,.wordmark{font-family:var(--font-archivo,"Archivo"),sans-serif}button{cursor:pointer}button,input,textarea{font-family:inherit}::selection{background:var(--green);color:#0C0D0B}header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(12,13,11,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}@media(min-width:760px){header{padding:14px 28px;flex-wrap:nowrap}}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.brand img{height:36px;width:auto;display:block;flex:none}.wordmark{font-family:Archivo,sans-serif;font-weight:900;letter-spacing:.18em;font-size:16px;white-space:nowrap}@media(min-width:760px){.wordmark{font-size:18px}}.wordmark .rl{color:var(--muted);font-weight:500;letter-spacing:.1em}.tagline{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:none;flex:1 1 100%;order:3}@media(min-width:760px){.tagline{display:block;flex:0 1 auto;order:0}}.app{display:grid;grid-template-columns:1fr;max-width:1280px;margin:0 auto;width:100%}@media(min-width:1020px){.app{grid-template-columns:minmax(0,1fr) 440px;align-items:start}.preview-col{position:-webkit-sticky;position:sticky;top:72px}}.controls{padding:20px 16px 72px;min-width:0;border-right:none}@media(min-width:760px){.controls{padding:24px 22px 76px}}@media(min-width:1020px){.controls{padding:26px 28px 80px;border-right:1px solid var(--line)}}.intro h1{font-family:Archivo,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(26px,4vw,38px);line-height:1.04;margin-bottom:10px}.intro h1 em{font-style:normal;color:var(--green)}.intro p{color:var(--muted);font-size:15px;max-width:54ch;line-height:1.55}.gal-head{display:flex;align-items:baseline;gap:12px;margin:30px 0 12px}.gal-head h2{font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.14em}.gal-head span{font-size:12px;color:var(--muted)}.gallery{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}.gallery::-webkit-scrollbar{height:8px}.gallery::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.gcard{flex:0 0 148px;scroll-snap-align:start;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#000;position:relative;aspect-ratio:9/16;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.gcard:hover{transform:translateY(-3px);border-color:var(--green-dim)}.gcard.on{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.gmock{flex:1 1;position:relative;overflow:hidden;display:grid;place-items:center}.gname{top:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8)}.gbtn,.gname{position:absolute;left:8px;right:8px;z-index:3}.gbtn{bottom:8px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.55);color:#fff;font-size:10.5px;padding:7px 4px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600;letter-spacing:.02em}.gbtn:hover{background:var(--green);color:#0C0D0B;border-color:var(--green)}.step{margin-top:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.step-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}@media(min-width:760px){.step-head{gap:12px;padding:16px 18px;flex-wrap:nowrap}}.step-num{font-family:Archivo,sans-serif;font-weight:800;font-size:12px;color:var(--bg);background:var(--green);border-radius:6px;padding:3px 8px;flex:none}.step-num.done:after{content:" ✓"}.step-head h2{font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.1em;min-width:0}@media(min-width:760px){.step-head h2{font-size:14px;letter-spacing:.12em}}.step-head .hint{font-size:11px;color:var(--muted);text-align:left;width:100%;line-height:1.45}@media(min-width:760px){.step-head .hint{margin-left:auto;width:auto;text-align:right;font-size:12px}}.step-body{padding:14px 16px}@media(min-width:760px){.step-body{padding:18px}}label.drop{display:block;border:1.5px dashed var(--line);border-radius:10px;padding:24px 18px;text-align:center;color:var(--muted);transition:.15s;cursor:pointer}label.drop strong{color:var(--cream);display:block;margin-bottom:4px;font-weight:700}label.drop.drag,label.drop:hover{border-color:var(--green);background:rgba(127,229,26,.05)}label.drop small{font-size:12px;line-height:1.5;display:block}label.drop{position:relative;overflow:hidden}.overlay-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.track-row{gap:12px;margin-bottom:14px}.track-chip,.track-row{display:flex;align-items:center}.track-chip{gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;min-width:0;flex:1 1}.track-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.track-chip .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-chip .meta{color:var(--muted);flex:none}.icon-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px}.icon-btn:hover{color:var(--danger);border-color:var(--danger)}canvas.wave{width:100%;height:84px;display:block;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);cursor:ew-resize;touch-action:none;margin-top:4px}.wave-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.05em;flex-wrap:wrap}.beats-found{color:var(--green)}.listen-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}.listen-btn{border:1px solid var(--green-dim);background:rgba(127,229,26,.08);color:var(--green);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;letter-spacing:.02em}.listen-btn:hover{background:var(--green);color:#0C0D0B}.listen-note{font-size:11.5px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--cream);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;transition:.12s}.chip:hover{border-color:var(--green-dim)}.chip.on{background:var(--green);border-color:var(--green);color:#0C0D0B;font-weight:700}.label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:18px 0 8px;font-weight:700}.step-body .label:first-child{margin-top:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.media-grid:empty{display:none}.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb .rm{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;font-size:13px;display:grid;place-items:center}.thumb .rm:hover{background:var(--danger)}.thumb .tag{bottom:5px;color:var(--green);letter-spacing:.06em}.thumb .ord,.thumb .tag{position:absolute;left:5px;background:rgba(0,0,0,.7);font-size:10px;padding:2px 6px;border-radius:5px}.thumb .ord{top:5px;color:#fff}textarea.lines{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:12px 14px;font-size:14px;line-height:1.7;min-height:96px;resize:vertical}textarea.lines:focus{outline:none;border-color:var(--green)}.fine{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px}.switch{position:relative;width:40px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .sl{inset:0;background:var(--line);border-radius:999px;cursor:pointer}.switch .sl,.switch .sl:before{position:absolute;transition:.15s}.switch .sl:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--muted);top:3px;left:3px}.switch input:checked+.sl{background:var(--green)}.switch input:checked+.sl:before{background:#0C0D0B;transform:translateX(18px)}.preview-col{padding:20px 16px 56px;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;min-width:0}@media(min-width:760px){.preview-col{padding:24px 22px 58px}}@media(min-width:1020px){.preview-col{padding:26px 28px 60px}}.phone{position:relative;border:1px solid var(--line);border-radius:26px;background:#000;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.55);transition:.25s;max-width:100%;width:-moz-fit-content;width:fit-content;margin:0 auto}.phone:after{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:74px;height:7px;border-radius:99px;background:#1c1c1c;opacity:0}.phone.is-916:after{opacity:1}canvas#stage{display:block;border-radius:18px;background:#0a0a0a;max-width:100%}.preview-empty{position:absolute;inset:10px;border-radius:18px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;padding:24px;pointer-events:none;line-height:1.6}.preview-empty .big{font-family:Archivo,sans-serif;font-weight:900;text-transform:uppercase;color:var(--cream);font-size:16px;letter-spacing:.1em;display:block;margin-bottom:8px}.transport{display:flex;gap:10px;width:100%;max-width:380px}.btn{flex:1 1;border:none;border-radius:12px;padding:15px 18px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-play{background:var(--panel-2);border:1px solid var(--line);color:var(--cream)}.btn-play:hover:not(:disabled){border-color:var(--green)}.btn-export{background:var(--green);color:#0C0D0B;font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.btn-export:hover:not(:disabled){box-shadow:0 0 24px rgba(127,229,26,.35)}.progress{width:100%;max-width:380px;display:none}.progress.show{display:block}.progress .bar{height:6px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.progress .fill{height:100%;width:0;background:var(--green);transition:width .2s}.progress .pt{margin-top:7px}.progress .pt,.status{font-size:12px;color:var(--muted);text-align:center}.status{max-width:360px;line-height:1.6}.status b{color:var(--green)}.result{width:100%;max-width:380px;border:1px solid var(--green-dim);border-radius:14px;background:var(--panel);padding:14px;display:none;flex-direction:column;gap:12px}.result.show{display:flex}.result-head{font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.14em;color:var(--green)}.result video{width:100%;border-radius:10px;background:#000;max-height:430px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);opacity:0;background:var(--cream);color:#0C0D0B;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:.25s;z-index:100;pointer-events:none;max-width:90vw;text-align:center}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}footer{border-top:1px solid var(--line);padding:18px 16px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}@media(min-width:760px){footer{padding:22px 28px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.mockband{position:absolute;left:0;right:0;top:38%;height:30%;background:linear-gradient(120deg,#5a4632,#26323f 60%,#101418)}.mocktxt{position:relative;z-index:2;text-align:center;padding:0 8px;width:100%}.thumb .cut{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border-radius:7px;border:none;background:rgba(0,0,0,.72);color:var(--green);font-size:13px;display:grid;place-items:center;cursor:pointer}.thumb .cut:hover{background:rgba(0,0,0,.9)}.trim-back{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:60;display:grid;place-items:center;padding:18px}.trim-back[hidden]{display:none!important}.trim-modal{width:min(430px,94vw);background:var(--panel,#141414);border:1px solid var(--line,#2a2a2a);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.trim-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.trim-head b{font-size:15px;letter-spacing:.02em}.trim-head span{font-size:11px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.trim-modal video{width:100%;max-height:46vh;border-radius:10px;background:#000;object-fit:contain}.trim-bar{position:relative;height:44px;border-radius:9px;background:var(--panel-2,#1d1d1d);border:1px solid var(--line,#2a2a2a);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trim-sel{position:absolute;top:0;bottom:0;background:rgba(127,229,26,.18);border-top:2px solid var(--green,#7fe51a);border-bottom:2px solid var(--green,#7fe51a)}.trim-handle{position:absolute;top:-4px;bottom:-4px;width:16px;margin-left:-8px;border-radius:6px;background:var(--green,#7FE51A);cursor:ew-resize;display:grid;place-items:center;z-index:2}.trim-handle:after{content:"";width:2px;height:16px;background:rgba(0,0,0,.55);border-radius:2px}.trim-play{position:absolute;top:0;bottom:0;width:2px;background:#fff;opacity:.85;z-index:1;pointer-events:none}.trim-times{display:flex;justify-content:space-between;font-size:12px;opacity:.85}.trim-times span:nth-child(2){color:var(--green,#7FE51A);font-weight:700}.trim-actions{display:flex;gap:10px;justify-content:flex-end}.tbtn{border-radius:10px;border:1px solid var(--line,#2a2a2a);background:transparent;color:inherit;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer}.tbtn.primary{background:var(--green,#7FE51A);border-color:var(--green,#7FE51A);color:#0a0a0a;font-weight:700}.mode-tabs{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px;margin-top:22px;width:100%;max-width:100%}.mtab{display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:12px;padding:10px 12px;border-radius:999px;transition:.15s;letter-spacing:.01em;flex:1 1;min-width:0;white-space:nowrap}@media(min-width:520px){.mtab{gap:8px;font-size:14px;padding:10px 18px}}@media(min-width:760px){.mode-tabs{display:inline-flex;width:auto}.mtab{flex:0 0 auto;padding:10px 20px}}.mtab svg{width:17px;height:17px;flex:none}.mtab.on{background:var(--cream);color:#0C0D0B}.mtab:not(.on):hover{color:var(--cream)}html.lipmode .lyric-only{display:none!important}#canvasStudio{display:none}html.lipmode #canvasStudio{display:block}html.lipmode #emptyMsg,html.lipmode #resultBox,html.lipmode .exp-opts,html.lipmode .preview-col .progress,html.lipmode .transport{display:none!important}html.lipmode #canvasStudio .progress.show{display:block!important}#lipSide{display:none}html.lipmode #lipSide{display:flex}.sel-wrap{position:relative;margin-top:6px;border-radius:10px}.sel-wrap:focus-visible{outline:2px solid var(--green);outline-offset:3px}canvas.wave-detail{width:100%;height:110px;display:block;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);touch-action:none;cursor:-webkit-grab;cursor:grab}canvas.wave-detail.dragging{cursor:-webkit-grabbing;cursor:grabbing}.sel-handle{position:absolute;top:-6px;bottom:-6px;width:22px;margin-left:-11px;cursor:ew-resize;touch-action:none;z-index:3;display:grid;place-items:center}.sel-handle span{width:10px;height:100%;border-radius:6px;background:var(--green);display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.5)}.sel-handle span:after{content:"";width:2px;height:18px;background:rgba(0,0,0,.55);border-radius:2px}.sel-times{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:8px 2px 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sel-dur{color:#0C0D0B;background:var(--green);font-weight:800;font-size:11.5px;padding:3px 12px;border-radius:999px;letter-spacing:.04em}canvas.wave-mini{width:100%;height:36px;display:block;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);touch-action:none;cursor:pointer}.sel-tools{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.zoom-group{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.zbtn{background:var(--panel-2);border:none;color:var(--cream);font-size:15px;width:38px;height:36px;line-height:1}.zbtn+.zbtn{border-left:1px solid var(--line)}.zbtn:hover{color:var(--green)}.sel-tools .beats-found{margin-left:auto;font-size:11px}.tpl-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}.tpl-filter::-webkit-scrollbar{display:none}.gmeta{position:absolute;left:8px;right:8px;bottom:44px;z-index:3;display:flex;justify-content:space-between;font-size:9.5px;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.04em}.gmeta b{color:var(--green);font-weight:700}.ov-ctl{gap:12px;flex-wrap:wrap;margin-top:12px;border:1px solid var(--green-dim);border-radius:10px;background:rgba(127,229,26,.05);padding:10px 12px;font-size:12px;color:var(--muted)}.ov-ctl,.ov-ctl label{display:flex;align-items:center}.ov-ctl label{gap:7px}.ov-ctl input[type=range]{width:96px;accent-color:var(--green)}canvas#stage{touch-action:none}.exp-opts{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.exp-opts .chip{padding:7px 13px;font-size:12px}.exp-est{font-size:11.5px;color:var(--muted);text-align:center;letter-spacing:.03em}.exp-est b{color:var(--cream)}.kit-group{margin-top:14px}.kit-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px;line-height:1.5}.kit-item p{flex:1 1;min-width:0;word-break:break-word}.kit-item button{flex:none;background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:5px 10px;font-size:11px}.kit-item button:hover{color:var(--green);border-color:var(--green-dim)}.lip-src{grid-template-columns:1fr 1fr;grid-gap:10px}.lip-src,.lip-src3{display:grid;gap:10px}.lip-src3{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}@media(max-width:720px){.lip-src3{grid-template-columns:1fr}}.lip-eng{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:2px 0 10px}.lip-eng b{color:var(--green);font-weight:700}#lipStage img{width:100%;height:100%;object-fit:contain;display:block}#lipPrevBtn{margin-top:10px}.lip-add{width:100%;margin-top:8px;background:none;border:1px dashed var(--line);color:var(--cream);border-radius:10px;padding:10px;cursor:pointer;font:600 13px/1 Space Grotesk,sans-serif}.lip-add:hover{border-color:var(--green);color:var(--green)}@media(max-width:560px){.lip-src{grid-template-columns:1fr}}.lip-btn{border:1.5px dashed var(--line);border-radius:12px;background:transparent;color:var(--cream);padding:22px 14px;text-align:center;transition:.15s;position:relative;overflow:hidden}.lip-btn:hover{border-color:var(--green);background:rgba(127,229,26,.05)}.lip-btn b{display:block;margin-bottom:4px}.lip-btn small{color:var(--muted);font-size:12px;line-height:1.4;display:block}.lip-stage{position:relative;margin-top:14px;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--line);display:none}.lip-stage.show{display:block}.lip-stage video{width:100%;max-height:420px;display:block;object-fit:contain;background:#000}.lip-stage canvas.face{inset:0;width:100%;height:100%}.lip-hud,.lip-stage canvas.face{position:absolute;pointer-events:none}.lip-hud{top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.lip-hud,.lip-rec{align-items:center}.lip-rec{display:none;gap:7px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lip-rec.show{display:flex}.lip-rec:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5d5d;animation:pulse 1s infinite}.lip-count{position:absolute;inset:0;display:none;place-items:center;font-family:Archivo,sans-serif;font-weight:900;font-size:96px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.8);background:rgba(0,0,0,.35)}.lip-count.show{display:grid}.lip-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.lip-facemsg{font-size:12px;margin-top:10px;color:var(--muted);line-height:1.5}.lip-facemsg.ok{color:var(--green)}.lip-seg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.lip-seg .seg-chip{background:var(--panel-2);border:1px solid var(--green-dim);color:var(--green);border-radius:999px;padding:8px 16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lip-gen{width:100%;margin-top:16px;background:var(--green);color:#0C0D0B;border:none;border-radius:12px;font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:14px;padding:15px 0;transition:.15s}.lip-gen:hover:not(:disabled){box-shadow:0 0 24px rgba(127,229,26,.35)}.lip-gen:disabled{opacity:.35;cursor:not-allowed}.lip-progress{display:none;margin-top:14px}.lip-progress.show{display:block}.lip-result{display:none;margin-top:16px;border:1px solid var(--green-dim);border-radius:14px;padding:14px;background:var(--panel-2)}.lip-result.show{display:block}.lip-ab{display:flex;gap:6px;margin-bottom:10px}.lip-ab .chip{padding:6px 16px;font-size:12px}.lip-result video{width:100%;border-radius:10px;background:#000;max-height:420px}.lip-note{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:14px;font-size:13px;color:var(--muted);line-height:1.6;margin-top:14px;display:none}.lip-note.show{display:block}.lip-note b{color:var(--cream)}#lipSide{flex-direction:column;gap:12px;width:100%;max-width:380px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px}#lipSide h3{font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.14em;color:var(--green)}#lipSide p{font-size:12.5px;color:var(--muted);line-height:1.6}#lipSide .steps{display:flex;flex-direction:column;gap:8px;font-size:12.5px}#lipSide .steps span{display:flex;gap:9px;align-items:center;color:var(--muted)}#lipSide .steps span.done{color:var(--cream)}#lipSide .steps i{font-style:normal;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:10px;flex:none}#lipSide .steps span.done i{background:var(--green);border-color:var(--green);color:#0C0D0B;font-weight:800}.app{visibility:hidden}html.authed .app{visibility:visible}html.authed #authOverlay{display:none}#authOverlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(120% 120% at 50% 0,#15170f 0,var(--bg) 60%);overflow:auto}@media(min-width:520px){#authOverlay{padding:24px}}.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 20px 22px;box-shadow:0 24px 70px rgba(0,0,0,.6)}@media(min-width:520px){.auth-card{padding:30px 28px 26px}}.auth-brand{font-family:Archivo,sans-serif;font-weight:900;letter-spacing:.01em;font-size:27px;color:var(--cream)}.auth-brand span{color:var(--muted);font-weight:500}.auth-or{display:flex;align-items:center;gap:12px;margin:16px 2px 6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.auth-or:after,.auth-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--cream);color:#1a1a1a;border:none;border-radius:11px;font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:14px;padding:12px 0;transition:.15s}.btn-google:hover{filter:brightness(.96)}.btn-google:disabled{opacity:.6;cursor:default}.btn-google svg{width:18px;height:18px;display:block}.auth-sub{color:var(--muted);font-size:13px;margin:8px 0 22px;line-height:1.5}.auth-tabs{display:flex;gap:6px;background:var(--panel-2);padding:5px;border-radius:12px;margin-bottom:18px}.auth-tab{flex:1 1;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:9px 0;border-radius:8px;letter-spacing:.04em;transition:.15s}.auth-tab.on{background:var(--green);color:#0C0D0B}.auth-field{margin-bottom:13px}.auth-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.auth-field input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;color:var(--cream);font-size:15px;padding:12px 13px;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--green-dim)}.auth-submit{width:100%;margin-top:6px;background:var(--green);color:#0C0D0B;border:none;border-radius:11px;font-family:Archivo,sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px;padding:13px 0;transition:.15s}.auth-submit:hover{filter:brightness(1.06)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-msg{margin-top:14px;font-size:13px;line-height:1.5;min-height:18px}.auth-msg.err{color:var(--danger)}.auth-msg.ok{color:var(--green)}.auth-foot{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.5;border-top:1px solid var(--line);padding-top:14px}.acct{display:none;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 100%;min-width:0}@media(min-width:760px){.acct{flex:0 1 auto;flex-wrap:nowrap}}.acct .who{font-size:12px;color:var(--muted);max-width:min(180px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media(min-width:900px){.acct .who{display:inline}}.acct .who b,.acct button{color:var(--cream);font-weight:600}.acct button{background:var(--panel-2);border:1px solid var(--line);font-size:12px;padding:7px 12px;border-radius:9px;transition:.15s}.acct button:hover{border-color:var(--green-dim)}.acct button.ghost{background:transparent}#projBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:120;display:none}#projPanel{position:fixed;top:0;right:0;height:100%;width:340px;max-width:88vw;z-index:121;background:var(--panel);border-left:1px solid var(--line);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}#projPanel.open{transform:translateX(0)}.proj-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid var(--line)}.proj-head h3{font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:15px}.proj-head .x{background:none;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.proj-save{padding:16px 20px;border-bottom:1px solid var(--line)}.proj-save input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--cream);font-size:14px;padding:10px 12px;outline:none;margin-bottom:10px}.proj-save input:focus{border-color:var(--green-dim)}.proj-save button{width:100%;background:var(--green);color:#0C0D0B;border:none;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:.04em;padding:11px 0;text-transform:uppercase;font-family:Archivo,sans-serif}.proj-note{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.45}.proj-list{flex:1 1;overflow:auto;padding:12px 20px 24px}.proj-list .empty{color:var(--muted);font-size:13px;text-align:center;margin-top:26px;line-height:1.5}.proj-item{border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:10px;background:var(--panel-2)}.proj-item .pname{font-weight:700;font-size:14px;color:var(--cream);word-break:break-word}.proj-item .pmeta{font-size:11px;color:var(--muted);margin-top:3px}.proj-item .prow{display:flex;gap:8px;margin-top:10px}.proj-item .prow button{flex:1 1;border-radius:9px;font-size:12px;font-weight:700;padding:8px 0;border:1px solid var(--line);background:transparent;color:var(--cream);transition:.15s}.proj-item .prow .load{background:var(--green);color:#0C0D0B;border-color:var(--green)}.proj-item .prow .del{color:var(--danger);border-color:var(--danger)}.proj-item .prow button:hover{filter:brightness(1.08)}