@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff");unicode-range:U+0000-00FF,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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-devanagari-wght-normal-DWI_L5Cu.woff2) format("woff2-variations");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-ext-wght-normal-CLkupaxV.woff2) format("woff2-variations");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:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-wght-normal-Bxfr4UJH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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}*{box-sizing:border-box}:root{font-family:Inter,system-ui,sans-serif;color:#252331;background:#f8f9fb;font-synthesis:none;font-size:13px;--purple:#7654e9;--purple-dark:#6240d4;--line:#ebeaf0;--muted:#92909f;--text:#24232f}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #9e83ff;outline-offset:3px}input:focus-visible,select:focus-visible{outline:2px solid #ac91ff;outline-offset:1px}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.98)}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:35px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:27px;letter-spacing:-1.6px;white-space:nowrap}.brand-dot{color:var(--purple);margin-left:-9px}.brand-icon{width:31px;height:31px;background:var(--purple);border-radius:9px;display:block;position:relative;box-shadow:0 4px 9px #7654e925}.brand-icon span:first-child{position:absolute;left:8px;top:8px;width:17px;height:4px;background:#fff;border-radius:2px}.brand-icon span:last-child{position:absolute;left:8px;top:8px;height:18px;width:4px;background:#fff;border-radius:2px}.brand-icon:after{content:"";position:absolute;left:8px;top:16px;width:13px;height:4px;background:#fff;border-radius:2px}.brand small{font-size:8px;letter-spacing:1.5px;font-weight:600;color:#a5a1ae;max-width:50px;white-space:normal;line-height:1.6;margin-left:9px;padding-left:17px;border-left:1px solid var(--line)}.project-title{border-left:1px solid var(--line);padding-left:27px}.project-title input{border:0;background:none;font-size:13px;font-weight:600;color:#45424e;width:220px;display:block;padding:0 0 6px}.project-title span{display:flex;align-items:center;gap:5px;font-size:10px;color:#96929f}.project-title svg{color:#75a28e}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header-divider{width:1px;height:23px;background:var(--line);margin:0 9px}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;padding:12px 17px;white-space:nowrap;min-height:38px}.button.primary{background:var(--purple);color:#fff;box-shadow:0 2px 5px #7050df12}.button.primary:hover:not(:disabled){background:var(--purple-dark);box-shadow:0 3px 9px #7050df30}.button.secondary{background:#fff;border:1px solid #e5e2ec}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:#8d8998}.icon-button:hover:not(:disabled){background:#f0ecfa;color:var(--purple)}.icon-button.active{background:#ede8fb;color:var(--purple)}.workspace{display:grid;grid-template-columns:72px 326px minmax(380px,1fr) 265px;flex:1;min-height:calc(100vh - 117px)}.rail{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:22px 8px 16px}.rail button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:61px;gap:7px;color:#92909e;border-radius:8px;margin-bottom:10px}.rail button span{font-size:9px;font-weight:500}.rail button.selected{background:#f0ecfb;color:var(--purple)}.rail-bottom{margin-top:40px}.library-panel{background:#fff;border-right:1px solid var(--line);padding:27px 22px 19px;display:flex;flex-direction:column;min-width:0}.eyebrow{font-size:8px;letter-spacing:1.65px;font-weight:600;color:#aaa4b3}.panel-heading h1{font-size:21px;line-height:1.4;letter-spacing:-.8px;font-weight:650;margin:9px 0 6px}.panel-heading>p{font-size:11px;color:#94909e;margin:0}.segmented{display:flex;background:#f5f4f8;padding:4px;border-radius:8px;margin-top:24px;margin-bottom:26px;gap:3px}.segmented button{border:0;background:none;flex:1;border-radius:5px;color:#95909f;padding:8px 4px;font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{background:#fff;color:var(--purple);box-shadow:0 1px 4px #3428590e}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;font-weight:600;color:#92909c;margin-bottom:14px}.count{border:1px solid #e5e2eb;border-radius:4px;padding:2px 4px;font-size:8px;color:#aaa4b3;letter-spacing:0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.preset-card{text-align:left;background:transparent;padding:0;border:0;min-width:0}.preset-art{height:96px;position:relative;overflow:hidden;border-radius:7px;background:#222b37;isolation:isolate;border:2px solid transparent;box-shadow:0 0 0 1px #00000004}.preset-card.selected .preset-art{border-color:#fff;box-shadow:0 0 0 2px var(--purple)}.preset-card:hover .preset-art{transform:translateY(-2px)}.preset-art:after{position:absolute;inset:0;content:"";opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.preset-art canvas{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}.preset-art.impact{background:radial-gradient(ellipse at 75% 10%,#526552,#232e2a 70%)}.preset-art.power{background:linear-gradient(125deg,#4b3f29,#282522)}.preset-art.cinematic{background:linear-gradient(150deg,#b2b5b0 -15%,#596668 37%,#273b44 65%,#12232f)}.preset-art.bubble{background:radial-gradient(ellipse at 0% 0%,#9b81bb,#70549a 90%)}.preset-art.handwritten{background:linear-gradient(150deg,#ad8167,#5d5249 55%,#303c3a)}.reference-badge{position:absolute;top:9px;left:10px;font-size:6px;letter-spacing:1px;color:#f5e9db;z-index:3}.reference-note{font-size:10px;line-height:1.65;color:#8a729d;margin:0 0 17px}.preset-art.desi{background:linear-gradient(140deg,#b46c4e,#49352d 70%)}.art-orbit{position:absolute;width:135px;height:135px;border:1px solid #ffffff10;border-radius:50%;top:15px;left:24px;transform:rotate(-25deg) scaleX(1.6)}.art-orbit:after{content:"";position:absolute;inset:17px;border:1px solid #ffffff09;border-radius:50%}.selected-check{position:absolute;right:5px;top:5px;background:var(--purple);color:#fff;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;z-index:4}.preset-name{display:block;font-size:10px;font-weight:650;letter-spacing:-.1px;margin:10px 0 4px}.preset-description{display:block;font-size:8px;color:#a09ba7;line-height:1.5}.collection-note{display:flex;align-items:center;gap:10px;background:#f8f7fb;border:1px solid #efedf5;border-radius:8px;margin:24px 0;padding:13px 11px}.note-star{font-size:28px;color:#b19bdc}.collection-note strong{font-size:10px;font-weight:550;color:#706580}.collection-note p{font-size:9px;color:#a19aa9;line-height:1.65;margin:5px 0 0}.local-note{display:flex;gap:9px;align-items:center;color:#8fa598;margin-top:auto;padding-top:20px;border-top:1px solid #f0eef4}.local-note strong{display:block;font-size:9px;font-weight:500;color:#827d8a}.local-note span{display:block;font-size:8px;color:#b0aab6;margin-top:3px}.editor{display:flex;flex-direction:column;min-width:0;padding:0 26px;background:#f8f9fb;position:relative}.preview-heading{height:67px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1px;color:#9b97a5}.preview-heading>div{display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#7eae98;display:inline-block;box-shadow:0 0 0 3px #7eae980c}.preview-divider{color:#d0cbd6;margin:0 3px}.current-style{text-transform:none;letter-spacing:0;font-size:9px;font-weight:500;color:#777280}.aspect-badge{border:1px solid #e9e6ee;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:400;letter-spacing:0;color:#918b9b}.stage{min-height:360px;flex:1;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;padding:0 18px 35px;overflow:hidden}.stage:before{content:"";position:absolute;width:320px;height:280px;border-radius:50%;background:#eeebf6;filter:blur(90px);z-index:-1;top:120px;left:calc(50% - 160px)}.stage-grain{position:absolute;inset:0;background-image:radial-gradient(#aaa5b7 .6px,transparent .6px);background-size:15px 15px;opacity:.13;mask-image:radial-gradient(ellipse,#000 20%,transparent 68%);z-index:-1}.video-frame{height:min(56vh,540px);max-height:540px;max-width:100%;position:relative;overflow:hidden;background:#252531;border-radius:10px;box-shadow:0 20px 40px #2c243127,0 3px 6px #3023371a;line-height:0}.video-frame canvas{width:100%;height:100%;object-fit:contain}.video-play-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0}.video-play-overlay svg{background:#18152055;backdrop-filter:blur(8px);border:1px solid #ffffff40;padding:16px;width:56px;height:56px;border-radius:50%}.video-play-overlay:hover{opacity:1}.demo-badge{position:absolute;left:16px;right:16px;top:17px;font-size:7px;letter-spacing:2px;color:#fff9;line-height:1;font-weight:400;pointer-events:none;display:flex;justify-content:space-between}.demo-badge span{font-size:8px;font-weight:600;letter-spacing:1px}.stage-caption{position:absolute;bottom:9px;color:#a7a1b0;font-size:8px}.transport{display:flex;align-items:center;justify-content:space-between;padding:17px 0 21px;min-height:67px}.time-display{font-size:10px;color:#615a6e;font-variant-numeric:tabular-nums;min-width:110px}.time-display span{color:#aaa3b2;margin-left:5px;font-size:9px}.playback-actions{display:flex;align-items:center;gap:16px}.play-button{width:34px;height:34px;border:0;border-radius:50%;background:#2c2738;color:#fff;display:flex;align-items:center;justify-content:center}.play-button svg{width:14px}.transport-right{min-width:110px;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#8a8198;font-size:10px}.transport-right>span{border:1px solid #e6e1ed;border-radius:4px;padding:4px 6px}.timeline{margin:0 -4px;border-top:1px solid #e9e6ee;padding:18px 0 0}.timeline-top{display:flex;justify-content:space-between;align-items:center;color:#a29aaa;font-size:8px;gap:8px}.timeline-top>div{display:flex;gap:7px;align-items:center;min-width:0}.timeline-top>div>span{max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#77707f;font-size:9px}.timeline-top b{font-size:6px;padding:3px 4px;letter-spacing:.6px;border:1px solid #e3ddeb;border-radius:3px;font-weight:500;color:#a398ae}.timeline-top>span{white-space:nowrap}.timeline-ruler{display:flex;justify-content:space-between;padding:16px 0 10px;font-size:8px;color:#b5acbe;font-variant-numeric:tabular-nums}.timeline-ruler span:after{content:"";display:block;width:1px;height:5px;background:#e4dfeb;margin-top:5px}.timeline-tracks{position:relative;height:84px}.audio-track{height:34px;background:#f0edf6;display:flex;align-items:center;justify-content:space-around;gap:1px;border-radius:5px;padding:3px 2px;overflow:hidden}.audio-track i{display:block;background:#c1b2df;min-width:1px;max-width:3px;flex:1;border-radius:3px}.audio-track>span{font-size:8px;color:#a99bba}.caption-track{height:28px;position:relative;margin-top:6px}.caption-track button{position:absolute;top:0;height:27px;border:1px solid #d9ccf4;border-radius:4px;background:#e9e1f9;padding:4px 5px;color:#a18ac4;font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;display:flex;align-items:center;gap:4px}.caption-track button.active{background:#d9c8f9;border-color:#b89ae9;color:#7352a9}.playhead{position:absolute;top:-11px;bottom:7px;background:#8162da;width:1px;pointer-events:none;z-index:5}.playhead>span{position:absolute;top:0;left:-4px;width:9px;height:8px;background:#8162da;border-radius:2px 2px 0 0;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.scrubber{position:absolute;top:-20px;left:-8px;width:calc(100% + 16px);height:50px;opacity:0;cursor:ew-resize;z-index:8}.timeline-foot{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#b4aabc;padding:13px 0 17px;gap:15px}.timeline-foot span{display:flex;gap:5px;align-items:center}.timeline i,.timeline-foot i{font-style:normal;margin:0 3px}.inspector{border-left:1px solid var(--line);background:#fff;padding:28px 20px 18px}.inspector-heading{display:flex;align-items:center;justify-content:space-between}.inspector-heading>div{display:flex;align-items:center;gap:8px}.inspector-heading h2{font-size:13px;letter-spacing:-.25px;font-weight:600;margin:0}.inspector-heading svg{color:#8d8599}.inspector-description{font-size:9px;color:#a29aa9;margin:5px 0 26px}.inspector fieldset{border:0;padding:0;margin:0;min-width:0}.inspector-section{border-bottom:1px solid #efedf2;margin-bottom:20px;padding-bottom:19px}.inspector-section h3{font-size:8px;color:#938a9e;font-weight:550;letter-spacing:1.1px;display:flex;gap:7px;align-items:center;margin:0 0 20px}.select-label{display:block;font-size:9px;color:#93899f;margin:0 0 16px}.select-label select{display:block;width:100%;padding:10px 29px 10px 10px;margin-top:7px;background:#fff;color:#554d60;border:1px solid #e8e3ed;border-radius:6px;font-size:10px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2390889c' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center}.range-field{display:block;margin:14px 0 16px}.range-field>span{font-size:9px;color:#8c8397;display:flex;align-items:center;justify-content:space-between}.range-field b{font-size:9px;min-width:29px;padding:3px 5px;background:#faf9fc;border:1px solid #eee9f3;border-radius:4px;color:#8b8199;font-weight:400;text-align:center}input[type=range]{accent-color:#9677e9;height:3px;cursor:pointer;width:100%;margin:13px 0 0}.toggle-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#99909f;letter-spacing:.7px;margin-top:20px}.toggle{width:27px;height:15px;border:0;border-radius:14px;padding:2px;background:#d7d1df;display:flex}.toggle span{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #38223c33;transition:transform .18s}.toggle.on{background:#9f85df}.toggle.on span{transform:translate(12px)}.color-icon{width:11px;height:11px;background:conic-gradient(#b9ade1,#cfbbcf,#ead1a5,#b3c4d3,#b9ade1);border-radius:50%;border:1px solid #b4abc5}.color-fields{display:flex;gap:14px;margin-bottom:20px}.color-fields>label{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;color:#a59aaa}.color-swatch{position:relative;width:43px;height:28px;border:4px solid #fff;box-shadow:0 0 0 1px #e7e0ef;border-radius:5px;overflow:hidden}.color-swatch input{position:absolute;opacity:0;inset:-12px;width:70px;height:65px;cursor:pointer}.group-select{margin-bottom:0;margin-top:17px}.style-tip{display:flex;align-items:flex-start;gap:8px;color:#b3a4c6}.style-tip p{margin:0;font-size:8px;line-height:1.8}.style-tip svg{margin-top:2px}.text-button{border:0;background:none;color:var(--purple);font-size:10px;font-weight:500;display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:8px 0}.load-project{margin-top:20px;color:#a79aad;font-size:8px}.app-footer{height:37px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 27px;font-size:7px;color:#a69bac}.app-footer>span{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.2px;font-weight:500}.app-footer>p{margin:0;color:#b3a9bb;font-size:8px}.app-footer button{display:flex;gap:5px;align-items:center;background:none;border:0;color:#a69bac;font-size:8px}.source-video{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;left:0}.empty-video{background:#fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d0c7df;border-radius:12px;padding:50px 28px;min-height:320px;max-width:100%;color:#9886b7;box-shadow:0 8px 30px #8978a811}.empty-video>div{background:#f1ebfc;padding:20px;border-radius:20px;margin-bottom:15px}.empty-video h2{font-size:20px;color:#544566;letter-spacing:-.6px}.empty-video p{font-size:10px;margin:0 0 20px}.empty-video>span{font-size:8px;color:#aba0b9}.transcript-panel{display:flex;flex-direction:column;min-height:410px;flex:1}.transcript-actions{display:flex;flex-direction:column;margin:-6px 0 14px}.transcript-actions .button{font-size:10px}.transcript-actions>.text-button{margin-top:4px;font-size:9px}.transcript-tools{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;color:#a094ac;border-bottom:1px solid var(--line);padding:0 0 8px}.transcript-tools>button:not(.icon-button){background:#f6f2fc;border:0;border-radius:5px;color:#9679b6;padding:5px;font-size:8px;margin-left:auto}.word-table-head{display:grid;grid-template-columns:1fr 43px 43px 53px;margin:13px 0 6px 20px;font-size:7px;color:#b3a8bc;letter-spacing:.6px}.word-list{max-height:365px;overflow-y:auto;scrollbar-width:thin}.word-row{display:grid;grid-template-columns:15px minmax(35px,1fr) 40px 40px 14px 14px 14px;gap:3px;align-items:center;padding:6px 0;border-bottom:1px solid #f5f2f8}.word-row input{min-width:0;width:100%;padding:4px 2px;font-size:9px;border:1px solid transparent;background:none;color:#7d6b8a;border-radius:3px}.word-row input[type=number]{font-size:8px;color:#a190ae;appearance:textfield;-moz-appearance:textfield}.word-row input::-webkit-inner-spin-button{appearance:none}.word-row input:focus{background:#fff;border:1px solid #d2b9f0;outline:none}.word-row button{border:0;background:none;padding:0;color:#b9a8c5;display:flex;align-items:center;justify-content:center}.word-row button.emphasized{color:#9b68de}.word-row.phrase-end{border-bottom:1px dashed #c4b1d8}.word-row .phrase-break.active{color:#9662ce;background:#ece1fa;border-radius:3px}.word-row.word-active{background:#f4edff}.word-active input{color:#8660b2}.add-word{font-size:10px;margin-top:14px;min-height:30px;padding:8px}.micro-copy{font-size:9px;line-height:1.7;color:#a392b2}.transcript-panel .micro-copy{font-size:8px}.empty-transcript{text-align:center;color:#b8a4cb;padding:35px 10px}.empty-transcript h3{font-weight:500;font-size:14px;color:#8a719e}.empty-transcript p{font-size:10px;line-height:1.7}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#27203266;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:470px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border:1px solid #f4effb;border-radius:16px;box-shadow:0 30px 80px #2e183b33;padding:27px;outline:none}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:23px}.modal-head h2{font-size:22px;letter-spacing:-.8px;font-weight:600;margin:0 0 8px}.modal-head p{font-size:10px;line-height:1.6;color:#9b8daa;margin:0}.modal-head .icon-button{flex-shrink:0;margin-top:-4px;margin-right:-8px}.modal .select-label{font-size:11px;margin-bottom:18px}.modal .select-label select{font-size:11px;padding:12px}.privacy-card{display:flex;gap:12px;align-items:center;background:#f5f3fa;border:1px solid #eae4f4;border-radius:8px;padding:15px;margin-bottom:22px;color:#9c83b9}.privacy-card p{margin:0;font-size:10px;line-height:1.7;color:#96839f}.privacy-card svg{flex-shrink:0}.modal-note{font-size:10px;line-height:1.8;color:#9e8ea8;margin:18px 0}.full-width{width:100%}.centered{text-align:center}.export-options{display:flex;gap:15px}.export-options label{flex:1;min-width:0}.export-spec{background:#fbf9fd;border:1px solid #eee7f4;border-radius:7px;padding:6px 15px}.export-spec>span{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#ad9ab9;border-bottom:1px solid #eee6f3;padding:12px 0}.export-spec>span:last-child{border:0}.export-spec strong{color:#7e698f;font-size:10px;font-weight:500;text-align:right}.codec-note{font-size:10px;display:flex;align-items:center;gap:6px;color:#77a087;line-height:1.7}.codec-note.unsupported{color:#bd8561}.codec-note svg{flex-shrink:0}.export-success{text-align:center;background:#f6f3fb;border:1px solid #eee6f6;padding:28px 15px;border-radius:10px;margin-bottom:22px;color:#9471cb}.export-success h3{font-size:15px;font-weight:500}.export-success p{font-size:9px;color:#a18bb1;line-height:1.7}.help-steps{margin-bottom:20px}.help-steps p{display:flex;align-items:flex-start;gap:15px;margin:20px 0;color:#9e8caa;font-size:10px;line-height:1.8}.help-steps b{font-size:11px;padding-top:2px;color:#b49ccb;font-weight:500}.help-steps strong{display:block;font-size:12px;color:#6b547c;font-weight:550;margin-bottom:3px}.toast{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:150;background:#fff;border:1px solid #e4dcec;box-shadow:0 8px 40px #55336a24;border-radius:9px;padding:15px 17px;display:flex;align-items:center;gap:11px;font-size:11px;max-width:min(650px,calc(100% - 32px));line-height:1.6;color:#7c638d}.toast svg{flex-shrink:0;color:#8aa792}.toast button{background:none;border:0;color:#b099bd;padding:0 0 0 10px;display:flex}.toast.error{border-color:#ebcdc3;color:#9d6250}.toast.error>svg{color:#bc826d}.job-tray{position:fixed;bottom:45px;left:50%;transform:translate(-50%);width:min(570px,calc(100% - 32px));padding:20px;background:#fff;border:1px solid #e7dff1;border-radius:12px;box-shadow:0 10px 50px #54346d30;z-index:100}.job-tray>div{display:flex;align-items:center;gap:14px}.job-tray svg{color:#9a72d1;flex-shrink:0}.job-tray strong{font-size:11px;font-weight:500;color:#7f6494;display:block}.job-tray small{font-size:9px;color:#ad97ba;display:block;margin-top:5px;line-height:1.6}.job-tray .text-button{margin-left:auto}.job-tray progress{width:100%;height:4px;accent-color:#a779de;margin-top:20px;display:block}.job-tray>b{display:block;text-align:right;font-size:8px;color:#bda5d0;font-weight:500;margin-top:7px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-overlay{position:fixed;inset:12px;border:2px dashed #a982e3;background:#f9f5ffed;backdrop-filter:blur(8px);border-radius:18px;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#ae8cce}.drop-overlay h2{font-size:30px;letter-spacing:-1px;color:#8c64ad}.drop-overlay p{font-size:14px;color:#a78bbc}@media(min-width:1600px){.workspace{grid-template-columns:80px 350px minmax(420px,1fr) 295px}.library-panel{padding:32px 26px}.inspector{padding:32px 27px}.preset-art{height:112px}.stage{min-height:480px}.video-frame{height:58vh;max-height:630px}.editor{padding:0 45px}.panel-heading h1{font-size:23px}.preset-description{font-size:9px}.preset-name{font-size:11px}.timeline-tracks{height:100px}.audio-track{height:42px}}@media(max-width:1200px){.workspace{grid-template-columns:62px 280px minmax(330px,1fr) 225px}.rail{padding-left:4px;padding-right:3px}.library-panel{padding:25px 17px 17px}.panel-heading h1{font-size:18px}.preset-art{height:85px}.preset-description{font-size:7px}.inspector{padding:26px 15px 16px}.editor{padding:0 19px}.project-title{display:none}.timeline-foot>span:last-child{display:none}.topbar{padding:0 20px}.video-frame{height:54vh}.stage-caption{font-size:7px}}@media(max-width:1000px){.workspace{grid-template-columns:60px 280px minmax(300px,1fr)}.inspector{display:none}.inspector.mobile-show{display:block;position:fixed;right:0;top:80px;bottom:37px;z-index:20;width:265px;overflow:auto;box-shadow:-10px 0 40px #45235e15}.rail button{width:51px}.stage{min-height:420px}.video-frame{height:55vh}.preview-heading{height:66px}}@media(max-width:720px){.topbar{height:67px;padding:0 15px;gap:10px}.brand{font-size:24px}.brand small{display:none}.brand-icon{height:28px;width:28px}.header-actions{gap:4px}.header-actions>.icon-button,.header-divider{display:none}.header-actions>.button{padding:9px 11px;font-size:10px;gap:6px;min-height:34px}.header-actions .primary>svg:last-child{display:none}.workspace{display:flex;flex-wrap:wrap;min-height:0}.rail{order:0;width:100%;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;padding:7px 12px}.rail-top,.rail-bottom{display:flex;margin:0;gap:4px}.rail button{width:auto;min-width:61px;height:34px;flex-direction:row;gap:6px;margin:0;padding:0 10px}.rail svg{width:16px;height:16px}.rail button span{font-size:9px}.rail-bottom button{min-width:35px;padding:0 7px}.rail-bottom button span{display:none}.editor{order:1;width:100%;padding:0 20px;border-bottom:1px solid var(--line)}.preview-heading{height:47px}.stage{height:370px;min-height:0;padding-bottom:25px}.video-frame{height:340px;max-width:100%;border-radius:8px}.stage-caption{bottom:3px;font-size:7px}.stage:before{top:10px}.transport{padding:10px 0 14px;min-height:52px}.timeline{padding-top:12px}.timeline-ruler{padding-top:10px;padding-bottom:6px}.timeline-tracks{height:65px}.audio-track,.caption-track{height:23px}.caption-track button{height:21px;font-size:7px;padding:3px}.playhead{bottom:9px}.timeline-foot{padding:3px 0 13px}.library-panel{order:2;width:100%;padding:24px 20px;border-right:0}.panel-heading{margin-bottom:0}.panel-heading h1{font-size:22px}.segmented{max-width:360px;margin:18px 0}.preset-grid{grid-template-columns:repeat(3,1fr);gap:17px 12px}.preset-art{height:90px}.preset-name{font-size:10px}.preset-description{font-size:8px}.collection-note{margin:24px 0 18px;max-width:360px}.collection-note br{display:none}.local-note{font-size:10px}.local-note span{font-size:9px}.inspector.mobile-show{position:static;order:2;width:100%;padding:24px 26px;border-left:0;box-shadow:none}.inspector-description{font-size:10px}.inspector-section{padding-bottom:20px}.inspector-section h3{font-size:9px}.range-field>span,.select-label{font-size:11px}.select-label select{font-size:12px}.range-field b{font-size:10px}.inspector-section input[type=range]{height:5px}.inspector .style-tip{display:none}.inspector .load-project{font-size:11px}.library-panel.mobile-hidden{display:none}.app-footer{padding:0 15px;height:42px}.app-footer>p{display:none}.preset-card .preset-art canvas{height:100%}.transcript-panel{min-height:0}.transcript-actions{flex-direction:row;justify-content:space-between;align-items:center}.transcript-tools{font-size:11px}.transcript-tools>button:not(.icon-button){font-size:10px}.word-row{grid-template-columns:20px minmax(45px,1fr) 52px 52px 18px 18px 18px;padding:9px 0}.word-row input{font-size:12px}.word-row input[type=number]{font-size:11px}.word-table-head{grid-template-columns:1fr 55px 55px 63px;font-size:8px;margin-left:25px}.word-list{max-height:350px}.transcript-panel .micro-copy{font-size:10px}.transcript-panel .add-word{font-size:12px;padding:12px}.modal{padding:22px}.modal-head h2{font-size:21px}.modal-note,.privacy-card p{font-size:11px}.toast{font-size:11px;bottom:18px;width:calc(100% - 28px)}.job-tray{bottom:14px}.empty-video{min-height:300px}.help-steps p{font-size:11px}.video-play-overlay{opacity:1}.video-play-overlay.is-playing{opacity:0}.video-play-overlay svg{width:40px;height:40px;padding:12px}}@media(max-width:420px){.header-actions .import-button{font-size:0;gap:0;padding:9px}.header-actions .import-button svg{width:16px;height:16px}.preset-grid{grid-template-columns:1fr 1fr}.preset-art{height:100px}.topbar{padding:0 12px}.brand{font-size:23px}.preview-heading .current-style{font-size:8px}.stage{height:345px}.video-frame{height:320px}.time-display{font-size:9px;min-width:90px}.transport-right{min-width:90px}.playback-actions{gap:10px}.timeline-top>div>span{max-width:145px}}@media(prefers-reduced-motion:reduce){button{transition:none}.spin{animation-duration:2s}}